Cómo crear diseños personalizados de WordPress con Beaver Builder

¿Desea aprender cómo crear diseños de página personalizados en WordPress? Beaver Builder te permite crear tus propios diseños de página sin escribir ningún código. En este artículo, revisaremos Beaver Builder y le mostraremos cómo crear diseños de página personalizados en WordPress con Beaver Builder..

Por qué y cuándo necesita diseños de página personalizados

Muchos temas premium de WordPress vienen con diseños de página listos para usar para diferentes secciones de un sitio web. Sin embargo, a veces un diseño incorporado puede no adaptarse a sus necesidades.

Puede crear plantillas de página personalizadas en WordPress creando un tema secundario y luego agregando sus propias plantillas de página. Pero necesitarás algo de conocimiento de PHP, HTML y CSS para que funcione.

Aquí es donde entra en juego Beaver Builder. Es un complemento de creación y arrastre de página para WordPress. Te ayuda a crear tus propios diseños de página personalizados sin escribir ningún código.

Revisión de Beaver Builder

Beaver Builder es muy fácil de usar y amigable para los principiantes. Al mismo tiempo, está cargado de increíbles funciones para crear páginas de aspecto profesional..

Funciona con todos los temas de WordPress y tiene toneladas de módulos que puedes arrastrar y soltar en tu página. Puede crear cualquier tipo de diseño que desee y configurarlo tal como lo imaginó..

En esta revisión de Beaver Builder, le mostraremos cómo usar Beaver Builder para crear diseños de página personalizados en WordPress.

Empecemos.

Configuración del complemento Beaver Builder

Primero necesitas comprar el complemento Beaver Builder. Es un complemento pagado, con precios desde $ 99 para sitios ilimitados.

A continuación, lo que debe hacer es instalar y activar el complemento Beaver Builder. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Configuraciones »Page Builder página para ingresar su clave de licencia.

Después de ingresar su clave de licencia, ahora está listo para crear hermosos diseños de página.

Creación de su primer diseño de página personalizado con Beaver Builder

Simplemente crea una nueva página en WordPress visitando Páginas »Añadir Nuevo. Notará una nueva pestaña del Generador de páginas en el editor de WordPress.

Haga clic en la pestaña 'Generador de páginas' para iniciar Beaver Builder..

Si es la primera vez que utiliza Beaver Builder, verá una ventana emergente de bienvenida que le ofrece una visita guiada..

En este momento, puede hacer clic en el botón No gracias para omitir el recorrido. Desde entonces, lo guiaremos a través de las diferentes características de esta guía, para que no necesite el recorrido..

Después de eso tienes que hacer clic en el Plantillas botón en el menú superior.

Beaver Builder viene con algunas plantillas diseñadas profesionalmente para que puedas comenzar de inmediato.

No te preocupes, puedes personalizar la plantilla tanto como quieras. Es solo una forma rápida de comenzar con un diseño.

Cuando selecciona un diseño, Beaver Builder lo cargará en la ventana de vista previa. Lleve el mouse a un elemento y Beaver Builder lo resaltará.

Simplemente haga clic en el icono de llave inglesa en cualquier elemento resaltado para editarlo.

Beaver Builder mostrará una ventana emergente con diferentes configuraciones que puedes editar. Puede cambiar texto, color, fondo, fuente, relleno, margen, etc..

También puede simplemente hacer clic en un elemento en la vista previa en vivo y arrastrar y soltar para moverlo por la página.

Los diseños de Beaver Builder están basados ​​en filas. Puedes arrastrar y soltar para reorganizar filas. También puedes eliminar o agregar una nueva fila..

Simplemente haga clic en el Diseños de fila menú y luego seleccione el número de columnas que desea en su fila.

Beaver Builder agregará la fila a la vista previa en vivo en su sitio.

Puede agregar elementos a su fila utilizando los módulos y widgets básicos o avanzados. Estos módulos le permiten agregar los elementos más utilizados como botones, encabezados, texto, imágenes, presentaciones de diapositivas, audio, video, etc..

Simplemente seleccione un elemento y arrástrelo a la fila que acaba de agregar. Haga clic en un elemento para editar sus propiedades..

También puede guardar una fila o un módulo para reutilizarlos más adelante en otras páginas. Haga clic en Guardar como botón mientras se edita una fila o módulo.

Haga clic en el botón Hecho cuando haya terminado de editar su página. Beaver Builder mostrará una ventana emergente con botones para publicar o guardar tu página como borrador.

También puede reutilizar un diseño de página completo para otras páginas en su sitio de WordPress. Simplemente abra la página con Page Builder y luego haga clic en el botón Herramientas en la barra superior.

Beaver Builder te mostrará una ventana emergente. Puede guardar la página como una plantilla o crear rápidamente una página duplicada con el mismo diseño.

Gestión de plantillas de diseño de página en Beaver Builder

Cada licencia de Beaver Builder le da derecho a usarla en sitios web ilimitados. ¿Pero cómo mueves tus plantillas de página de un sitio de WordPress a otro??

Beaver Builder almacena las plantillas creadas por el usuario en un tipo de publicación personalizado llamado templates. Está oculto por defecto, pero puede hacerlo visible yendo a Configuraciones »Page Builder y haciendo clic en la pestaña Plantillas.

Simplemente marque la casilla junto a la opción 'Habilitar administrador de plantillas' y haga clic en el botón Guardar configuración de plantilla.

Notará que aparecerá un nuevo elemento de menú etiquetado Plantillas en la barra de administración de WordPress. Todos los diseños de página que guarde como plantilla aparecerán en esa página.

Ya que es un tipo de publicación personalizada, puedes exportar fácilmente tus plantillas de Beaver Builder usando la función de exportación incorporada en WordPress.

Visitar Herramientas »Exportar página y seleccione Plantillas. Haga clic en el botón 'Descargar archivo de exportación' y WordPress le enviará un archivo XML para que lo descargue.

Ahora inicie sesión en el sitio de WordPress donde desea importar las plantillas. Visitar Ajustes »Importar página y haga clic en WordPress.

Se le pedirá que descargue e instale el complemento de importación de WordPress. Después de lo cual podrá simplemente cargar su archivo XML de plantillas e importarlo..

Eso es todo, esperamos que este artículo te haya ayudado a crear diseños de página personalizados en WordPress con Beaver Builder. También puede consultar nuestra guía sobre cómo ocultar elementos innecesarios del administrador de WordPress con Adminimize.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..