El festival de WordPress
22 de enero de 2021

This is an archive of the January 2021 event

Diseño del tema de WordPress con el Gantry 5

Crear diseños personalizados rápidamente usando el flexible y abierto marco de trabajo Gantry. Comenzando con las plantillas de base de Hidrógeno y Helio, puedes dar vida rápidamente a tu diseño en un tema de WordPress totalmente sensible. Aprende sobre los esquemas, partículas, átomos y posiciones de Gantry, así como a crear un tema infantil con Gantry.

Altavoz: Robbie Adair

Hora: 1:00amUTC
Región: Oceanía
El escenario: Etapa GoDaddy Pro

[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

  1. 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.

Comparte esta sesión

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en interés
Compartir en el correo electrónico