Activo en más de dos millones de sitios de WordPress, Elementor es, según cifras, uno de los complementos de creación de páginas de WordPress más populares que existen.
Sin embargo, aunque comenzó como un página constructor, ahora puedes usarlo para crear más que solo páginas.
Con Elementor Pro puedes hacerlo crea todo tu tema de WordPress – encabezado, pie de página, diseño del blog, etc.
Sí, las implicaciones son exactamente las que estás pensando: básicamente puedes construir 100% de su sitio de WordPress usando el editor visual de arrastrar y soltar de Elementor y es increíble.
En esto Creador de temas de Elementor revisión, explicaré cómo funciona esta poderosa característica y qué le permite hacer.
Entonces, al final, responderé algunas preguntas candentes que puedas tener, como si aún debes preocuparte por tu tema de WordPress si usas el creador de temas Elementor.
Cómo funciona la función de creación de temas de Elementor
Así como funciona Elementor Popup Builder, el creador de temas Elementor le permite tomar exactamente la misma interfaz visual de arrastrar y soltar que encontrará en el complemento gratuito Elementor en WordPress.org y aplicarla a todo el diseño de su tema de WordPress.
Específicamente, esto significa que puedes diseñar tu sitio:
- Título
- Pie de página
- Páginas de archivo: piense en esto como la página de lista general de su blog, aunque también puede crear páginas de archivo para otros tipos de contenido.
- Páginas individuales: piense en esto como una publicación de blog única, aunque también puede crear páginas individuales para otros tipos de contenido.
Y si tiene una tienda de comercio electrónico, también podrá diseñar su propia tienda WooCommerce y páginas de productos.
Básicamente, esto le permite crear todo su sitio de WordPress usando Elementor. Es decir, puedes construir todo lo que ve un visitante.
Para ayudarle a crear las páginas reales, Elementor le ofrece una toneladas de nuevos widgets. Por ejemplo, para crear una estructura para publicaciones de blog individuales, obtendrás nuevos widgets para mostrar el título y el contenido de una publicación (extraído directamente del editor de WordPress).
Por fin podrás hacerlo. aplicar estos modelos condicionalmente en diferentes partes de su sitio, lo cual es una característica realmente poderosa. Por ejemplo, podrías crear un diseño dedicado solo para una categoría específica de publicaciones.
No se preocupe si todavía le resulta un poco confuso cómo se combina todo esto. A medida que practico el creador de temas de Elementor, comprenderás mucho mejor cómo funciona todo.
Cómo utilizar el creador de temas de Elementor
Ahora que conoces la funcionalidad básica, hagamos un poco más de práctica/tutorial y te mostraré cómo funciona todo.
Esto debería darle una mejor idea de cómo se combina todo para ayudarle a construir su sitio de WordPress.
Empecemos desde el principio: tengo un sitio básico de WordPress que utiliza el tema Astra. Esto es lo que parece Antes usando el creador de temas de Elementor:
Ahora, mientras explico cómo funciona el creador de temas de Elementor, podrás ver cómo cada cambio en Elementor afecta este sitio web básico.
Crear una nueva plantilla en el creador de temas de Elementor
El creador de temas de Elementor funciona mediante un sistema de plantillas. Para acceder a esta área, vaya a Plantillas → creador de temas → Agregar nuevo.
Desde allí podrás elegir el tipo de plantilla que deseas crear. Esta es la parte específica del tema que estás diseñando:
- Título
- Pie de página
- Archivo
- Separar
Ahora veamos las diferentes partes
Cuando comiences a crear tu encabezado, puedes elegir entre más de 13 plantillas de encabezado prediseñadas o crear la tuya propia desde cero:
Luego, puedes diseñar tu encabezado usando la interfaz normal de Elementor. Puedes ver que importé una de las plantillas anteriores:
Sin embargo, suceden algunas cosas únicas. Por ejemplo, no agregué un widget de imagen normal para agregar el logotipo, ni agregué los enlaces del menú como widgets de texto normales.
En cambio, hice uso de los nuevos. Lugar widgets un dinamicamente extraer ese contenido de los datos de mi sitio existente:
Por ejemplo, Elementor extrae el logotipo del sitio del logotipo que configuré en el Personalizador y extrae los enlaces del menú del menú real que configuré yendo a Apariencia → Menú.
Si modifica el Menú de Navegación widget, puedes ver esto. Y también puedes ver cómo Elementor te dará muchas opciones sobre cómo debería funcionar:
Este es un punto clave para que funcione el generador de temas. Y No estático. En cambio, el generador de temas te ayuda dinamicamente ingrese la información de su sitio.
Luego, cuando publiques tu plantilla, podrás elegir exactamente dónde aplicarla.
Por ejemplo, podría aplicar este encabezado en todo el sitio para que actúe como encabezado en cada página. O podrías orientarlo a contenido específico, lo que te permitiría crear diferentes encabezados para diferentes tipos de contenido:
Y una vez publicado, puedes ver cómo Elementor reemplaza el encabezado existente de mi tema con el encabezado que acabo de crear en la interfaz de Elementor:
Ahora voy a ir un poco más rápido porque creo que ya entiendes la idea básica.
Crear un pie de página es lo mismo que un encabezado y obtendrás la misma selección que Lugar widgets, junto con más de 16 plantillas de pie de página prediseñadas para elegir.
Al igual que con un encabezado, podrás diseñar tu pie de página usando la interfaz visual de arrastrar y soltar:
Luego, cuando lo publique, podrá utilizar las mismas reglas para orientarlo a todo el sitio o a contenido específico.
Y ahora, si me desplazo hasta la parte inferior de mi sitio en vivo, puedes ver cómo Elementor reemplazó el pie de página predeterminado del tema Astra con el pie de página que acabo de diseñar:
Crea la página de archivo de tu blog
Bien, ya has creado el encabezado y el pie de página, pero ¿qué pasa con el contenido real? ¿Tus publicaciones y páginas?
Para las publicaciones de blog, el rompecabezas tiene dos partes:
- Archivo – este es el diseño de la página que enumera todas las publicaciones de tu blog.
- Separar – este es el diseño de cada publicación de blog.
Elementor Pro te permite crear ambos: comencemos con el archivo.
Para empezar, puedes elegir entre más de 8 plantillas o empezar desde cero. A partir de ahí, el concepto básico es similar, excepto que obtendrás un conjunto diferente de widgets:
Si modifica el Archivar publicaciones widget, podrá controlar muchos aspectos del diseño, incluidos diseños de varias columnas, tamaños de imágenes, metadatos y más. Por ejemplo, podrías cambiar a un enfoque de pestañas de varias columnas como este:
Cuando lo publiques, volverás a poder controlar dónde aparece. Podrías usarlo para todos tus archivos. O podrías crear diferentes diseños para diferentes tipos de archivos como:
- Archivo de autor
- Almacén de datos
- Página de resultados de búsqueda
- Categorías específicas, etiquetas, etc.
Y ahora puedes ver cómo Elementor reemplazó la lista de publicaciones predeterminada de Astra con el diseño de archivo que acabo de crear:
Crea la página única de tu blog
Crear una plantilla única es similar, pero cuando cree una plantilla obtendrá una nueva opción para elegir la tipo de correo – por ejemplo, si desea crear el diseño para publicaciones o páginas de blog:
Puedes elegir entre más de 7 modelos. Luego, puedes usar un nuevo conjunto de Separar widget para controlar el diseño:
Otra opción útil es la capacidad de obtener una vista previa de los datos de una de tus publicaciones reales mientras revisas tu diseño: puedes ver que Elementor ha insertado una publicación real de mi sitio para ayudarme a visualizar cómo se verán las cosas.
Al igual que con otras plantillas, también obtendrás múltiples configuraciones para cada widget individual. Y una vez publicada su plantilla, podrá controlar exactamente dónde utilizar su plantilla individual.
Esto le permitiría, por ejemplo, crear diferentes plantillas para diferentes categorías de publicaciones de blog.
Construye tu tienda WooCommerce
Si tiene una tienda WooCommerce, puede aplicar el mismo enfoque para crear la página de su tienda y las páginas de productos individuales, con widgets dedicados para la información del producto WooCommerce:
Una gran característica aquí es que también obtienes widgets dedicados para productos relacionados y ventas adicionales.
Crear contenido para tipos de publicaciones personalizadas
Este es un concepto avanzado, pero una de las cosas más poderosas de Elementor Pro es que puedes realizar las mismas acciones anteriores pero para tipos de publicaciones personalizadas.
Si no está familiarizado con los tipos de publicaciones personalizadas, son básicamente una forma de archivar un determinado tipo de contenido. De hecho, las “publicaciones” de tu blog son en realidad un “tipo de publicación”; simplemente no las consideras de esa manera porque vienen con WordPress de forma predeterminada.
Básicamente, los tipos de publicaciones personalizadas son una gran parte de lo que llevó a WordPress de simplemente una plataforma de blogs a un sistema de gestión de contenido completamente funcional.
Con un tipo de publicación personalizada, puedes crear de manera similar un contenedor para otra cosa. Algunos ejemplos:
- Si desea crear un sitio de empleos, puede crear un tipo de publicación personalizada para trabajos.
- Si desea crear un sitio de alquiler de apartamentos, puede crear un tipo de publicación personalizada para apartamentos.
- Si desea crear un directorio de empresas, puede crear un tipo de publicación personalizada para empresas.
¿Tuviste la idea? Luego, Elementor Pro puede ayudarte a crear diseños para esos tipos de publicaciones personalizadas.
De donde viene esto Realmente poderoso es cuando lo combinas con la siguiente característica de la que hablaré
El contenido dinámico pone la creación de temas en esteroides
Hasta ahora, me he centrado en cómo el creador de temas Elementor te ayuda a incluir contenido normal de WordPress, como el título de una publicación.
Sin embargo, para crear sitios web verdaderamente personalizados, una de las funciones más poderosas es el creador de temas Elementor. dinámica característica de contenido.
Esta característica le permite dinamicamente inserte contenido de campos personalizados y taxonomías personalizadas en sus plantillas de Elementor.
Si no está familiarizado con lo que es un campo personalizado, es básicamente una forma de almacenar información adicional sobre un contenido.
Por ejemplo, si estuviera escribiendo una publicación de reseña, podría crear un campo personalizado para almacenar su calificación para el producto en cuestión (de hecho, así es como lo hacen la mayoría de los complementos de revisión de WordPress).
Puede agregar estos campos personalizados a sus publicaciones o páginas habituales. O también puedes combinarlos con los tipos de publicaciones personalizadas que mencioné anteriormente.
Por ejemplo, si creó un tipo de publicación personalizada para alquileres de apartamentos, podría agregar campos personalizados adicionales para cada apartamento:
- Renta mensual
- Numero de habitaciones
- Cantidad de baños
- Posición
- Etc.
Para este ejemplo, digamos que realmente lo implementé (usando Campos personalizados avanzados Y UI de tipos de publicaciones personalizadas). Ahora, tengo un tipo de publicación personalizada simple con algunos campos personalizados que se ven así:
Ahora quiero usar el creador de temas de Elementor para mostrar todo ese contenido.
Así es como funciona…
Primero, podrías crear una plantilla única para el archivo. Alquilo apartamento Tipo de mensaje:
Podrías usar Elementor normal Separar widget para agregar título, imagen y contenido:
Pero ¿qué pasa con esos campos personalizados? ¿Cómo puedes incluirlos en el diseño?
Ahí es donde se encuentra Elementor. Dinámica la funcionalidad es muy poderosa.
Para insertar información de campo personalizada, puede agregar un widget de editor de texto Elementor normal. Sólo ahora puedes hacer clic en él. Dinámica opción:
Puedes seleccionar el campamento de la ACF opción, que es el complemento que utilicé para crear los campos personalizados. A continuación, podrá seleccionar cada campo personalizado individual, incluida una opción para anteponer y agregar información:
Y eso dinamicamente ingresa información de campo personalizada, lo que significa que esta información cambiará para cada apartamento de alquiler que agregue.
Al repetir el proceso para todos los campos personalizados, obtendrá algo como esto, donde toda esta información se extrae dinámicamente de los campos personalizados:
También puedes utilizar datos dinámicos de otras maneras, como configurar dinámicamente la imagen de fondo de una sección.
¡Y eso es lo que hace que el creador de temas Elementor sea tan poderoso!
Con él, puedes crear sitios de WordPress 100% personalizados que van más allá de la dinámica normal de publicación/página. sin necesidad de codificar.
Normalmente, crear este tipo de sitios personalizados de WordPress requeriría al menos algunos conocimientos técnicos básicos. Pero con el creador de temas Elementor, puedes hacer casi todo arrastrando y soltando.
¿Aún necesitas un tema de WordPress con el creador de temas Elementor?
En primer lugar, cada sitio de WordPress necesita un tema; es un requisito básico para WordPress. Entonces sí, aún necesitarás instalar al menos un tema junto con el creador de temas Elementor.
Creo que la pregunta más relevante es ¿debería preocuparme por qué tema uso si uso el creador de temas Elementor?.
EL técnico la respuesta es no. No Necesidad Cuida tu tema si planeas usar el creador de temas Elementor para todo.
De hecho, Elementor creó el suyo. propio tema ultraligero diseñado para combinarse con el creador de temas. No tiene ninguna funcionalidad: es literalmente solo una base liviana para el creador de temas Elementor.
Sin embargo, creo que usted Debería Todavía te preocupas por tu ensayo, incluso si no es así. Necesidad A.
Aquí hay algunas razones:
- Estilos globales – En lugar de usar Elementor para diseñar cada elemento desde cero, puedes establecer estilos globales en la configuración de personalización de tu tema. Esto ayuda a garantizar un diseño coherente y facilita cambiar las cosas en el futuro.
- Ahorrar tiempo – A veces, es posible que no desees utilizar Elementor Pro literalmente para todo. Por ejemplo, ¿realmente quieres diseñar tu página 404 con Elementor? Un buen tema se encargará de las cosas básicas por ti, por lo que puedes usar el creador de temas para las partes que realmente deseas cambiar.
- Integraciones – Algunos temas ofrecerán integraciones directas de complementos que pueden ahorrarle tiempo, como integraciones con WooCommerce o complementos LMS.
Entonces, con esto en mente, ¿cuál es el mejor tema para combinar con el creador de temas Elementor? Hay algunas buenas opciones, pero el tema Astra es probablemente el mejor punto de partida para la mayoría de los casos de uso.
El creador de temas Elementor te ayuda a crear sitios personalizados de WordPress
Si bien el creador de temas de Elementor requiere un poco más de esfuerzo que usar un tema de WordPress prediseñado, le brinda la posibilidad de personalizar completamente cada aspecto de su sitio de WordPress usando la misma interfaz visual de arrastrar y soltar que usa para crear su página. contenido con Elementor.
Más allá de eso, las reglas de visualización condicional le permiten personalizar aún más su sitio al brindarle la posibilidad de crear diferentes diseños para diferentes tipos de contenido.
Finalmente, la función de contenido dinámico es increíblemente versátil para ir más allá de blogs básicos o sitios de folletos. Desbloquee el verdadero poder de WordPress al permitirle insertar contenido dinámicamente para tipos de contenido personalizados (Los ejemplos que te di arriba son solo la superficie.).
Ya sea que simplemente desee un poco más de control sobre el aspecto de su blog o desee crear su propio sitio personalizado o tienda de comercio electrónico, el creador de temas Elementor es uno de los mejores complementos de WordPress que encontrará para este propósito.
Además, el creador de temas Elementor está incluido en todos los planes pagos a partir de $59 por año. Esto significa que también tendrá acceso a todas las demás funciones de Elementor Pro por el mismo precio (incluyendo generador de ventanas emergentes).
En resumen, desde una perspectiva tanto de funcionalidad como de valor, Elementor Pro y el creador de temas son una obviedad, y hay una razón por la cual Elementor ha ganado popularidad en los últimos años.
