[Música]
Hola, soy Robbie Adair.
Y hoy vamos a hablar de
Diseño de temas de WordPress con Gantry 5.
Quiero agradecer a WordFest el haber
como orador y patrocinador.
Creo que es un evento fabuloso
que han reunido,
y estoy tan feliz de que toda la recaudación
van al Gran Corazón Naranja.
Creo que es una base maravillosa
haciendo un buen trabajo ahí fuera. De acuerdo.
Así que antes de entrar en
el tema en cuestión,
Sólo quería darte
una breve reseña sobre
quién soy. Soy Robbie Adair,
y hablo en muchos eventos. I
suele ponerlas en RobbieAdair.com.
Ese es mi sitio personal.
También tengo una agencia que he
de más de 18 años Media A-Team.
Hacemos páginas web y todo tipo
de los medios de comunicación: vídeo, lo que sea.
Y luego también poseo OS Training,
que es una web en línea
sitio web de formación para el desarrollo,
donde tenemos cursos de vídeo y libros,
y un montón de tutoriales en nuestro blog.
Y tenemos un YouTube bastante activo
canal con muchos consejos para ti.
Así que ahora echemos un vistazo a lo que
que vamos a cubrir en esta sesión.
Así que lo primero que vamos a hacer es
sólo vamos a hacer un breve resumen
del marco Gantry, lo que es,
porque podría ser algo diferente
de los que ha trabajado.
Si ha trabajado con una página
constructor, digamos,
o simplemente un tema estándar. Así que vamos a
echa un vistazo a un resumen de la misma.
Y también lo somos,
Voy a mostrarte que hay
algunos temas gratuitos con los que puedes trabajar
de la batea para que no se
te cueste dinero para empezar a jugar
con él y ver si
como ella. Y luego donde puedas,
si quieres comprar algo, eh,
temas de gama alta al mismo
personas que hacen el marco Gantry,
también venden algunas cosas personalizadas
que ya están diseñados con él.
Y también te enseñaré sobre eso.
Y luego quiero cubrir también la terminología.
Porque podría haber alguna terminología
que es un poco diferente en el Gantry
marco de lo que estaba acostumbrado
- Así que hablaremos de eso.
Quiero mostrarte cómo
es fácil hacer cambios,
para tratar de igualar el diseño que tiene
ya colocado en su lugar y luego girar eso
en un tema usando Gantry.
Y luego lo último que haré será
también le informará sobre cómo crear un
tema infantil.
Es un poco diferente con Gantry
de sus temas estándar de WordPress,
pero no todo el mundo lo hace. Lo sé,
pero quería lanzarlo por si acaso
eres una de esas personas, sin duda,
vamos a entrar en materia. Así que Gantry fue creado
por una empresa llamada RocketTheme.
Tenían temas y
plantillas y plantillas para
Grav. Así que tienen WordPress, Grav,
Y Joomla y tenían extensiones y
plugins. Y entonces fueron como, ya sabes,
tenemos un montón de estas piezas y entonces cómo
¿podemos hacer que todo esto se combine fácilmente?
Y entonces fue cuando se les ocurrió
el marco de trabajo de Gantry es tratar de
combinar todo eso en uno y también
entonces tener algo que funcione en todo
tres plataformas. Y así, primero
sobre todo, es de código abierto,
que creo que es importante. Todos somos
en él. Somos un mundo de código abierto,
¿verdad? Hay dos temas gratuitos.
Hay uno que es muy, muy básico.
Y luego uno que tiene algunos más,
uh, partículas incluidas en él.
Pero esos son absolutamente gratuitos.
Y así puedes empezar con esos
y empezar a jugar con él.
Rocket Theme ofrece algunos pagos
para los temas. Y así se puede,
si realmente te gustó Gantry
pero no tienes tiempo o encuentras
un diseño allí que funciona para lo que
quiere, puede comprar
algunos de sus temas.
Y lo genial de esto o de lo otro
Creo que lo que mola es que es
disponible en tres plataformas.
Así que usted tiene un cliente que tiene un Joomla
sitio y también quieren un sitio de WordPress
o el sitio Grav. Adivina qué,
si tienes a Gantry
bien puedes usar las personalizaciones
que hiciste con Gantry 5 allí.
Y puedes repetir ese proceso
con WordPress con muy pocos,
pequeños retoques que hay que hacer,
pero en general puedes hacerlos de marca
para que parezcan iguales, lo que es muy bonito.
Así que, ya sabes, porque WordPress, tú
podría querer tener ciertas cosas en eso,
pero tal vez ya, tal vez
tenían una aplicación heredada incorporada,
en Joomla o algo así.
Y por eso no quieren perder eso
y no quieren reconstruirlo.
Así que puedes dejar eso
su piel, como es la piel,
su nuevo sitio de WordPress. Y nadie sabe
cuando van entre esos dos.
Y por eso es muy agradable
por hacer una marca coincidente
allí o lo mismo con
Grav, si necesitas un piso
archivo de la base de datos CMS. Así que..,
Creo que eso es una gran
y único de Gantry 5.
Así que ahora si mi sesión te inspira a ir
y empezar a jugar con Gantry
¿dónde se descarga?
Así que Gantry tiene su propio sitio web, Gantry.org,
y ese es el marco.
Son los temas gratuitos los que me
de los que te hablo para los tres
plataformas en las que se presenta. Además
la documentación también está ahí.
Y te voy a dar un directo
enlace a eso en un momento,
Rocket Theme también es un
lugar donde se puede conseguir el
diseños preconstruidos que utilizan
El marco del Gantry 5 en el fondo.
Y así, si encuentras
un diseño que te guste allí,
e incluso una vez que has encontrado un diseño,
incluso si necesita manipular,
es muy fácil de hacer porque está en
Gantry 5, pero esos son temas de pago.
Así que me gusta decirte que
que esos se paguen,
pero si vas a Gantry.org, puedes
obtener un tema gratuito de dos diferentes.
He helio e hidrógeno,
y puede descargar el marco todo
gratis porque es de código abierto y nosotros
me encanta el código abierto. La otra cosa que
quiero mencionar es que si quieres,
el motor de pórtico también puede instalarse
a través de las tiendas en cualquiera de los
CMSs. Así que, en general, puedes ir a la
mercado y puedes decir simplemente: "Oye",
Estoy buscando la búsqueda de Gantry para
y lo instalas por ahí.
Lo mismo dentro de
WordPress, puedes decir simplemente,
Quiero instalar un nuevo plugin de búsqueda
para Gantry 5 y lo encontrarás y
puede instalarlo así. Y luego
una vez que tenga instalado el Gantry 5,
puedes instalar los temas
y poder activarlos.
Pero hablemos un momento,
sobre un nuevo sitio frente a un
sitio existente para la instalación.
Si es una marca nueva
sitio web, obviamente primero,
tendrás que instalar tu CMS.
Así que primero necesitas WordPress, obviamente.
Y entonces lo que vas a hacer es
instalar Gantry. El plug-in Gantry 5,
y luego instalará uno de
los temas que has elegido,
ya sea uno de los dos
temas gratuitos o de pago,
entonces es obvio que quiere activar
o asignar ese tema a este sitio.
Ahora hay otra forma única. Si
si estás haciendo un sitio nuevo,
si estás haciendo un sitio nuevo
en el sitio Gantry.org,
podrá descargar
un Rocketlauncher. Ahora,
un Rocketlauncher significa que ya han
lo empaquetó todo para usted.
Tiene WordPress ahí,
tiene a Gantry ahí y es
tiene el tema ahí. Y así, de nuevo,
esto funciona, si estás
haciendo un nuevo sitio, cierto,
porque no tiene contenido existente,
para poder usar un lanzacohetes,
le pide una base de datos,
lo conectas a una base de datos y
hace toda la magia por ti e instala
WordPress con su tema
instalado y listo para funcionar.
Si tiene un sitio existente,
lo que vas a tener que hacer es lo que
de la que hablamos antes. Instala el pórtico.
Ya tiene un CMS en
lugar, instalar un pórtico,
instale su tema y actívelo
lo tuyo. Y ya puedes irte.
Ahora el marco Gantry
es un tema muy amplio,
que estoy haciendo aquí en sólo
esta pequeña sesión. Uh,
así que lo que quiero que sepas es
estamos haciendo un buen resumen,
pero si realmente decides trabajar en ello
y bucear en la documentación va a
ser inestimable y la documentación es
bien mantenida. Y tan bien escrito,
puede alternar entre el tipo de CMS
que necesita la documentación.
Normalmente siempre encuentro la respuesta que
buscando sobre Gantry en su propio
documentación,
que siempre es refrescante y no sólo
en algún lugar del Googleverso. Así que..,
Te animo a que si eres
va a empezar a trabajar en él,
para sacar su documentación. Así que
puedes buscar en él cuando,
cuando te atasques en algo.
Así que lo que es muy poderoso
sobre Gantry es lo personalizable que es
incluso sólo la personalización de wysiwyg
que tienes en la parte de atrás de la misma.
Así que puedes elegir alguna
cosas de color preestablecidas si quieres,
o puede crear su
propio tema de color allí.
También puedes hacer diseños. Usted
necesita dos columnas en esta página,
tres columnas en esta página, ¿usted
¿necesita un pie de página? Y entonces necesitas un,
un área de cabecera. Necesita un área de llamada.
Así que usted puede hacer diseños en allí con el arrastre
y soltar y deslizar para los porcentajes.
Así que es muy útil.
Y luego también tienes el
capacidad de crear anulaciones,
que es donde realmente comienza
se está enfriando porque los anuladores tienen
la herencia.
Así que puedes tener un esquema base y
entonces puede crear anulaciones en las que
o bien heredan todo de
el contorno de la base, o sea,
Quiero heredar todo,
pero estas pocas áreas,
Necesito tres columnas sobre esto
página o este tipo de página,
porque tienes diferentes maneras
que puedes aplicar eso. Um,
hay partículas. Así que hay como
construido en pequeñas cosas como, Oh,
Necesito soltar un menú por aquí.
O bien, necesito un widget por aquí.
Así que te da la posibilidad de
simplemente colócalos en tus diseños.
Hay partículas
que vienen con un tema,
pero también puede encontrar
partículas por ahí han sido,
que han sido escritas por su gente y que son
gratis y otras que están a la venta Adams
Adams. O me gusta pensar
de esto como partículas,
puedes ver que son cosas
que estamos poniendo en el, uh,
la disposición de las anulaciones, y
entonces los Átomos son cosas que no vemos.
Tengo que poner una analítica de Google en esto.
Tengo que tirar en algunos JavaScript en
esto. Así que esos son Átomos con la habilidad,
te dan la posibilidad de poner cosas en
sus contornos que no se ven detrás de la
escenas. Así que posiciones,
siempre que se arrastra
estas partículas en un diseño,
los pones en una posición y
se puede hacer diferente en diferentes
anulaciones. Así que eso da
el poder de..,
crear flexibilidad entre
las áreas de su sitio web.
Así que las asignaciones, hay diferentes maneras.
Una vez que se crea una anulación y
hacer las modificaciones que desee,
que puedes asignar a
páginas. Así que en otras palabras,
tal vez sea una categoría determinada. Mi
blog, quiero utilizar esta anulación para.
Puedo hacerlo. Tal vez sea
sólo una página en particular.
Tal vez sea una página de aterrizaje que he
creó esta anulación para.
Puedo asignarlo sólo a ese
página o podría querer asignarla,
um, una cierta etiqueta.
Así que hay diferentes maneras de que
podemos asignar estas anulaciones,
que es realmente genial porque
nos permite decir: "Oye, ya sabes,
en esta zona de mi sitio web,
Quiero utilizar esta anulación. Por ejemplo,
tal vez tenga un aprendizaje
sitio web y tienes clases.
Quiero que las clases utilicen esta anulación.
Y luego quiero el resto de mi
sitio para que se parezca al contorno de la base.
Así que te da mucha flexibilidad en
cómo puede asignar estas anulaciones para ser
aplicada en todo su sitio web. Muy bien.
Así que sé que hay grandes
debate sobre la creación de temas hijos,
no crear temas hijo durante un tiempo.
Y ahora creo que la mayoría de la gente
no cree temas hijo,
pero todavía hay algunas personas
que crean cosas de niños.
Y tienen una razón para hacerlo
porque van a trabajar en el núcleo
archivos. Eso se sobrescribiría
cuando actualizan su, su tema.
Ahora, lo que quiero decirte sobre Gantry
es algo inherente a la forma en que
estás construyendo esto,
realmente no vas a tocar esos
archivos del núcleo o probablemente no vas a
a, por lo que probablemente
no necesita un tema hijo,
pero quería cubrir
aquí por si acaso.
Así que lo primero que tienes que hacer es
siga la forma estándar en la que se configuraría un
tema infantil. Puede seguir el
La documentación de WordPress. Es fantástica.
Síguelo al pie de la letra, pero
Gantry es un poco diferente.
Hay dos archivos que también tienes que
asegúrese de que tiene en su lugar para
el tema hijo para que funcione correctamente. Este
también está documentado en pórticos, eh,
documentación a fondo.
Para que puedas ver qué es exactamente en esos
archivos y todo eso.
Así que no voy a crear uno aquí.
Sólo quería hacerle saber que si
que desea crear el tema hijo,
puedes,
pero hay un paso extra además de sólo
hacerlo de la forma en que estás acostumbrado a hacerlo
con la documentación de WordPress. Así que
Sé que sólo mirando, uh, las moscas,
no te ayuda realmente
para que te hagas una idea de lo que es Gantry.
Así que lo que quiero hacer es entrar
la parte de atrás y déjame mostrarte el
backend de Gantry y el tema y
cómo se relaciona todo el contenido.
Lo que acabamos de hablar en estas diapositivas.
Muy bien, ya nos tenemos,
una pequeña y sencilla instalación de WordPress
aquí con no mucho contenido. Uh,
estamos utilizando el 2021
tema, como puedes ver,
si miramos en la parte delantera, es bastante
básica. Sólo tengo un par de puestos.
En realidad hay una página,
pero es bastante básico.
Así que lo primero que voy a hacer es
le mostrará cómo instalar uno de los Gantry
temas. Así que vamos a
para ir a nuestros plugins
y vamos a añadir una nueva
y podemos buscar simplemente a Gantry.
Verás que hay un marco Gantry cinco.
También hay que tener en cuenta que el Pórtico cuatro sigue
disponible, pero sugiero usar Gantry 5.
Si estás empezando,
es lo último y lo mejor
una vez que lo tengamos instalado, vamos a
activarlo. Y aquí vamos,
tenemos el marco Gantry cinco.
Ahora tenemos que ir y
instalar uno de los temas.
Así que vayamos al sitio web de los pórticos.
Iremos a la página de descargas,
desplácese hasta WordPress y
y luego elige uno de los temas.
Ahora hay helio e hidrógeno.
Si te fijas en su tamaño,
verás que uno es más grande que el otro.
Obviamente, el tema del hidrógeno es un tema muy,
tema muy básico con
apenas hay partículas en él.
Así que vamos a usar el helio una vez.
Para que puedas ver más partículas
en nuestro ejemplo.
Así que vamos a descargar ese tema.
Volvamos a
nuestro sitio de WordPress y vaya
a los temas. Lo diré,
vamos a añadir un nuevo tema.
Vamos a subir elegir el
tema que acabamos de descargar
e instalarlo. Ahora, una vez
su tema está instalado,
Vamos a activarlo.
Ahora, tan pronto como
activar el tema Gantry,
vas a ver que en realidad
ha aparecido un nuevo elemento del menú con el tema del helio.
Pero ahora vamos a ir muy rápido,
Dirígete a la parte delantera
de nuestro sitio web y actualizarlo.
Y veremos que esto
es ahora el tema que teníamos.
Hay alguna demostración incorporada
contenido dentro de esto.
Así que esto es helio sin que lo toquemos.
Y como puede ver, no tenemos una
menú seleccionado por defecto. No se puede,
no lo sabe. Debería decir
el menú que desea utilizar.
Así que vamos a volver aquí a la parte de atrás.
Empecemos a ver cómo personalizar esto.
Así que vamos a entrar en el tema del helio. Ahora.
He mencionado eso, que
hay algunos preajustes.
Estos son los preajustes
que están aquí arriba.
Así que recuerda que nuestro sitio web es una especie de
un púrpura a azul. Es este preset,
como puede ver, tiene una estrella de oro
en él. Si quisiera un aspecto rojo,
Podría simplemente seleccionar esto, guardarlo
y refrescar la parte delantera. Y
lo verás. Ahora tenemos un tema rojo.
Así que está cambiando todo nuestro
paleta de colores aquí abajo
para todas las secciones. Siempre que
Elijo uno de esos preajustes,
lo genial es que no
tiene que elegir una preselección.
Podría literalmente bajar
aquí y hacer esto yo mismo,
haciéndolos de los colores que quiera.
Voy a seguir adelante y elegir
pero uno de estos otros.
Sólo para que tengamos algo para empezar
con. No es tan rojo. Muy bien.
Así que este es nuestro tema que hemos
se puso en marcha muy rápidamente.
Echemos un vistazo al diseño
de la personalización del helio
panel aquí. En primer lugar, tenemos un
desplegable. Estamos en el esquema base.
También hay partículas
esbozado aquí. Así que el esquema base,
y luego hay partículas temáticas que
que podemos hacer. Hay una partícula casera.
Veamos este esquema base
primero y ver todo lo que puede cambiar,
porque normalmente se pondría
esto primero. Puedes ver,
puedes hacer cosas como
establecer la familia de fuentes.
Puede establecer colores de acento, su
fondo, color y color del texto.
Esos son los básicos.
Evidentemente, se puede anular
eso y luego las secciones. Ahora,
¿por qué están en secciones? Bueno,
si subimos aquí y
mira la pestaña de diseño,
verás que el diseño
se divide en secciones,
donde podemos arrastrar y soltar
y podemos mover manipular
porcentajes. Pero estos
Las secciones tienen nombre,
¿verdad? Utilidad de introducción destacada.
Y en ese panel de estilos,
descartemos eso
cambiar en su página de estilos.
Viste esos mismos nombres,
¿verdad? Utilidad de introducción ampliada,
los mismos nombres en el trazado.
Podemos arrastrar y soltar.
Digamos, por ejemplo,
hay una partícula de marca.
Si quiero poner la marca en esto,
Simplemente arrastraría y soltaría eso
marca hacia abajo en cualquier lugar donde lo quiero.
En realidad, podría incluso añadirlo
una fila diferente si quisiera.
Así que podría ponerlo debajo ahora,
¿Qué acabo de poner en esto? Si
vamos a buscar en el fondo,
verás impulsado por Gantry
es lo que acabamos de poner ahí.
Esto se debe a que
es el valor por defecto para el
partícula de marca. Vamos a
mira esto de aquí.
Los valores predeterminados de las partículas. Así que
aquí está la marca.
Si cambio esto por Robbie,
digamos ahora que es
va a cambiar esa partícula
con el poder de Robbie. Bien.
Así que es muy sencillo cambiar nuestro
por defecto aquí en el esquema base así que
que cuando dejamos caer estos
partículas, tienen los valores predeterminados.
Ahora siempre puedo, si
decidido cuando se me cae una,
Siempre puedo anular en
un esquema diferente y
cambiar esto. Si quisiera. Ahora,
la pestaña de contenido es
exclusivo para WordPress.
Controla la forma en que las áreas de su
WordPress se ven afectados por la plantilla.
Por ejemplo,
tal vez quiera excluir algunos
categorías en la configuración de la consulta.
Así que esto le da cierta flexibilidad
en la forma en que el tema de Gantry es
que afectan a su WordPress
sitio. Configuración de la página,
la configuración de la página es donde podemos establecer
cosas. Digamos, por ejemplo,
en el fondo,
llamémoslo así, donde podemos poner las cosas
que deben ir en el código después de
el cuerpo o antes del murciélago
cuerpo. Tal vez usted tiene, eh,
un código de píxeles para el marketing y usted
necesita ponerlo antes que el cuerpo.
Puedes simplemente colocar ese código aquí.
También está el de Atom del que hablamos
en nuestra presentación de diapositivas.
¿Los átomos son los que están detrás de la escena?
Cosas que no están viendo como
las partículas son en cambio.
Digamos que necesito poner
Google Analytics por mi parte.
Puedo simplemente dejar caer un Atom en
allí y rellenar mi código GA aquí.
Simple. Cada vez que quiero conseguir
deshacerse de una partícula o un átomo,
Simplemente lo arrastro hasta
la parte superior y puedo borrarla.
La última pestaña la hemos visto brevemente,
que son las partículas por defecto y
todas las partículas instaladas tienen
por defecto en esta pestaña. Muy bien,
una última cosa antes de dejar la base
esquema es que quiero ir y asignar en
los diseños, nuestro menú de partículas
aquí. Quiero darle un menú.
Ahora hemos configurado un menú
ya en este sitio de WordPress
llamado Main. Para que veas, yo era
poder seleccionar el menú que quería.
Voy a aplicar, aplicar y guardar eso.
Repasemos la parte delantera y refresquemos
y verás esto. Ningún menú desaparece.
Y ahora tenemos nuestra pequeña muestra
que tenemos en el menú de muestra.
Tenemos una página de muestra.
Así que esto es lo que el
el contorno por defecto se ve así.
Así que el esquema de la casa se ve así.
Los contornos de las páginas interiores parecen
así. Así que esto es una página.
Esta es una página.
Y esta es una página del blog con todo
las categorías que muestran que tenemos dos
categorías, azul y rojo debajo del blog.
Ahora,
una cosa más antes de dejar esta base
esquema que quiero hacer es que quiero
cambiar esto
partículas por defecto. Tengo un logotipo.
El logotipo por defecto es un SVG. Así que
vamos a deshacernos de eso.
Así que vamos a seleccionar una imagen.
Ahora ya he precargado,
para no tener que hacerlo.
Pero si necesita cargar en una imagen hacia abajo
en la parte inferior es donde se puede subir.
Así que seleccionemos el Gran Corazón Naranja,
y luego vamos a guardar esta partícula.
Así que acabamos de reemplazar el valor por defecto
logo con un gran corazón naranja.
Así que vamos a refrescar y verás que hay
vamos. Ese es nuestro nuevo logo en esto.
Bien. Entonces lo que vamos a hacer ahora
es hacer una nueva anulación o esquema
para esta página de muestra. Así que vamos a
¿Cómo lo hacemos?
Lo primero, recuerda, es que esto ha caído
abajo, nos muestra los contornos que existen.
Tenemos el de las partículas del hogar, ¿verdad?
Pero lo que queremos hacer
es crear uno nuevo.
Así que vamos a los esquemas
en el menú superior derecho.
Aquí es donde se puede ver
los contornos que existen.
Y vamos a copiar uno de estos.
Vamos a copiar nuestra base
esbozar y llamaremos.
Esto es una muestra y un aviso.
Podemos heredar todo
sobre el esquema,
que es lo que hemos hecho para
empezar. Así que nuestra muestra,
si volvemos a la configuración y
cambió a nuestro esquema de muestra,
aquí está. Ahora,
si solo asignara este a ese
página ahora mismo, no hay diferencia.
Así que vamos a hacer algo diferente. Primero.
Vamos a desheredar esta sección
del contorno de la base.
Así que vamos a decir que no
herencia aquí y aplicar esto.
Voy a cambiar este logo.
Así que voy a abrir el
logo y voy a comprobarlo,
whoops, primero, vamos
adelante y desheredar.
Y luego vamos a abrir esto y
cambiemos este logotipo por el de
Logotipo de WordFest
aplicar y guardar esa.
Lo último que tenemos que hacer es
tenemos que asignar este override a nuestro
esquema a la página que queramos.
Así que recuerda en nuestro principal
menú, tenemos una página de muestra,
así que vamos a seleccionarlo y guardarlo. Ahora,
actualiza la página de muestra. Ya lo verás.
Tenemos un logotipo diferente.
Ahora, este bar también es oscuro.
Cambiémoslo sólo por esto.
Y esa es nuestra navegación
sección. Así que vamos a seleccionar eso.
Y diremos que nos gustaría
como para tener una luz real.
Naranja.
Digamos que sólo un naranja pálido allá arriba,
actualiza nuestra página. Y usted
ver, tenemos un naranja pálido.
Ahora nuestro texto recibe realmente un
un poco difícil de leer allí.
Así que también voy a
cambiar este valor por defecto.
Los dos siguientes. Vamos a hacer negro.
Como pueden ver, tenemos negro
textos ahora, y tenemos esta píldora,
fondo amarillo. Nos
tienen el logotipo de WordPress.
Si fuera a otra página
aunque no se lo he asignado,
se parecen al contorno por defecto.
Y entonces el hogar parece
el contorno de las partículas del hogar.
Para que veas lo fácil que es
era que yo cambiara eso.
Hagamos un ejemplo más
aquí, asignando mediante el blog.
Así que veamos nuestro blog. Recuerde
tenemos dos categorías, azul y roja.
Voy a volver a mi
esquemas y voy a copiar mi
ejemplo de esquema. Llamaremos a uno rojo,
Y luego lo copiaremos de nuevo.
Y llamaremos a uno azul.
Así que voy a abrir mi azul primero.
Voy a ir a, perdón, el.
Diales.
Y voy a cambiar
estas anulaciones aquí.
Me gustaría tener
el fondo sea azul,
y volveré a tener un texto blanco
en ese azul, porque creo que lo haremos,
lo necesitaremos para poder
para verlo esta vez, sin embargo.
Así que guardemos este contorno azul
y vamos a nuestras asignaciones.
Así que antes de asignar esto a
directamente a una página de nuestro
menú, esta vez vamos a
para asociarlo a un
categoría de puestos.
Así que esto va a ir
a nuestra categoría azul.
Así que digamos que la asignación.
Ahora vamos a cambiar a nuestro rojo y
vamos a hacer algo similar donde
vamos a cambiar eso
fondo para que sea rojo.
Eso es rojo muy brillante y
haremos un texto blanco en la parte superior.
De ella.
Así que también iremos
a nuestras asignaciones. Uy,
guardemos eso antes de irnos.
Verás que aparece y me permite
saber si estoy tratando de dejar una pestaña sin
ahorrando. De acuerdo.
Así que lo que vamos a hacer es
va a bajar y asignar este
a la categoría del blog rojo.
¿Qué ha pasado aquí? Vamos a ver,
si vamos a nuestro nada ha cambiado
porque tenemos el esquema por defecto
asociado a esto. Pero
si yo me atrincherara y dijera,
Quiero ver toda la categoría azul,
¿Adivina qué pasa? Tengo una barra azul.
Quiero ver el rojo
categoría. Tengo una barra roja.
Así que como puedes ver,
es muy fácil para mí crear
diferentes miradas sobre diferentes
secciones del sitio web.
Sé que estos eran bastante simples
ejemplos que te estaba dando,
pero creo que te da una idea
por la forma en que la herencia y la
anula el trabajo dentro de
de estos esquemas. De acuerdo.
Una cosa más que quiero mostrarte
sobre Gantry que creo que es bastante ingenioso
está dentro de Gantry.
También tenemos la capacidad aquí arriba en el
esquina superior derecha para modificar nuestro
menú un poco. Ahora sólo tengo
un menú, pero si tuviera varios,
Podría desplegar y seleccionar el que
Yo quería. Digamos, por ejemplo,
queremos que nuestro blog se oponga a
siendo sólo un elemento de menú de texto.
Queremos que tenga un icono. Así que
podría entrar aquí y digamos,
buscamos una pluma
para que podamos elegir un pin.
Incluso podemos hacer que sea un doble el
tamaño. Así que ve nuestro tamaño aquí.
Nos está dando cualquier muestra así que
podemos guardar esto aplicando el ahorro,
y puedes ver un avance del mismo aquí,
pero vamos a mirar en la parte delantera
final y puedes ver que ahí está.
Ahora podemos también con eso,
como muchas veces la gente puede querer
tener el icono de la casa sin tener el
palabra a casa, para darse más
habitación. Puedes venir aquí y decir,
Quiero un icono sólo en eso. Y ya verás.
Ahora el enlace de nuestro blog es simplemente un icono
que nos lleva funciona exactamente igual,
pero es sólo un icono.
Otra cosa genial sobre Gantry
menús es que realmente puedes poner
widgets o partículas en el
nivel, o si tuviéramos subniveles,
incluso podríamos hacerlo en los desplegables.
Pero por ahora tenemos un nivel.
Así que dejemos caer una partícula aquí abajo
y seleccionemos la fecha,
Guárdalo y actualízalo. Ahora sí
que se ha desviado del orden aquí.
Vale. Así que simplemente puedo poner
que sea el último,
guarda eso, vuelve a ver.
Y verás que lo que tenemos ahora es
la fecha es lo último que aparece.
De acuerdo.
Bueno, eso es lo que tengo hoy
para ti. Espero que lo hayas disfrutado.
Y si nunca has
jugó con Gantry,
Te animo a que vayas y descargues
Gantry 5, descarga un tema,
instalarlo,
jugar con él y ver qué
crees que puede ser la respuesta que estabas
buscando. Si tuvieras problemas
con su tema y diseños actuales.
No lo sé. Así que espero
esto ayuda. Um,
y luego también si necesita
para ponerse en contacto conmigo,
siempre puedes encontrarme en
Twitter. Como dije antes,
uno de mis sitios web de negocios, obtenemos
a OS Training y escríbenos.
Alguien se pondrá en contacto con
a ti. Si tienes algunas preguntas sobre esto,
gracias de nuevo a WordFest
por haberme hecho hablar.
Y espero que disfrutes de las otras sesiones.
Hay un gran cartel para que lo disfrutes.