Hola a todos. Me complace presentarles a un autor invitado y amigo, Joe Casabona. Joe fue lo suficientemente generoso como para compartir esta lección de su curso, Up and Running with Beaver Builder.

Esta es una vista previa del curso de un mes de WP,en funcionamiento con Beaver Builder.

Una de las ventajas de Beaver Builder es que le brinda control total sobre el área de contenido de su sitio web.

Sin embargo, hay una barrera que puede crear limitaciones: tu tema.

Su tema determina qué partes de su sitio puede personalizar y puede restringir su capacidad para diseñar un sitio único o brindarle la libertad que necesita para hacerlo bien.

Esto significa que seleccionar el tema adecuado para su sitio web de Beaver Builder es clave. En esta publicación, hablaremos sobre cómo hacerlo. ¡Pongámonos manos a la obra!

Por qué el tema de su sitio web es crucial

WordPress es una plataforma increíble precisamente porque el software principal se mantiene al mínimo. Sólo las funciones más importantes se incluyen de forma predeterminada.

Esto le permite personalizar completamente su sitio web eligiendo la combinación perfecta de tema y complementos.

Si no está utilizando un creador de páginas, el tema de su sitio determinará en gran medida cómo se verá y cómo estará diseñado.

Por supuesto, una herramienta como Beaver Builder te permite personalizar el estilo y el diseño de tu contenido, lo que al principio hace que parezca que tu tema es menos importante.

Sin embargo, como usuario de Beaver Builder, su tema sigue siendo crucial. Es posible que ya no tenga la última palabra sobre el aspecto de sus páginas y publicaciones, pero sí afecta lo que puede y no puede modificar y cuánta libertad tiene realmente para usar su creador de páginas.

Cómo interactúa Beaver Builder con el tema de su sitio

Antes de poder elegir un tema que funcione bien con Beaver Builder, es útil comprender cómo funciona nuestro creador de páginas.

De esa manera, podrás saber si el tema que estás considerando te permite aprovechar al máximo su funcionalidad.

En pocas palabras, Beaver Builder le permite personalizar o revisar por completo todo lo que puede cambiar utilizando el editor predeterminado de WordPress.

En un nivel más técnico, reemplaza todo lo que se agrega mediante la etiqueta de plantillathe_content().

Si bien debería poder utilizar Beaver Builder con cualquier tema, algunos pueden restringir lo que puede personalizar. Veamos un ejemplo usando Twenty Sixteen.

En esta primera captura de pantalla, verá una página con contenido básico, creado con el editor predeterminado de WordPress:

Aquí está la misma página modificada con Beaver Builder. La parte editable de la página está delineada en rojo:

Como puede ver, sólo una pequeña sección de la página es realmente editable. Elementos como el título y la barra lateral no se pueden eliminar, mover ni personalizar.

Esto significa que no podrás aprovechar al máximo el potencial de Beaver Builder mientras usas Twenty Sixteen.

Además, es posible que su sitio no parezca coherente. Si modificaste mucho algunos elementos pero dejaste otros con el estilo predeterminado de tu tema, no es probable que se combinen perfectamente.

En otras palabras, su tema proporciona una base que puede ayudarle a crear el sitio web de sus sueños o frenarlo.

Si planea utilizar Beaver Builder, necesita que su tema le brinde el mayor espacio posible para trabajar.

Cómo elegir el tema adecuado para su sitio Beaver Builder (3 consejos clave)

Técnicamente hablando, puedes usar cualquier tema que quieras junto con Beaver Builder. Sin embargo, como esperamos haber dejado claro en este punto, deberá seleccionar su tema con cuidado si desea evitar limitaciones y frustraciones.

Estas son algunas de las mejores formas de hacerlo.

1. Busque un tema que ofrezca la máxima flexibilidad

Lo más importante es que deberás buscar un tema que haga dos cosas. En primer lugar, debería ser mínimo en términos de diseño.

Cuanto más simple sea el diseño predeterminado del tema, menos tendrás que luchar contra el código existente para modificar la apariencia de tu sitio.

Es mejor seleccionar un tema minimalista o sencillo y dejar que Beaver Builder se encargue del trabajo pesado.

De esa manera, le resultará más fácil crear algo que sea exclusivamente suyo, en lugar de verse limitado por el aspecto particular de su tema.

Esto incluye encontrar un tema con la menor cantidad posible de elementos en la página. También es beneficioso si puedes elegir uno que te permita ocultar o eliminar elementos predeterminados, como los títulos de las páginas.

En segundo lugar, su tema debe tener la mayor cantidad posible de área de contenido editable. La mejor manera de garantizar esto es buscar un tema con un área de contenido de ancho completo.

