Guía para principiantes para el Elementor Pro Parte 2 - creador de temas | Paul Charlton | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Guía para principiantes para el Elementor Pro Parte 2 - creador de temas

teacher avatar Paul Charlton, Designer & Trainer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      0:36

    • 2.

      ¿Qué herramientas necesitas?

      1:05

    • 3.

      Cómo construir un encabezado global

      8:27

    • 4.

      Construir un pie global

      5:16

    • 5.

      Cómo crear plantillas de archivo y postales individuales

      10:42

    • 6.

      Técnicas de edición en línea de plantillas

      1:54

    • 7.

      Cómo y por qué usar plantillas globales

      5:07

    • 8.

      En conclusión

      0:26

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

238

Estudiantes

1

Proyecto

Acerca de esta clase

Parte 1 de la guía para principiantes para elementos.

Si buscas una guía detallada para comenzar a crear tu primer tema de WordPress con Elementor Pro, este tutorial te llevará a cabo en un tiempo doble.

Aprende las habilidades y conocimientos básicos necesarios para sacar el máximo provecho del potente desarrollador de temas de Elementor

Pro.

  1. Las herramientas necesarias
  2. Construir tu encabezado global y comprender las opciones de condiciones
  3. Construir tu pie global
  4. Archivos de temas individuales y Archive
  5. Plantillas globales...

Con las habilidades cubiertas en esta clase, ya no deberías limitarte a usar temas de WordPress prediseñados. Puedes dejar que tu creatividad fluya y crear diseños únicos para ti o tus clientes.

Conoce a tu profesor(a)

Teacher Profile Image

Paul Charlton

Designer & Trainer

Profesor(a)

Hi, I'm Paul, from South Wales, UK and I am a passionate Musician, photographer, professional web & graphic designer, mountain biker and gamer who enjoys all things technical! 

I've worked as a professional web designer for over 15 years and an IT trainer for 10 years prior, specializing in digital media and design. I've been lucky enough to provide work for some amazing industry magazines (.Net, Digital Photographer, Computer Arts, etc.) and had my photography featured in magazines and online.

