Estás leyendo la publicación: Reseña de Elementor Theme Builder: Cree todo su sitio de WordPress con arrastrar y soltar
Activo en más de dos millones de sitios de WordPress, Elementor es, según los números, uno de los complementos de creación de páginas de WordPress más populares que existen.
Sin embargo, si bien comenzó como un generador, ahora puede usarlo para crear mucho más que solo páginas.
Con Elementor Pro, el complemento premium de más de $ 49, puede construye todo tu tema de WordPress – encabezado, pie de página, diseño del blog, etc.
Sí, las implicaciones son exactamente lo que estás pensando, puedes construir esencialmente 100% de su sitio de WordPress usando el editor visual de arrastrar y soltar de Elementor… y eso es asombroso.
En esto Creador de temas de Elementor revisión, le mostraré cómo funciona esta potente característica y lo que le permite hacer.
Luego, al final, responderé algunas preguntas candentes que pueda tener, como si todavía necesita preocuparse por su tema de WordPress si usa el generador de temas de Elementor.
Cómo funciona la funcionalidad del generador de temas de Elementor
Al igual que el generador de elementos emergentes de Elementor, el generador de temas de Elementor le permite tomar exactamente la misma interfaz visual de arrastrar y soltar que encontrará en el complemento gratuito de Elementor en WordPress.org y aplicarlo para diseñar todo su tema de WordPress.
Específicamente, esto significa que puede diseñar su sitio:
- Encabezamiento
- Pie de página
- Páginas de archivo: piense en esto como su página de lista de blog general, 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 individual, 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 tienda WooCommerce y las páginas de productos.
Esencialmente, esto le permite construir todo su sitio de WordPress usando Elementor. Es decir, puedes construir todo lo que ve un visitante.
Para ayudarlo a construir las páginas reales, Elementor le brinda una toneladas de nuevos widgets. Por ejemplo, para crear la estructura de sus publicaciones de blog individuales, obtendrá nuevos widgets para mostrar el título y el contenido de una publicación ().
Finalmente, podrá aplicar condicionalmente estas plantillas a diferentes partes de su sitio, lo cual es una característica realmente poderosa. Por ejemplo, podría crear un diseño dedicado solo para una categoría específica de publicaciones.
No se preocupe si la forma en que se une todo esto aún le resulta un poco confusa. A medida que aplico el generador de temas de Elementor, comprenderá mucho mejor cómo funciona todo.
Cómo usar el generador de temas de Elementor
Ahora que conoce la funcionalidad básica, hagamos un poco más de práctica/tutorial y le mostraré cómo funciona todo.
Esto debería darle una mejor idea de cómo todo se une para ayudarlo a construir su sitio de WordPress.
Comencemos por el principio: tengo un sitio básico de WordPress que usa el tema Astra. Así es como se ve usando el generador de temas de Elementor:
Ahora, mientras lo explico cómo funciona el generador de temas de Elementor, podrá ver cómo cada cambio en Elementor afecta este sitio web básico.
Creación de una nueva plantilla en el generador de temas de Elementor
El generador de temas de Elementor funciona mediante el uso de un sistema de plantillas. Para acceder a esta área, diríjase a Plantillas → creador de temas → Agregar nuevo.
Desde allí, puede elegir el tipo de plantilla que desea crear. Esta es la parte específica de su tema que está diseñando:
- Encabezamiento
- Pie de página
- Archivo
- Soltero
Ahora, repasemos las diferentes partes…
Cuando comience a crear su encabezado, puede optar por elegir entre más de 13 plantillas de encabezado prefabricadas o crear una propia desde cero:
Luego, puede diseñar su encabezado utilizando la interfaz normal de Elementor. Puedes ver que he importado una de las plantillas anteriores:
Sin embargo, están sucediendo algunas cosas únicas. Por ejemplo, no agregué un widget de imagen regular para agregar el logotipo, ni agregué los enlaces del menú como widgets de texto regulares.
En su lugar, hice uso de esos nuevos Sitio widgets para 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ús.
Si editas el Menú de navegación widget, puedes ver esto. Y también puede ver cómo Elementor le dará muchas opciones sobre cómo debería funcionar:
Ese es un punto clave sobre cómo funciona el generador de temas. Es no estático. En cambio, el generador de temas lo ayuda a obtener la información de su sitio.
Luego, cuando publique su plantilla, podrá elegir exactamente dónde aplicar esa plantilla.
Por ejemplo, podría aplicar este encabezado en todo el sitio para que actúe como su encabezado en cada página. O bien, podría orientarlo hacia un contenido específico, lo que le permitiría crear diferentes encabezados para diferentes tipos de contenido:
Y una vez que lo hago vivo, puede ver cómo Elementor reemplaza el encabezado existente de mi tema con el encabezado que acabo de crear en la interfaz de Elementor:
Iré un poco más rápido ahora porque creo que tienes la idea básica.
Crear un pie de página es lo mismo que un encabezado y obtendrá la misma selección de Sitio widgets, junto con más de 16 plantillas de pie de página prefabricadas para elegir.
Al igual que con un encabezado, podrá diseñar su pie de página utilizando la interfaz visual de arrastrar y soltar:
Luego, cuando lo publique, puede usar esas 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, puede ver cómo Elementor ha reemplazado el pie de página predeterminado del tema Astra con el pie de página que acabo de diseñar:
Construyendo la página de archivo de tu blog
Bien, ya ha creado su encabezado y pie de página, pero ¿qué pasa con su contenido real? ¿Tus publicaciones y páginas?
Para las publicaciones de blog, hay dos partes en el rompecabezas:
- Archivo – este es el diseño de la página que enumera todas las publicaciones de tu blog.
- Soltero – este es el diseño para cada publicación de blog individual.
Elementor Pro te permite crear ambos: comencemos con el archivo.
Para comenzar, puede elegir entre más de 8 plantillas o comenzar desde cero. A partir de ahí, el concepto básico es similar, excepto que obtendrá un conjunto diferente de widgets:
Si editas el Archivar publicaciones widget, podrá controlar mucho sobre el diseño, incluidos los diseños de varias columnas, los tamaños de imagen, los metadatos y más. Por ejemplo, podría pasar a un enfoque de tarjeta de varias columnas como este:
Cuando lo publiques, podrás volver a controlar dónde aparece. Podrías usarlo para. O bien, puede crear diferentes diseños para diferentes tipos de archivos como:
- Archivo de autor
- Archivo de fechas
- Página de resultados de búsqueda
- Categorías específicas, etiquetas, etc.
Y ahora, puede ver cómo Elementor ha reemplazado la lista de publicaciones predeterminada de Astra con el diseño de archivo que acabo de crear:
Construyendo la página única de tu blog
Crear una sola plantilla es similar, pero obtendrá una nueva opción cuando cree una plantilla para elegir el tipo de mensaje – como si desea crear el diseño para publicaciones o páginas de blog:
Puede elegir entre más de 7 plantillas. A continuación, puede utilizar un nuevo conjunto de Soltero widgets para controlar el diseño:
Otra opción útil es la capacidad de obtener una vista previa de los datos de una de sus publicaciones reales mientras controla su diseño: puede ver que Elementor en realidad extrajo 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á más configuraciones para cada widget individual. Y una vez que publique su plantilla, puede controlar exactamente dónde usar su plantilla única.
Esto, por ejemplo, le permitiría crear diferentes plantillas para diferentes categorías de publicaciones de blog.
Construyendo tu tienda WooCommerce
Si tiene una tienda WooCommerce, podrá aplicar el mismo enfoque para crear su página de tienda y páginas de productos individuales, con widgets dedicados para la información del producto WooCommerce:
Una gran característica aquí es que también obtiene widgets dedicados para productos relacionados y ventas adicionales.
Creación de contenido para tipos de publicaciones personalizadas
Este es un concepto avanzado, pero una de las cosas más poderosas de Elementor Pro es que puede realizar todas 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 almacenar cierto tipo de contenido. De hecho, las “publicaciones” de su blog son en realidad un “tipo de publicación”: simplemente no las considera 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 administración de contenido totalmente funcional”.
Con un tipo de publicación personalizada, puede crear de manera similar un “contenedor” para otra cosa. Algunos ejemplos:
- Si desea crear un sitio de listado de trabajos, puede crear un tipo de publicación personalizada para “empleos”.
- 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 negocios, puede crear un tipo de publicación personalizada para “negocios”.
¿Captar la idea? Luego, Elementor Pro puede ayudarlo a crear los diseños para esos tipos de publicaciones personalizadas.
Donde esto se vuelve poderoso es cuando lo combinas con la siguiente función de la que voy a hablar…
El contenido dinámico pone la construcción de temas con esteroides
Hasta ahora, me he centrado en cómo el generador de temas de 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 características más poderosas es el generador de temas de Elementor. dinámica característica de contenido.
Esta función le permite insertar 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 revisión, podría crear un campo personalizado para almacenar su calificación para el producto en cuestión ().
Puede agregar estos campos personalizados a sus publicaciones o páginas habituales. O también puede 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 para cada apartamento:
- Renta mensual
- Numero de habitaciones
- Cantidad de baños
- Ubicación
- Etc.
Para este ejemplo, digamos que realmente lo he implementado (usando Campos personalizados avanzados y Interfaz de usuario de tipos de publicaciones personalizadas). Ahora, tengo un tipo de publicación personalizada simple con algunos campos personalizados que se ve así:
Ahora, quiero usar el generador de temas de Elementor para mostrar todo ese contenido.
Así es como funciona…
En primer lugar, podría crear una sola plantilla para el Alquiler de apartamento tipo de mensaje:
Podrías usar el Elementor regular Soltero widgets para agregar el título, la imagen y el contenido:
Pero, ¿qué pasa con esos campos personalizados? ¿Cómo puedes incluirlos en el diseño?
Ahí es donde está Elementor Dinámica característica es tan poderosa.
Para obtener la información del campo personalizado, puede agregar un widget de Editor de texto de Elementor normal. Solo ahora, puedes hacer clic en eso. Dinámica opción:
Puede seleccionar el Campo ACF opción, que es el complemento que utilicé para crear los campos personalizados. Luego, podrá seleccionar cada campo personalizado individual, incluida una opción para anteponer y agregar información:
Y eso extrae la información del campo personalizado, lo que significa que esta información cambiará para cada alquiler de apartamento que agregue.
Repetir el proceso para todos los campos personalizados le daría algo como esto, donde toda esa información se extrae dinámicamente de los campos personalizados:
También puede usar datos dinámicos de otras formas, como configurar dinámicamente la imagen de fondo de una sección.
¡Y esto es lo que hace que el generador de temas de Elementor sea tan poderoso!
Con él, puede crear sitios de WordPress 100% personalizados que van más allá de la dinámica normal de publicación/página.
Normalmente, la creación de este tipo de sitios personalizados de WordPress requeriría al menos algunos conocimientos técnicos básicos. Pero con el generador de temas de Elementor, puedes hacer casi todo con arrastrar y soltar.
¿Todavía necesita un tema de WordPress con el generador de temas de Elementor?
En primer lugar, cada sitio de WordPress necesita un tema: es un requisito básico para WordPress. Entonces, sí, aún deberá instalar al menos un tema junto con el generador de temas de Elementor.
Creo que la pregunta más relevante es “¿debo preocuparme por el tema que uso si estoy usando el generador de temas de Elementor?”.
La respuesta es no”. No debe preocuparse por su tema si planea usar el generador de temas de Elementor para todo.
De hecho, Elementor creó su propio tema ultraligero que está diseñado para emparejarse con el generador de temas. No tiene características, es literalmente solo una base liviana para el generador de temas de Elementor.
Sin embargo, creo que todavía te preocupas por tu tema, incluso si no lo haces.
Aquí hay algunas razones por las cuales:
- Estilos globales – En lugar de usar Elementor para diseñar cada elemento desde cero, puede configurar estilos globales en la configuración del personalizador de su tema. Esto ayuda a garantizar un diseño consistente y facilita cambiar las cosas en el futuro.
- Ahorrar tiempo – A veces, es posible que no quieras usar Elementor Pro para literalmente todo. Por ejemplo, ¿de verdad quieres tener que diseñar tu página 404 con Elementor? Un buen tema manejará las cosas básicas por usted, de modo que pueda usar el generador de temas para las partes que realmente desea cambiar.
- integraciones – Algunos temas ofrecerán integraciones directas de complementos que pueden ahorrarle tiempo, como integraciones con WooCommerce o complementos LMS.
Entonces, teniendo eso en cuenta, ¿cuál es el mejor tema para combinar con el generador de temas de 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 generador de temas de Elementor lo ayuda a crear sitios personalizados de WordPress
Si bien el generador de temas de Elementor requerirá un poco más de sudor que usar un tema de WordPress preconstruido, le brinda la capacidad de personalizar completamente cada aspecto de su sitio de WordPress usando la misma interfaz visual de arrastrar y soltar que usa para construye el contenido de tu página 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 capacidad de crear diferentes diseños para diferentes tipos de contenido.
Finalmente, la funcionalidad de contenido dinámico es increíblemente versátil para ir más allá de los sitios básicos de blogs o folletos. Desbloquea el verdadero poder de WordPress al permitirle traer contenido dinámicamente para tipos de contenido personalizados ().
Ya sea que solo desee un poco más de control sobre el aspecto de su blog o si desea crear su propio sitio personalizado o tienda de comercio electrónico, el generador de temas de Elementor es uno de los mejores complementos de WordPress que encontrará para este propósito.
Además, el generador de temas de Elementor está incluido en todos los planes pagos que comienzan en $49. Esto significa que también obtendrá acceso a todas las demás funciones de Elementor Pro por el mismo precio ().
En resumen, tanto desde la perspectiva de la funcionalidad como del valor, Elementor Pro y el generador de temas son una obviedad, y hay una razón por la cual Elementor ha crecido en popularidad en los últimos años.