Este podría ser el diseño predeterminado del tema o una opción proporcionada por una plantilla específica:

De cualquier manera, tener un área de contenido de ancho completo significa que es menos probable que se vea limitado por elementos integrados que no se pueden mover ni cambiar.

De manera similar, un tema que le permite excluir por completo aspectos como las barras laterales le permitirá crear el suyo propio utilizando Beaver Builder.

2. Opte por un tema con elementos de encabezado y pie de página personalizables

Una de las características distintivas de Beaver Builder es que permite contenido increíblemente flexible. Esto no se limita simplemente a lo que hay en tus páginas y publicaciones, o incluso en tu barra lateral.

Con nuestro complemento Beaver Themer, también puede tener ese nivel de control sobre el encabezado y pie de página de su sitio.

Esto es algo que no todos los creadores de páginas permiten, lo que convierte a Beaver Builder en una herramienta de valor único.

Cuando solo puedes editar el área de contenido de tu sitio, es probable que termines atascado con encabezados y pies de página que no se ven del todo bien con tus publicaciones y páginas.

Sin embargo, Beaver Builder le permite crear una apariencia coherente en todo su sitio.

Una vez más, esto sólo es posible con un tema que te dé control sobre el diseño de tus encabezados y pies de página.

Puede hacerlo a través de un personalizador sólido, múltiples áreas de widgets u opciones de temas personalizados. El "cómo" no importa tanto como el hecho de que la opción esté disponible.

3. Considere los otros méritos del tema

Hasta ahora, nos hemos centrado en cómo elegir un tema que funcione bien con Beaver Builder. Esto es importante, naturalmente, pero no es toda la historia.

Después de todo, un tema que permite la máxima personalización pero que por lo demás es de baja calidad o está desactualizado no le hará ningún favor a su sitio.

Esto significa que al seleccionar su tema, también deberá prestar atención a algunos criterios clave, como:

• Diseño y funcionalidad.Cuando esté creando un sitio web para un nicho o caso de uso específico, deberá considerar si su tema tiene el estilo y las características adecuadas.
• Reseñas y valoraciones.Esto puede brindarle mucha información sobre la calidad del tema y alertarlo sobre problemas que otros usuarios han tenido con él.
• Actualizaciones periódicas.Un tema de calidad se actualiza con frecuencia para mantenerlo compatible con WordPress y protegerlo de amenazas a la seguridad. Como regla general, debes omitir cualquier tema que no se haya actualizado en los últimos seis meses.
• Velocidad de página.Su tema puede tener un impacto significativo en el rendimiento de su sitio. Si puede, instale el tema en un sitio de prueba y asegúrese de que no ralentice sus páginas.

La mejor manera de evaluar un tema potencial es probarlo usted mismo, si es posible. Vea si hay una demostración con la que pueda interactuar o, mejor aún, una versión gratuita que pueda instalar y probar a su gusto.

Naturalmente, también querrás experimentar con el tema en combinación con Beaver Builder. Intente usarlo para crear algunas páginas y vea qué problemas o frustraciones surgen.

A menudo, los problemas potenciales con un tema sólo aparecen una vez que has empezado a usarlo en serio.

4 temas excelentes para usuarios de Beaver Builder

Ningún tema es adecuado para todos los casos de uso y lo alentamos a explorar todas sus opciones, tanto gratuitas como premium. Sin embargo, si no está seguro de por dónde empezar, aquí hay algunos contendientes fuertes que funcionan bien junto con Beaver Builder.

1.Marco de creación de páginas

Page Builder Framework es un tema liviano diseñado para brindar el máximo rendimiento. Esto significa que no está lleno de elementos que distraigan y que tendrás que ajustar o quitar.

De hecho, este tema en particular fue diseñado específicamente pensando en los creadores de páginas. Está creado para personalizarse en lugar de usarse tal como está y, como tal, tiene un diseño extremadamente minimalista. Al mismo tiempo, todavía viene con una gran cantidad de opciones y configuraciones.

Características clave:

• Ofrece un diseño liviano y que mejora el rendimiento.
• Está diseñado para funcionar perfectamente con Beaver Builder y otros creadores de páginas.
• Proporciona muchas opciones de personalización.

Precio:Gratis, con una versión premium desde $58.

2.GenerarPrensa

A continuación, GeneratePress es un tema multipropósito extremadamente popular. Es ideal para construir sitios comerciales, pero también es aplicable a una amplia gama de nichos y estilos.

En muchos sentidos, este tema es muy similar a nuestra elección anterior. Es minimalista, liviano y está diseñado para brindar el máximo rendimiento. Además, también se ha diseñado pensando firmemente en los creadores de páginas.

Características clave:

