Beaver Themer 101: Cómo construir aspectos temáticos en solo 4 pasos

Es posible que ya conozca y ame nuestro complemento de Beaver Builder para WordPress. Es útil crear publicaciones y páginas individuales o ajustar la navegación del sitio. Sin embargo, si desea crear modelos para partes de la página que está fuera del área de contenido, también puede necesitar Beaver Themer. En este artículo, daremos una mirada profunda al complemento Beaver Themer y cómo puede usarlo para mejorar su conjunto de herramientas de Beaver Builder. También explicaremos paso a paso cómo crear modelos en ubicaciones donde el estándar de Beaver Builder no puede acceder a ellos.
¡Vamos a bucear! Presentamos a Beaver Themer: todo lo que necesita saber en los términos más simples, Beaver Themer es un suplemento premium para Beaver Builder. Esto significa que es un complemento que usa y mejora nuestro generador de páginas.

*** Tenga en cuenta que aún debe tener un tema de WordPress si usa el complemento Beaver Themer. Los temas de WordPress le permiten controlar muchos aspectos y estilos para su sitio. Pero Beaver Themer le permite reemplazar aspectos o partes de la página normalmente controladas por un tema, como sede, sótanos, páginas de archivo y publicaciones.
Distinga que Beaver Themer no es un tema de WordPress. Su especialidad es llevar el generador de página un paso más allá, lo que le permite completar algunos de los objetivos que podrían existir entre su tema y contenido, por ejemplo, Beaver Themer aporta el poder de Beaver Builder a la sede y los sótanos de su sitio. Web. También puede crear aspectos para partes de su sitio que normalmente son más difíciles de personalizar, como el archivo y las páginas de búsqueda. Una de las características únicas de Beaver Themer es el uso de conexiones de campo. En corto, algunos módulos le dan una opción para conectar sus datos a su sitio a un campo en la configuración del módulo. Le daremos un ejemplo ilustrado de cómo funciona más tarde. Cómo integrar Beaver Themer en su sitio web antes de pasar a la diversión y comenzar a crear algunos aspectos, asegúrese de necesitar todo para instalar Beaver Themer. Deberá tener una versión premium de Beaver Builder instalada para usar Beaver Themer, por lo que si tiene la versión Lite gratuita, primero tendrá que actualizar. Además, el suplemento Beaver Themer no presenta nuestros paquetes Premium Beaver Builder, por lo que deberá comprar Beaver Themer para descargar el paquete de complementos y recibir la clave de licencia:
La buena noticia es que puede usar el complemento Beaver Themer en cuántos sitios desea, y la inversión inicial de $ 147 en una suscripción de Themer puede renovarse con descuento. Después de haber comprado Beaver Themer, descargue el suplemento desde la página de mi cuenta. Se incluye en la misma licencia que Beaver Builder, por lo que después de instalar y activar el complemento Themer, se licencia automáticamente en su sitio web de Beaver Themer le brinda una nueva opción de diseños Themer en Beaver Builder: aquí es donde creará y editará sus aspectos Femer o agregar reglas para dónde se utilizan los modelos. Aquí hay una captura de pantalla de configuraciones para un aspecto de tipo encabezado:

Con la configuración de ubicación, incluya y excluya el lugar donde aparecen sus aspectos creando las reglas, puede usar la lógica condicional para controlar la apariencia. Por ejemplo, puede mostrar un cierto aspecto de tipo de encabezado Themer solo cuando un usuario está conectado. Lo que puede lograr con sus modelos es limitado solo por su creatividad. Paso 1: Cree un nuevo aspecto del tema para comenzar, navegue a Beaver Builder> Agregar nuevo:

Ingrese un título para su look de Themer. El título no se muestra públicamente. Para el tipo, elija la apariencia temática. En este ejemplo, para la apariencia, elija el encabezado:

Cuando esté satisfecho con sus opciones, haga clic en Agregar el aspecto del tema. Esto abre la pantalla de edición del aspecto temático. Paso 2: Inicie Beaver Builder y edite su aspecto en el aspecto temático, puede establecer la ubicación donde aparecerá: para comenzar a editar Themer, haga clic en Iniciar Beaver Builder. En lugar de una pantalla de aspecto vacío, la plantilla de aspecto del encabezado ya se ha aplicado a su apariencia.

Si alguna vez desea volver a esta plantilla, la encontrará en la pestaña del panel contenido:

Como cualquier otro aspecto de Beaver Builder, tiene acceso a módulos y otras herramientas de generación de páginas:

Pero primero, echemos un vistazo a uno de los módulos incluidos en la plantilla de encabezado, porque muestra cómo funcionan las conexiones de campo. El título del sitio se muestra mediante un módulo de encabezado. Como puede ver en la siguiente captura de pantalla, en lugar del nombre del sitio, el título de conexión de campo del sitio extrae esa información de Configuración> General> Sitio de título en el área de administración de WordPress.

La URL para el título del encabezado en el encabezado se extrae de Configuración> General> Dirección de WordPress (URL). Al agregar la URL, si el usuario hace clic en el encabezado del encabezado, volverá a la página inicial. La belleza de usar conexiones de campo en lugar del texto estático es que si el título o la dirección de su sitio cambian, su título se actualizará automáticamente.

Cualquier configuración en Beaver Builder que acepte una conexión de campo tiene un signo más en el lado derecho del campo.