I'm the owner of a successful web & graphic design company trading for over 14 years alongside developing over 600 training videos on a range of design, photo editing and audio production topics as well as authoring 2 eBooks on photography and Adobe Lig... Ver perfil completo

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: en esta clase en particular, voy a estar llevándote a través de todo el proceso de creación de un tema usando pros elementales . Constructor de temas. Vamos a echar un vistazo a todas las habilidades fundamentales que debes conocer incluyeron algunas de las actualizaciones recientes de cosas como estilos temáticos sobre la capacidad de editar en línea todas estas cosas para hacer todo el proceso de creación de las cosas personalizadas con elemental pro. Mucho más simple, Mucho más racionalizado, mucho más rápido. Entonces si te interesa, únete a mí en esta clase y te voy a llevar a través de cada paso del final de la misma. Vas a tener un conocimiento en toda regla exactamente cómo construir tus propios temas usando elemental pro. 2. ¿Qué herramientas necesitas?: Entonces lo primero que vamos a hacer es descargar Instalar el tema hola. El motivo por el que usamos el tema Hola es porque a pesar de que estamos construyendo nuestro propio tema, WordPress en sí solo necesita tener un tema instalado. No necesariamente tenemos que usarlo. Y vamos a usar el tema Hola porque básicamente es solo un tema de huesos desnudos por los desarrolladores fuera del propio elemental. Esto asegura que tengamos wordpress feliz y no necesitamos preocuparnos de que ningún trozo y piezas extra se interponga y cause problemas cuando configuramos las cosas como parte de nuestro tema. Ahora encima del tema hola, también necesitamos asegurarnos de que tenemos instalado elemental pro. Ahora tienes que usar elemental pro. La versión gratuita no viene con la capacidad de crear archivos de tema. Podemos guardar algunas plantillas básicas como plantillas de página y sección, pero no construir un tema. Entonces solo ten en cuenta si no tienes la versión pro, realmente no puedes seguir con lo que voy a cubrir en este video en particular. Por lo que proporcionándote el tema hola instalado. Tienes elemental on element o pro instalado. Estamos listos para empezar a seguir adelante. Entonces, solo saltemos al tablero de Wordpress ahora y empecemos a echar un vistazo a todas las cosas que tenemos para empezar a construir sus propios temas personalizados con elemental pro. 3. Crea un encabezado global: desde que hice mi video inicial sobre cómo usar el constructor de temas Enemy Elemental 2.0, las cosas se han movido como. Los fundamentos básicos son más o menos los mismos, pero ahora tenemos algunas características de ahorro en tiempo real que hacen que todo el proceso sea aún más simple sobre el mal, más integral. Pero necesitamos poner algunas cosas que, en primer lugar, primer lugar, así que lo que hacen es que sólo voy a entrar a Elemental. ahí vamos a entrar a la sección de escenografía. Vamos a tomar dos opciones. Vamos a deshabilitar aquellos los colores predeterminados deshabilitados en las fuentes predeterminadas para ir a comprobar tanto los hit save changes. Ahora bien, ¿por qué estamos haciendo esto? Debido a que Elemental lanzó recientemente la capacidad de crear estilos de tema. Y eso significa que podemos establecer fuentes, debilitar tamaños de fuente establecidos, colores, colores botones, toda gama de cosas diferentes. Todo esto ahora significa que cuando creamos nuestros propios temas, también podemos contarte toda esa información también. Todos esos activos de diseño tenemos que desactivar los colores por defecto y las fuentes por defecto. De lo contrario esto funcionará. El siguiente que hay que hacer es saltar a la apariencia y a los personalizadores para que podamos echar un vistazo a qué opciones están disponibles como parte del tema Hola solo para que puedas ver algunas de las cosas que puedes hacer ahí dentro, pero principalmente solo para ver que esto es prácticamente nada a ella. Se va a la apariencia y a personalizar. Una vez que entramos ahí, se puede ver que tenemos cuatro lengüetas en el lado izquierdo. Los menús de identidad del sitio, configuración de la página principal en CSS adicional. Si quisiéramos aplicar algún CSS global al sitio, no. Al usar algo como el tema Hello, podemos beneficiarnos de algunas de las opciones que están disponibles. Si entramos en la identidad del sitio, por ejemplo, tenemos cuatro opciones diferentes. Debilitar configurar el logotipo, el título del lema en un ícono, que es básicamente que dan tela en que se mostrará en las pestañas del navegador. Lo que quiero hacer es configurar el logo, así que vamos a configurar esto para usar el logo oscuro on dirá select. Nos saltaremos el recorte. Lo que esto básicamente nos permite hacer es cuando montamos la cabeza y ponemos nuestro logo ahí dentro . Podemos usar el widget del logotipo en contraposición a solo usar en gráfico ordinario. Y luego si quería cambiar ese global en todo el sitio que utiliza ese widget en particular , simplemente tenemos que entrar en el personalizador. Volvemos a salir de esto ahora, podríamos configurar en menús dentro de ti si quisieras. Todo lo que podemos simplemente hacer eso de la manera normal como parte del tablero de WordPress. Lo dejaré así por ahora. Va a volver a salir. Vamos a dejar todo lo demás como está y vamos a golpear. Publicar. Por eso tenemos nuestro logo en la parte superior. Tan sólo un buen comienzo de cabeza en lo que vamos a hacer. Entonces ahora que hemos pasado y hemos configurado todo, echemos un vistazo al verdadero edificio temático. Si salimos de la sección de plantillas en el lado izquierdo, tenemos constructor de temas. Voy a hacer clic en eso, y eso nos va a llevar a la sección de constructor de temas básicos. Ahora puede que estés mirando esto y pensando, Bueno, realidad no está pasando mucho. ¿ Cómo trabajamos con él? Bueno, déjame solo explicar esta sección, y luego verás qué empezamos a construir las cosas, cómo esto poblará con diferentes tipos de archivos de construcción temática que configuramos. Entonces, en primer lugar, tenemos el constructor de vapor, que mostrará todos los diferentes archivos temáticos que creamos. Actualmente, no hay ninguno, pero a medida que empecemos a crearlos, aquí se enumerarán. Tenemos entonces cuatro pestañas diferentes, una para cada uno de los diferentes tipos fuera de los archivos de tema que podemos crear. El encabezado y un pie de página ahí bastante auto explicativo. Lo que hacen, el sencillo es básicamente, si miras un post blawg, esa es una sola plantilla. decir, Esdecir,muestra el post donde el archivo volverá a mostrar una lista de publicaciones. Ya verás esto a medida que pasamos ahora. Si tuvieras algunas realmente caminar a casa lo instalaran, verías algunas pestañas extra dentro de la tuya para la guerra. Comercio para soltero Ah, uno para archivos de comercio mural funciona del mismo tipo de manera. Simplemente muestra producto en contraposición a publicaciones. Esa es la única diferencia entre ellos. Entonces vamos a empezar esto echando un vistazo al jefe de configuración para hacer click para entrar en encabezado una vez que lo hagamos ahora, porque no tenemos archivos de tema configurados en esta sección en particular se presentaron con este primer tipo de crear tu primer encabezado. Entonces lo vamos a hacer es diremos en una nueva cabecera porque hemos elegido la cabeza una tableta ya sabe que está por delante de que vamos a crear. Pero hacemos clic para expandir que puedes ver podemos elegir entre cualquiera de esas otras opciones más algunos archivos de plantilla, que son cosas como secciones y así sucesivamente. Entonces dejemos eso como jefe de Eso está perfectamente bien. Lo siguiente que hay que hacer es darle un nombre a este archivo de plantilla. Ahora, lo que tiendo a hacer es tener una convención de nomenclatura que tiendo a usar para casi todos mis proyectos. Entonces si voy a crear un archivo de plantilla, un archivo de tema que se va a utilizar globalmente siempre son llamarlo por defecto algo así que en este ejemplo va a ser encabezado por defecto. Ahora bien, si quisiera crear un headup para una sección específica que será diferente al encabezado predeterminado, lo nombraría algo diferente pero de nuevo, incluyendo encabezado. Entonces lo que yo sugeriría es simplemente entrar en el hábito de crear una convención de nomenclatura a la que te pegas porque simplemente te hará la vida más fácil cuando vuelvas a un proyecto tal vez seis o 12 meses por la línea de tu pensamiento. ¿ Cuál es el nombre de ese archivo de plantilla en particular? Utilizar una convención de nomenclatura lógica. Simplemente hace que tu vida sea considerablemente más fácil. De acuerdo, así que hemos hecho las dos cosas que necesitamos. En este punto, vamos a dar click en crear plantilla que luego pasará por abrir, elemental on. Si tenemos alguna plantilla, podemos jalar en formas parte de elemental o elemental pro. Podríamos usar esos como punto de partida. O si quisiéramos, podríamos empezar completa y totalmente desde cero. Ahora, déjame solo llevarte a través de esta sección antes de pasar a empezar a echar un vistazo a realmente construir o cambiar las cosas. Si echamos un vistazo, tenemos tres pestañas en la parte superior. Tenemos páginas de bloques en mis plantillas. Los bloques, como se sugería este nombre son diferentes elementos de bloque de una página. Entonces cosas como encabezados, pies de página, servicios de héroes, ese tipo de cosas. Esos están todos desglosados en varias secciones diferentes, las cuales puedes filtrar desde el lado izquierdo, usando esta sección en particular porque estamos creando un encabezado, automáticamente nos mostrará los archivos de plantilla de encabezado. Esa instalación es parte de elemental pro. Si quisiéramos, podríamos cambiar eso por otra cosa. Entonces, por ejemplo, héroe y nos van a mostrar todos los bloques de héroes que veo. Nos queremos apegar para encabezar el jefe de sección porque eso es con lo que estamos trabajando actualmente , páginas de las que no necesitamos preocuparnos, porque eso nos va a mostrar plantillas de página completa. No es lo que quieres usar cuando estamos creando Encabezado en mis plantillas. A medida que creemos plantillas, todas estarán listadas ahí para que podamos usar esas como y cuando veamos conveniente, volvamos por encima de la sección de bloques para que lo haga ahora es vamos a encontrar una de estas plantillas pre diseñadas y usarlas como un punto de partida para nuestro diseño particular. Por lo que no tomo este encabezado en particular. Ahora ya verás que voy Logo ya está insertado porque configuramos que era parte del Hola. Parece que ves debajo tenemos el lugar sostener un widget, listo para poner en nuestro menú. Pero como no hemos configurado un menú, nada está apareciendo en el Así que tenemos ahora es un tipo normal de página con la que vamos a trabajar como parte de Elemental. Por lo que podemos hacer click en cualquiera de estos. Podríamos hacer cambios a cualquier cosa que queramos. Podemos configurar cualquier cosa de todas formas que queramos. Entonces no queríamos este verde en la parte superior. Podríamos simplemente hacer clic en la sección de estilo Commodore, o podemos elegir el color que queramos a partir de ahí. Tal usado este azul claro No tenemos cambio que tenemos nuestra primera plantilla configurada. Lo siguiente que se va a hacer es dar click en Publicar. Por lo que una vez que hacemos click en publicar, puedes ver que nos lleva y dice, necesitamos agregar una condición. Y este es el tipo de fundamentos básicos fuera. Usando las plantillas como parte de elemental pro Para construir un tema, solo tienes que crear condiciones para decir cuándo en camino se usará un archivo de tema en particular. Entonces podemos hacer es hacer click en, agregar una condición y luego Tenemos dos configuraciones diferentes tenemos incluir y excluir, para que puedas usar la lógica que quieras. Entonces dices Incluir, y lo ves actualmente dice todo el sitio. Hacemos click para ampliar eso para la lista desplegable. Tenemos tres opciones ahora. Este es un menú sensible al contexto. Todo actor significa es que el menú cambiará en función del archivo de tema que se editaron. Por ahora, sin embargo, vamos a decir que todo el sitio está perfectamente bien. Si quería debilitarse, agregar condiciones adicionales, dicen Suker en otra condición, y se podría elegir excluir. Entonces podríamos decir Vamos a excluir esto de los archivos y yo no diría todos los archivos y se puede ver tenemos opciones extra por ahí así que podríamos decir ahora nos pusimos a diferentes condiciones que este encabezado estaría mostrando todo el sitio excluyendo cualquiera de las páginas de archivo. Solo eliminemos la segunda condición. No sólo lo hemos configurado para decir incluir todo el sitio. Vamos a golpear ahorro cerca y ese es nuestro primer archivo de tema creado. Por lo que ahora tenemos una cabeza global un poco aplicar a cada página de nuestro sitio 4. Construye un pie global: Ahora bien, si echamos un vistazo a nuestra página de prueba, esta es la página principal ante la cabeza como se le aplica. Entonces este es el tema Hola, diseño básico de huesos desnudos. Entonces vamos a refrescar esta página en. Ahí está nuestro nuevo encabezado para que veas que hay barra Azul en la parte superior. Tenemos logo. Obviamente, todavía nos falta ese sistema de menús, así que pondremos eso en un momento. Entonces así de fácil es. No, cada página que podamos echar un vistazo a uno de estos posts saltará y podrás volver a ver . El plantilla real de un solo puesto todavía se ve absolutamente terrible. Lo que sí tenemos es que tenemos un encabezado aplicado a nuestra página. Por lo que en todas partes ahora esta cabeza va a ser evidente. Ahora, antes de seguir adelante, hay otra cosa que quiero mostrarles. Y esta es una de las cosas más grandes que se han agregado al pro elemental en el último par de meses y una de las razones por las que te estoy mostrando este proceso de crear un tema desde cero de nuevo. Entonces vamos al lado izquierdo. Los widgets de Broil están bien vienen al pequeño menú de hamburguesas en la esquina superior izquierda se hicieron clic para abrirse. Las diferentes opciones, las preferencias, los ajustes y todo ese tipo de cosas. Lo que estamos viendo es la tercera opción llamada estilos temáticos, para que puedan abrir los estilos temáticos. Se puede ver que no es pops y abre un conjunto diferente de opciones. Tenemos una gama de diferentes secciones dentro de ti. El fondo, que el color de fondo global para toda la tipografía del sitio, botones y así sucesivamente. Ahora no voy a ir en esto en toneladas de detalle porque ya he cubierto cómo usar esto con mucho más detalle, su propio video dedicado y también cómo realmente lo usaría personalmente. Por lo que enlazaré esos dos videos en la siguiente descripción. Entonces si quieres saber más sobre temas, estilos y cómo es la mejor manera de usarlos, échale un vistazo ahora. Otro sentó los antecedentes para esto y dejar el fondo como está, sin embargo, se comprometieron la tipografía, y ahí dentro ya podemos configurar todas las opciones de tipografía para todo nuestro sitio. Entonces hagámoslo. Preparemos algunos de esos para empezar. Entonces vamos a hacer se va al color del texto. No lo hice Iban a poner esto para que fuera un gris oscuro. Una vez que hayas hecho eso, vamos a entrar en las opciones de tipografía, y a partir de ahí solo vamos a elegir la familia de fuentes que queremos usar. Entonces para esto, vamos a usar Poppins. Hemos establecido un valor de alrededor de 14 y se puede ver si echamos un vistazo por el lado derecho. Se puede ver que esto está cambiando las cosas y podemos ver algunos ejemplos básicos de lo que estamos haciendo . Podríamos cambiar el peso si queremos entrar aquí a lo que queramos. Pondremos ese estómago 400 para que esté un poco más grueso. Dirá que estamos contentos con esa cuenca de párrafos. Bueno, depende de nosotros. Podríamos establecer los valores en píxeles, EMS o VH. Entonces digamos que bueno, esto sea algo así como 16 píxeles. Por lo que tenemos un bonito espacio entre los párrafos. Entonces con eso en su lugar, si queremos, podemos cambiar el color de nuestro enlace. Entonces podríamos decir que lo que vamos a hacer es tan difícil pero sólo vamos a poner esto para ser subrayados vendrán en la tipografía set una decoración para subrayar y luego en lo normal , vamos a establecer el color para que sea diferente. Entonces estamos establecidos que a ese color azul claro para que sepamos de estilo globalmente Los colores de enlace para el puerto en el estado normal lo van a ver para nuestros encabezados. Entonces lo que sucederá es que podemos usar este tipo de jerarquías si configuramos la fuente para que sea un estilo particular. En este caso, Poppins, se puede ver que el encabezado también ha peinado a Poppins por lo que podemos dejar eso tal como está, y va a especie de cascada hacia abajo. No obstante, si quisiéramos, podríamos cambiar cualquier cosa que ver con los diferentes rubros también. Para que podamos cambiar el color en la topografía. Entonces digamos sólo para la tipografía que no queríamos usar Poppins que queríamos usar en un monstruo del lago en que podríamos elegir eso de ahí. Ya ves, la fuente ahora se actualiza y queremos Podemos cambiar el peso de la fuente ahí. Y si quisieras, también podríamos decir que van a mayúsculas para que veas que fácilmente podríamos entrar. Y las cosas justas son solo el dimensionamiento, todo ese tipo de opciones. Y luego nos vamos. Podríamos simplemente hacer eso básicamente a través de todos los diferentes encabezamientos de uno a seis para asegurarnos de que se hayan configurado todos los colores, el tamaño , los estilos , las fuentes, , las fuentes, todo ese tipo de cosas. Botones es exactamente lo mismo. Podemos entrar a controlar la tipografía de botones,sombra de texto, sombra de texto, lo normal, el estado del puerto, los colores de fondo, cualquier radio de borde y así sucesivamente. Para imágenes de campos, también tenemos CSS personalizado Al final del mismo, el CSS personalizado se aplicaría al estilo global de su sitio no específicamente a un pagado. Entonces sólo ten eso en cuenta. Una vez que hayamos hecho eso, podemos dar click en actualización que sabrá realizar cualquier cambio a lo largo de todo el sitio. Ya he ido adelante, añadido en la estructura de menús solo para poder mostrarte lo fácil que es antes de seguir adelante. Echa un vistazo al pie de página para hacer cambios y personalizar esto de la manera que queremos para que podamos hacerlo si quieres es fácilmente podríamos entrar en cualquiera de estos y hacer cualquier ajuste en el que queramos dar click. Entrará en eso la imagen. Se puede ver que tenemos margen a la botella superior. Vamos a pisar esos para ser un poco más pequeños para hacer 10 de los 10 primeros en la parte inferior. Simplemente le ajustamos un poco eso. Y si nos acercamos a nuestro jugo de widget de menú, ¿hay otro widget de menú? Tenemos un color verde por ahí el cual obviamente no tiene sentido porque no usar el esquema de color que configuramos así que vamos a hacer es vamos a entrar en esta sección de estilo y dentro de ahí podemos ajustar la tipografía que pudimos solo para dejar caer abajo el botón tobel todo ese tipo de cosas. Por lo que sólo vamos a la sección portuaria. Se puede ver que están los 0.2 colores siendo años, este tipo de color verde va a cambiar que para nuestro azul finalmente fueron más terminados. Ahora tenemos azul con el desplegable. Si quisiera, podríamos ajustar las cosas por dentro. Ahí golpeará actualización ¿Qué ha hecho que saltará de nuevo de nuestra página de prueba? Refresca que puedes ver que no hay apretar las cosas que se están usando los colores correctos y así sucesivamente 5. Cómo construir plantillas de postería de archivo y una sola plantilla única: siguiente de todo, echemos un vistazo Ahora están creando un pie de página para el constructor de temas. Vamos a hablar con el pie de sección, yo diría, yo diría, Agnew pie de página, podría ver preseleccionado sin pies en un juego de azar con lo mismo. Entonces pie de página predeterminado, haz clic en crear plantilla Una vez que hagas eso, eso nos llevará Y ahora podríamos echar un vistazo a los bloques. Entonces lo que hago es que voy a encontrar algo que creo que está en apego a lo que hemos estado haciendo lo insertará en nuestra plantilla, así que ahora pone nuestro diseño en la página. Obviamente, hay un par de cosas que necesitamos resolver. Todos los colores están equivocados en este punto en el tiempo, por lo que necesitamos corregir eso. Es muy fácil. Sólo para hacer es hacer click en cualquiera de los ítems que le llamamos la pestaña de estilo. Y podrías simplemente cambiar este color a lo que quieras. Literalmente podrías llevarla por ahí o puedes establecer el color. Dejemos claro eso y entonces eso recogerá cualquier color por defecto que dijiste que era parte de los temas hacia abajo. Si quieres anular eso simplemente puedes entrar y elegir el color que quieres conjunto especial a este azul pálido, por ejemplo bajo el mismo sin botón y dejar que entran en un botón Ven a nuestra sección de estilo Voy a bajar a your button Cambia ese conjunto que son de color azul Y ahora estamos volviendo las cosas a la forma en que deberían ser Lo mismo va para la pequeña línea en la parte superior Tú ciudad llegas a una sección de estilo Podría o frontera restablecer eso para ser un azul pálido Y finalmente tenemos el navigation Declaras que dedo azul también Ok, así que esa es nuestra disección de pie Todo configurado hit, publiquen y volvemos a conseguir lo mismo. Ahora podemos agregar otra condición. Van a dar click en nuestra condición. Dejaremos ese conjunto a todo el sitio. Está ahorrando cerca. Esa es ahora nuestra disección de pie. Por lo que ha vuelto en tu sitio web refresca nuestra escuela de página de pruebas abajo de la página. Una vez que llegues al fondo, estos nuestros nuevos para la sección todo configurado en su lugar y ahí cada una de las páginas para ir a una de las publicaciones. Se puede ver cómo para esta acción está todo ahí dentro. Por lo que seguramente archivo ficha de nuevo. Nos presentan esa misma opción que dice crear tu primero lo que sea que usando. Entonces digo crear un nuevo archivo. Vamos a llamar a este post por defecto. ¿ De acuerdo? ¿ Quién creó una plantilla? Una vez que crees una plantilla con ser traído al área de bloques que vamos a hacer va a cerrar esto. Nos va a llevar a nuestro área de plantillas. Ahora, Como pueden ver, nuestro encabezado está en su lugar y lo haré Footer está en su lugar. Vamos a crear nuestro archivo. Por lo que cuando nos abrimos en plantilla archivada, podía ver en el tema de archivo una plantilla que se puede ver en el lado izquierdo. Tenemos tres iconos para empezar con unos widgets R, el título del archivo, el post del cuadro de autor. Porque hemos elegido una arcada para este archivo temático en particular, sabe que esas probablemente van a tipo de cosas que vamos a querer hacer. Vamos a jugar en el título del archivo sólo arrastrará y soltará ese widget en. Se puede ver que sólo tira en alguna información de plantilla de pre retención. Entonces vamos a hacer es vamos a añadir un poco de espacio a esto. Entonces simplemente va a venir a este bloque en particular. Ahora, ya ves, tenemos un poco de problema aquí porque está tan cerca de la navegación real. Cuando tratamos de llegar a la cuadra pequeña, lo hace muy difícil. Debilitar, tratar sin bastante fácilmente debilitar. Simplemente ven y usa el navegador. Opción en la que se hizo clic. Abre el navegante al puedes ver Ahora del lado derecho, conseguimos una nueva entrada, momento en el que esto nos mostrará todas las secciones clave, teniendo en cuenta su nacimiento. En este momento, el encabezado y el pie no son considerados como una sección dentro de la plantilla de archivo que estamos creando. Entonces por eso no estás viendo esos. Ellos sólo nos está mostrando la sección real. Acabamos de caer. Pero lo que podemos hacer es hacer click en eso que activará la sección. Y ahora venimos por el lado izquierdo y podemos usar las opciones en salvia aquí. Digamos que vamos a desmarcar estos valores en la parte superior. Vamos a sumar 50 píxeles de espaciado. Ahora nos hemos dado como un poco de espacio para respirar en la parte superior este remontada widgets Goto en el lado izquierdo, y es sólo arrastrar en las publicaciones del archivo y soltar eso debajo del título. Se podía ver que no hay tiros en la página básicamente fuera archivo extranjero. Apenas se cierran navegados abajo ahora en el lado derecho otra vez para que puedas ver esto nos ha dado el título de la parte superior en tres posts de nuestro archivo. Si lo hacemos de esta manera, ahora tenemos mucho control sobre cómo debilitar exactamente las cosas de estilo, cómo podemos diseñar las cosas. Ahora. Todavía tienes el mismo nivel de control. Si estuvieras usando uno de los bloques predefinidos, sin embargo, tienes un punto de partida del que podrías tener que hacer cambios en todo. Esto apenas comienza con solo los elementos que quieres arrastrar sin que se lo diga. Simplemente podemos elegir esto, que podemos elegir una piel diferente si no lo vamos a hacer. Una piel es simplemente básicamente, el diseño que se va a utilizar actualmente está usando el clásico. Cambiemos eso por encima de las tarjetas que ya se ve mucho más limpio y un poco más también tenemos opción 1/3, que es contenido completo en su no el más bonito aspecto. Pero es una especie de lo que esperarías es parte de la forma predeterminada en que la mayoría de los temas funcionan en WordPress. Vamos a volver a subir esto e ir a los autos Ve. Creo que esa es la opción más bonita que tenemos ahora. Todas estas diferentes piezas de componentes dentro de esta capa en particular podrían ser controladas por lo que podríamos decir el número de columnas que podríamos decir. Nosotros sólo queremos poner dos columnas en. Se puede ver que se actualiza de inmediato. ¿ Quieres mostrar la imagen podemos decir que sí o no para que pudiéramos deshacernos de la imagen por completo si quisiéramos. Pondremos eso de nuevo a sí, tamaño de imagen. Se puede ver que se ve un poco pixelado, aunque no se ve mejor, por lo que podemos elegir una imagen diferente. Ciencia. Podemos ir al medio, y se puede ver que ahora se ve mucho mejor, mucho más claro. El ratio de imagen es básicamente como Condell con la altura del tamaño de esta imagen. Entonces si solo bajamos un poco esto, puedes ver que podemos posicionar eso para conseguir un diseño mucho más bonito, así que solo ajustamos esto un poco. Creo que en 56 va a funcionar perfectamente para la relación que tengo configurada para todas mis miniaturas. También tenemos en categorizado, que es básicamente el meta data diciendo a qué taxonomía se asocia esto para que podamos deshacernos de cualquiera de este tipo de cosas, incluyendo cosas como títulos y extractos y así sucesivamente. Entonces, ya ves, podríamos sacar el título si quisieras volver a meter eso. Vamos a mover el excepto que podemos cambiar cuánto horno. Excepto que en realidad son, sí, podemos decir que queremos 30 palabras ahí dentro para darnos un poco más para que puedas ver que podemos afinar y configurar esto exactamente como queremos. ¿ Qué tipo de fondo? Podríamos decir. Nosotros queremos poner algo de paginación ahí, así que vamos a decir que los números se dicen que los números en anterior y siguiente. Entonces cuando obtengamos entradas reales mawr en un blogging, las páginas del archivo tendrán buena paginación en la parte inferior. Entonces ahora que estamos contentos con la forma en que nuestra nueva página de archivo no está configurada, haremos click en Publicar. Y de nuevo trajimos de vuelta a esas condiciones. Si haces click en agregar condición esta vez, puedes ver que tenemos todos los archivos está configurado es la condición incluir. Si hacemos click para ampliar eso, ahora empezamos a ver algunos mawr. Esas opciones de las que hablé desde este menú contextual. Entonces debido a que estamos tratando con un archivo, hay bastantes tipos diferentes de archivos a lo largo de un sitio típico de WordPress. Pero puedes ver que tenemos todo nuestro caso, que aplicará esta plantilla pase lo que pase, lo hará en todo el sitio. Por cada archivo, se va a utilizar para muchos casos que podrían estar perfectamente bien. No obstante, si quieres un control más granular, puedes elegir diferente nuestro caso para diferentes diseños de página. Por lo que los archivos de autor podrían ser diferentes para la fecha RK de la página de resultados de búsqueda y hecho, las arcadas de post. puedes ver tenemos el post nuestras categorías cueva, directos Niños o director categorías infantiles off. Entonces si elegimos algo así, puede ver que no abre otra opción, momento en el que entonces podemos entrar. Podemos filtrar aún más bajo. Pero vamos a poner esto para que sea agradable y simple y decir que todos los archivos golpearán Saving close. Ahora hemos creado la capa de archivo para nuestro sitio de WordPress. Así que vamos a saltar de nuevo ahora a una página de prueba. Vuelve a nuestra casa y no debería ver ahora que ha recogido la capa de archivo que acabamos de elegir. Entonces todo no está configurado de la manera que queremos. Si hacemos clic en ellos para entrar en uno de estos, puedes ver que aún tenemos la plantilla única que necesitamos actualizar para asegurarnos de que se vea lo más bien posible. Voy a entrar en empresa constructor temático, opción única. Agregar nuevo sencillo. Bueno, sí sé que ves su sencillo Selecciona el tipo de puesto con un click ahí. Ahora, aquí es donde las cosas pueden ponerse un poco confusas. Cuando estés trabajando con WordPress, puedes considerar el hecho de que hemos elegido un sencillo y eso va a ser para una sola publicación. Por qué está eso relacionado con ambos posts en páginas de la página cuatro o cuatro seguramente opuestos a la página es diferente. Bueno, la forma en que funciona WordPress es que considera prácticamente todo para ser una publicación en cuando agrupas esos post juntos. Considera que es un archivo. En otras palabras, un grupo de publicaciones. Entonces una vez que te metes ese concepto en la cabeza, dejas de pensar que sean diferentes. Simplemente tienen opciones ligeramente diferentes. Por lo que podemos configurar una sola plantilla para ambas publicaciones en páginas de la página cuatro o cuatro. Todos podrían ser diferentes para este ejemplo. Empezamos con el Post. Haga clic en Publicar. Simplemente vamos a llamar a este sencillo por defecto, publíquelo crear plantilla que nos lleve dentro. Ahora podemos elegir cualquiera de los bloques predefinidos. Si queremos usar uno de esos como punto de partida. Sólo elijamos un diseño que creo que está bastante ordenado y en mantener lo que estamos haciendo. Entonces es solo insertar este en particular que descargará ahora todos los archivos relevantes y dejará caer el diseño en nuestra página para nosotros. Ya ves, ahí está todo el layout todo configurado dentro de nuestro diseño. Ahora podemos de nuevo, como digo, hacer cambios completos de letra a esto. Se puede ver que la imagen en la parte superior no se ve del todo bien. Podríamos llegar a esa imagen ahí y se puede ver podemos ajustar la altura de esto Así podríamos decir que queremos establecer que sea 600 por ejemplo se aplicará eso y verás que ajustará las cosas en consecuencia. Por lo que podríamos pasar ahora configurado esto, hacer cualquier cambio a partir de esta plantilla básica que hemos configurado. ¿ Elegimos en él Podría fácilmente entrar y hacer cualquier cambio va a golpear. Publicar en ahí. Se puede ver de nuevo. Ahora tenemos las condiciones configuradas y de nuevo, tenemos una gama de opciones diferentes. Abrimos la sección de correos, puedes ver incluso hay opciones mawr dentro de ti para llegar a un nivel de control realmente granular . Ahora, podrías haber querido dar un paso. Este es un valor global para todos los singulares. Obviamente, eso puede que no siempre tenga sentido. Puede ser dependiente del tipo de configuración de citación, así que no dejo este conjunto para ser posts. Se puede ver que dice a continuación. Eso es todo. No obstante, si quisiéramos, podríamos dar click ahí. Podríamos filtrar que no hacen a publicaciones específicas, o dependiendo de si elegimos algo diferente dentro del año, podemos decir en categorías infantiles, por ejemplo, y luego podemos dar click y podemos elegir diferente coche infantil grados y filtrar esos hacia fuera. Entonces es un posts dirían, ahorrando cerca. Y así es como una sola plantilla creada Regresar en tu página refrescará esto ahora. Y ahí está nuestro nuevo diseño. Todos los montados lo sacaron de esa plantilla. Por lo que ahora se configura un tema básico. Vuelve a nuestra página principal. Se puede ver que tenemos nuestro archivo. Tenemos un encabezado. Tenemos nuestro pie. Si entramos en alguno de estos artículos, también tenemos la opción ahora de ver exactamente qué nos dispuso como parte de ese poste de bloque . Entonces eso es lo básico de esos cuatro archivos temáticos clave que necesitamos configurar 6. Técnicas de edición en plantillas lineales: anteriormente cuando estábamos trabajando con diseños y plantillas y así sucesivamente, siempre que crearas en nuestra cueva o una sola y ese tipo de plantillas, tu cabeza en tu zona de pie. Si quisieras hacer cambios a esos, tendrías que salir literalmente de la página en la que estás editando. Entra ya sea en el encabezado o en el pie de página y empieza a agregarlo ahí. Ya no necesitas hacer eso. Puedes venir por cualquiera de estos y lo verás ahora nos muestra en amarillo. Se opone al azul normal para la cabeza fuera si regañó el pie con la parte inferior, hace lo mismo Ellos podemos ahora que quieren simplemente dar click de esa manera, dice Editar el encabezado o pie de página Haga clic que no nos llevará directamente al pie de página en este ejemplo, podríamos hacer cambios al mismo. Sí, puedes ver que seguimos en fila. Todavía tenemos todo el tipo de plantilla con la que estaban trabajando en su lugar para que puedas entrar en el trabajo. Cualquiera que sea el cambio que quiera. Digamos que quieres ese logotipo. Queremos que eso sea la izquierda. Ya podemos dar click en actualizar Eso no es actualizado el pie a plantilla. Cuando estemos listos para volver a una plantilla de página normal, Podríamos simplemente volver sobre que puedes ver que ahora está en amarillo Hacemos clic en editar sencillo y te enteras de que estamos de vuelta en la edición La plantilla única Podría ser la plantilla archivada Podría ser cualquier otra plantilla Pero puedes ver que es rápido y fácil Y lo mismo pasa a decir Para el encabezado podemos dar click en Editar Encabezado Sabemos Saltar al jefe de sección sobre Podríamos saber hacer cambios en estado tú para que pudiéramos dar click en esto Podríamos decir, Bueno, estos muchos de los fondos me molestan un poco así que vamos a caer debajo de eso va a poner algo de relleno en la parte inferior, por ejemplo. Digamos que vamos a poner 20 píxeles de despedida en el Así que hicimos algunos cambios a esa actualización hit en entonces nuestro encabezado no se ha actualizado. Simplemente hacemos clic atrás en editar sencillo y seguimos editando la plantilla de un solo post. Por lo que hace que sea mucho más rápido y fácil, no menos edición redonda pasando. Podemos hacer un tipo de edición en línea tanto más rápido y más fácil esas apenas pequeñas actualizaciones a las que quiero llamar su atención porque simplemente hace su vida considerablemente más fácil . 7. Cómo y por qué usa plantillas globales: Hay una última cosa que quiero mostrarte antes de terminar esto. Y eso son widgets globales. Cubrimos esto de vuelta al principio. Acabo de mencionar que vamos a echarle un vistazo. Entonces déjame solo mostrarte qué es un widget global y por qué creo que son útiles, sobre todo cuando estás trabajando con todo el aspecto de construcción del tema. Digamos que tenías una sección testimonial y querías usar esto en la misma área en todas tus páginas de archivo. Pero tenías múltiples plantillas diferentes. Para esas son cuevas, como acabamos de ver, podrías configurar múltiples temperaturas diferentes de varias partes diferentes de tu sitio, incluso usando el mismo tipo de archivo, el sencillo y así sucesivamente. La forma más fácil de hacer eso sería configurar un widget global. Y luego, si haces un cambio a uno de esos, podrías tener que reflexionar sobre todas tus plantillas. Déjenme mostrarles cómo hacemos eso. Tenemos una nueva página. Realmente no importa cómo hagas esto. Simplemente voy a usar una página como ejemplo para mostrarte la diferencia entre páginas y plantillas. Y así ¿Así que sólo vamos a llamar a este widget global? Bueno, acaba de publicar esta página Vamos a editar con Elemental una vez que los editores elementales abran que estamos consiguiendo una pequeña búsqueda de testimonios, agarrar un testimonio, que se deja caer que en la página que vamos a hacer ahora va a hacer rápidamente algunos cambios a eso. Entonces solo vamos a agregar en una imagen, por ejemplo, ajustará el estilo de la fuente y así sucesivamente. Sólo para que tengamos algunos enviando un poco más único que el predeterminado para que podamos ver los cambios que hacemos. Entonces vamos a poner eso para que sea cursiva veces el rodillo, Entonces diremos que estamos contentos con eso. Entonces ahora lo que tenemos que hacer es guardar eso como un widget global. Ahora, aquí es donde hay que entender cómo funcionan los widgets globales. Este es un widget, no una sección ni nada más. Entonces, por ejemplo, si entramos en la sección que contiene el widget sobre hacemos clic derecho, podemos decir plantilla ahorradores. Cada clic guarda plantilla, debilitar. Guárdalo como plantilla que no podemos guardar. Se trata de un widget global. Entonces, ¿cómo evitamos eso? De lo que no tienes Tienes que venir al widget en el que quieres ahorrar globalmente. Entonces, ¿verdad? Haga clic en eso. Y zapatos Ahorradores globales. Entonces ahora decimos ahorradores globales, vamos a llamar a este widget testimonial global. Ahora otra vez verás que mi nombre y convención solo me hacen la vida más fácil Si digo global un comienzo sé que este es un widget global y conozco widget testimonial global. Yo como que sé lo que es. Dice que está en el 10 hit save. Una vez que hagamos eso, verás ahora donde normalmente tenemos justo el elemento que vamos Un widget normal ahí dentro si venimos a la sección global ahora tendrá una lista de todos los widgets globales que tenemos sobre ti. Mira, también tienen esta carpeta anaranjada amarillenta del dedo del pie en la esquina superior izquierda que Justin señala que tenemos un widget global. Por lo que ahora actualiza esta página para que puedas ver todo está configurado ahí dentro ha salido de esto. Ahora vuelve a nuestro tablero y vamos a entrar en una sección de plantillas en un constructor de temas . Vamos a entrar en nuestro sencillo por defecto. Eso vamos a editar con elemental. Vamos a poner esto en la parte inferior de cada una de nuestras plantillas de solo post. Entonces te metes en esto, sólo vamos a tener ese widget global en tan rápido para salir de nueva sección. Podríamos iniciar esta sección de todos modos. Queremos, Como digo, es independiente del widget global real. Por lo que dar click en eso solo pondrá un poco de espaciado arriba y abajo. Simplemente podríamos hacer un poco de espacio en esto que es 50 en la parte superior sobre 50 en la parte inferior. Entonces conseguimos un poco de espacio. Ahora volvemos a un código de widgets de global. Ahí está nuestro widget testimonial global, debilita, arrastra, y suelta eso en nuestra página y puedes ver que lo deja caer ahí pero también nos da algunas opciones adicionales. Podemos editar el widget global o debilitarlo desvinculado de global. Si editamos el widget global, cualquier cambio que realices a eso se reflejará en todo el sitio que está vinculado a ese widget global. Si queremos desvincularlo y hacer un cambio a éste que no refleje en todos esos otros widgets globales, podemos hacerlo. Básicamente desvinculamos su conexión global. Esperanza que eso tenga sentido dirá actualización sobre ellos. Por lo que ahora tenemos configurado este widget global. Ahora pues, sólo volvamos de esto. Podríamos ver que tenemos el texto de la medicina Laura de John Doe. Entonces dices que estamos contentos sin que todo esté configurado con puerta de salida Dashboard volverá a nuestra página inicial Eso tiene que ahí dentro entrará en un widget global que edite eso con elemental que vamos a hacer es vamos a cambiar el impuesto a poco. Entonces vamos a dar click en esto. Vamos a hacer clic, editar y lo van a hacer va a agarrar esto y sólo vamos a duplicarlo. Entonces vamos a poner a un montón de lo mismo esto que sabemos. Tiene más impuestos ahí dentro, golpeará actualización. Esa es la actualizada esta instancia de la misma. Pero también, si volvemos y echamos un vistazo a una de nuestras páginas individuales, solo refresca ese desplazamiento hacia abajo y podrías ver No, eso también se ha reflejado en esta sección en particular. Por lo que ese enlace significa es un enlace de dos vías. Podemos actualizarlo en uno y luego eso reflejará ahí mismo a lo largo de sus sitios. Esta es una gran manera de hacer las cosas que puede tener un formulario de registro para su lista de correo que si rápidamente quería cambiar de proveedor de luz de tomate chimp masculino selecto, podría hacer un cambio y luego eso se reflejará en todo el sitio en todas partes que utiliza ese widget global. Súper simple, un ahorro de tiempo real. 8. En conclusión: así que esa es la clase robada. Ojalá lo que esto se demuestre es que crear temas usando elemental pro en las herramientas que están disponibles no es complicado pero sí te da un telescopio para crear sitios web de WordPress de aspecto hermoso. Si disfrutaste la clase policia cheques de mis otras habilidades comparte clases para ayudarte a expandir tus habilidades y conocimientos en WordPress y muchas otras habilidades de diseño web relacionadas, bueno, veo pull, Hope te gustó el clase y ojalá te vuelva a ver pronto.