• Agrega un volumen mínimo a su sitio para mantener el rendimiento rápido
• Ofrece una variedad de áreas de widgets, ubicaciones de navegación, diseños de barras laterales y opciones de menú, para un máximo potencial de personalización.
• Es totalmente responsivo y está traducido a más de 25 idiomas.

Precio:Gratis para la versión base, con una versión premium que cuesta $49,95.

3.Ástra

Astra es otro tema muy popular, y con razón. Es liviano y personalizable, lo que significa que sirve como una base sólida para muchos tipos de sitios.

Este tema también proporciona una gran cantidad de contenido prediseñado con el que trabajar, incluidas plantillas y sitios web completos. Puede desactivar tanto el título de la página como la barra lateral, así como crear páginas de ancho completo, lo que lo convierte en un tema perfecto para modificar con Beaver Builder.

Características clave:

• Incluye una gran biblioteca de contenido prediseñado para que pueda comenzar
• Proporciona mucho control sobre los diseños de su página y le permite desactivar fácilmente elementos que no necesita
• Es muy ligero, para mejorar el rendimiento.

Precio:Hay una versión gratuita, pero se recomienda la versión premium (a partir de $41) para usar con Beaver Builder.

4.Marco de Génesis

Por último, pero no menos importante, Genesis Framework no es exactamente un tema tradicional. Como su nombre lo indica, su objetivo es proporcionar un marco básico sobre el cual usted puede construir su sitio web. Con ese fin, mantiene las cosas lo más mínimas posible, proporcionando una estructura básica junto con algunas herramientas de personalización sólidas.

Puede realizar ediciones utilizando las opciones del tema nativo o combinar este marco con Beaver Builder para crear sitios web completamente únicos. Genesis Framework es una opción popular para los desarrolladores y puede ser un excelente punto de partida para quienes recién ingresan a la industria.

Características clave:

• Proporciona una amplia gama de opciones de personalización y plantillas prediseñadas
• Minimiza el desorden y evita que su sitio se atasque con datos y archivos innecesarios
• Es lo suficientemente flexible como para que puedas usarlo para crear sitios web muy originales o incluso usarlo como base para crear tu propio tema.

Precio:Genesis Framework es una opción premium únicamente, desde $59,95.

El tema dedicado de Beaver Builder

Por supuesto, todavía no hemos mencionado el mejor tema para usar con Beaver Builder: el tema dedicado de Beaver Builder, viene de serie con todos nuestros planes premium: Starter, Professional e Unlimited:

Este tema cumple fácilmente con todos los criterios que hemos analizado y, naturalmente, combina perfectamente con nuestro creador de páginas. Con el sólido conjunto de herramientas que ofrece su Personalizador, puede transformar este tema rápida y fácilmente para crear casi cualquier tipo de sitio web.

Al igual que Genesis Framework, el tema Beaver Builder está diseñado para ser lo más minimalista y ordenado posible.

Es un marco inicial con el que puedes construir tu sitio, lo que hace que sea mucho más fácil lograr un diseño creativo que no se parezca en nada a los sitios web de tus competidores.

El tema Beaver Builder también es liviano, está optimizado para SEO y está configurado para funcionar perfectamente junto con WooCommerce.

Incluso obtendrá acceso a soporte de alta calidad. Lo mejor de todo es que no es necesario saber nada sobre código para crear un sitio espectacular.

Sin embargo, si sesientecómodo con el código, el tema Beaver Builder también lo tiene en cuenta. Le permite utilizar CSS personalizado para modificar su sitio y proporciona muchos ganchos, filtros y documentos fáciles de usar para desarrolladores. Como tal, este tema es una excelente opción tanto para principiantes como para profesionales.

Conclusión

El complemento Beaver Builder le brinda la oportunidad de crear páginas únicas con diseños y diseños completamente personalizados. Sin embargo, es muy importante elegir un tema que admita esta funcionalidad.

Elegir un tema que utilice un diseño minimalista, páginas de ancho completo y encabezados y pies de página personalizables es un sólido punto de partida. Si bien el complemento funciona con casi cualquier tema, el tema dedicado de Beaver Builder es su mejor opción para aprovechar al máximo todo lo que nuestro creador de páginas tiene para ofrecer.

¿Tiene algún tema compatible con Beaver Builder favorito que no hayamos mencionado? ¡Cuéntanoslo en la sección de comentarios a continuación!

Acerca de José Casabona

Joe Casabona es un desarrollador front-end que trabaja en WordPress…mucho. En 2014, fue autor de un libro llamado Diseño Responsivo con WordPress, desarrolla cursos de WordPress en WP en un mes y desarrolló un curso acreditado sobre temas de WordPress. También presenta el podcast Cómo lo construí.