Además de la información del sitio, hay otras conexiones de campo a la página de contenido, como el título de publicación, la imagen de publicación recomendada, etc. En su sitio. También puede establecer conexiones de campo en campos personalizados, tanto nativos de WordPress y usar complementos como campos y vainas personalizados avanzados. Esto le brinda la oportunidad de crear y usar información que haga que su sitio sea realmente único. Agreguemos un módulo fotográfico a la cabeza del encabezado:
El campo fotográfico del módulo fotográfico permite conexiones de campo, pero no hay configuración de WordPress para un logotipo de encabezado, por lo que debe agregar una imagen desde su biblioteca de medios o una URL.

Sin embargo, puede usar la conexión del campo URL del sitio para el enlace de regreso a su página de inicio. Cuando haya terminado, haga clic en Terminado> Guarde el boceto. Paso 3: Agregue las reglas de ubicación Haga clic en Editar el tema. Haga clic en el menú desplegable en la sección de ubicación y elija la ubicación que desea aplicar el encabezado que acaba de crear:

Este es un sitio web de WooCommerce, por lo que elegiremos la categoría de productos para este ejemplo. Esto activa un segundo campo de ubicación con todas las categorías de productos creados anteriormente, donde puede elegir todas las categorías o ciertas categorías. Puede agregar más reglas si desea ciertas páginas o puede usar una regla vacía y excluir ciertas páginas. Elegiremos la sudadera con capucha como una categoría de producto, lo que significa cualquier producto en la categoría de sudadera con capucha y solo esas páginas de productos muestran la apariencia del encabezado Themer. Cuando haya terminado, haga clic en Agregar una regla de ubicación y muévase al último paso. Paso 4: Publique la apariencia personalizada del tema cuando esté listo para que su apariencia sea transmitida, ábrelo para editar en Beaver Builder y haga clic en> Publicar, ya que procederá para un aspecto estándar de Beaver Builder. Luego pruebe las reglas de ubicación. Para nuestro ejemplo, puede acceder a la página de su tienda, que debe mostrar el encabezado de su sitio, no el encabezado Themer: ahora haga clic en uno de los productos para abrir la página del producto. Debería ver el aspecto Beaver Themer que acaba de crear, en lugar del encabezado que apareció en la página del producto principal:
Con eso, acaba de crear y aplicó un aspecto personalizado para el encabezado Beaver Themer.Realmente es tan fácil.Cómo crear aspectos temáticos únicos Otro tipo de plantilla de apariencia que puede hacer y que es extremadamente poderosa es el aspecto temático singular.Esta plantilla se usa con mayor frecuencia para mostrar publicaciones individuales en un blog o en cualquier publicación personalizada.Siga los pasos descritos anteriormente para crear un nuevo aspecto, pero seleccione Singular como un tipo de apariencia: haga clic en Iniciar Beaver Builder.Una vez más, verá que la plantilla de apariencia singular ya se ha aplicado, que contiene la mayor parte de la información que generalmente encuentra para una sola publicación, con las conexiones de campo estándar ya configuradas.Puede cambiar esta plantilla o comenzar desde cero.La apariencia singular tiene algunos módulos especiales, a los que se puede acceder en el grupo de contenido llamado módulos temáticos:

Algunos de estos módulos son solo versiones especiales de módulos existentes. Por ejemplo, el módulo de título de publicación es solo un módulo de encabezado con una conexión de campo al título de publicación. Si pasa con el mouse sobre la barra de herramientas de este módulo en la aparición de la plantilla, dirá que es un módulo de título. El módulo de contenido post es único y vale la pena mencionar. A diferencia de todos los demás módulos de Beaver Builder, sirve como sustituto en el aspecto singular. El contenido real se extrae del bloque de WordPress o del editor clásico. Debido a la forma en que funciona WordPress, puede crear un Beaver Builder estándar para la publicación o puede crear un aspecto Themer fuera del contenido de publicación (es decir, el título de publicación, la imagen presentada, la metainformación, la navegación, etc.), pero no puede tener ambos en la misma publicación. Aquí hay un video que le presenta a través de esto … Ajuste fino cuando se debe mostrar el contenido de Beaver Themer Agregue otra característica tanto al aspecto estándar de Beaver Builder como al aspecto de Themer: la lógica condicional para ajustar quién puede ver su contenido. Aquí hay un ejemplo de una configuración de guión de las reglas lógicas condicionales al editar su apariencia de Themer: en este ejemplo, el aspecto de Themer se muestra solo cuando el usuario está conectado al papel del editor. Además, con Beaver Themer instalado, estas configuraciones lógicas condicionales están disponibles como una opción adicional en la configuración de la pestaña avanzada para filas, columnas y módulos individuales en cualquier aspecto de Beaver Builder:
Como otro ejemplo, puede mostrar un elemento como un botón solo cuando un campo personalizado especificado tiene un valor. La mejor manera de obtener más información sobre las reglas de la lógica condicional es consultar el artículo en nuestra base de conocimiento. Conclusión La posibilidad de elegir exactamente dónde aparecen ciertos elementos de diseño en su sitio puede ser un cambio. Cuando agregue Beaver Themer a su conjunto de herramientas, podrá asegurarse de que todo su sitio se vea y se sienta coherente. Comience con Beaver Themer es fácil si recuerda estos cuatro pasos clave: Agregue nuevos aspectos temáticos de Beaver Builder> Agregar nuevo al tablero de WordPress.

Elija un aspecto de Themer y inicie Beaver Builder para acceder a los módulos de diseño.

Guarde el aspecto y agregue reglas de ubicación personalizada para aplicar la apariencia de tipos específicos de contenido.

Publique su apariencia personalizada Beaver Themer y pruebe las reglas de ubicación visitando esas ubicaciones en su sitio.

¿Hay un aspecto específico de Beaver Themer con el que esté encantado? ¡Comparta sus pensamientos con nosotros en la sección de comentarios a continuación!