AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Cómo crear diseños personalizados de WordPress con Beaver Builder

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

¿Quieres aprender a crear diseños de página personalizados en WordPress? Beaver Builder te permite crear tus propios diseños de página sin tener que escribir ningún código. En este artículo, revisaremos Beaver Builder y te 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 satisfacer sus necesidades.

Puede crear plantillas de página personalizadas en WordPress creando un tema infantil y añadiendo sus propias plantillas de página. Pero necesitará algún conocimiento de PHP, HTML y CSS para que esto funcione.

Aquí es donde Beaver Builder entra en escena. Es un plugin de WordPress para crear páginas arrastrando y soltando. Le ayuda a crear sus propios diseños de página personalizados sin tener que escribir ningún código.

Revisión de Beaver Builder

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

Funciona con todos los temas de WordPress y tiene un montón de módulos que puedes arrastrar y soltar a tu página. Puede crear cualquier tipo de diseño que desee y configurarlo tal y 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.

Vamos a empezar.

Configuración del plugin Beaver Builder

Primero necesitas comprar el plugin Beaver Builder. Es un plugin de pago, con precios a partir de $99 para sitios ilimitados.

A continuación, tienes que instalar y activar el plugin Beaver Builder. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

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

Después de introducir su clave de licencia, ya 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 cree una nueva página en WordPress visitando Páginas » Añadir nuevo Notará una nueva pestaña del Constructor de Páginas en el editor de WordPress.

Haz clic en la pestañaPage Builder para iniciar el Beaver Builder.

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

En este momento, puede hacer clic en el botón No Gracias para omitir la visita. Desde entonces, le guiaremos a través de las diferentes características de esta guía, por lo que no necesita el tour.

Después debe hacer clic en el botón Plantillas en el menú superior.

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

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

Cuando seleccionas un diseño, Beaver Builder lo cargará en la ventana de vista previa. Lleva tu ratón a un objeto y Beaver Builder lo resaltará.

Puede simplemente hacer clic en el icono de la llave inglesa en cualquier elemento resaltado para editarlo.

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

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

Los diseños de Beaver Builder se basan en filas. Puede arrastrar y soltar para reorganizar las filas. También puede eliminar o añadir una nueva fila.

Simplemente haga clic en el menú Layouts de filas y luego seleccione el número de columnas que desee en su fila.

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

Puede añadir elementos a su fila utilizando los módulos y widgets básicos o avanzados. Estos módulos le permiten añadir los elementos más utilizados como botones, encabezados, texto, imágenes, presentaciones de diapositivas, audio, vídeo, 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 reutilizarlo más adelante en otras páginas. Haga clic en el botón Guardar como mientras edita una fila o módulo.

Haga clic en el botón Listo cuando termine 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 de su sitio WordPress. Simplemente abra la página con Page Builder y haga clic en el botón Herramientas de 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.

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

Cada licencia de Beaver Builder te da derecho a usarla en un número ilimitado de sitios web. Pero, ¿cómo se mueven las plantillas de página de un sitio de WordPress a otro?

Beaver Builder almacena las plantillas creadas por el usuario en un tipo de mensaje personalizado llamado plantillas. Está oculto por defecto, pero puede hacerlo visible yendo a Settings » Page Builder y haciendo clic en la pestaña Templates.

Simplemente marque la casilla junto a la opción «Activar administración de plantillas» y haga clic en el botón «Guardar configuración de plantillas».

Notará que un nuevo elemento del menú llamado Plantillas aparecerá 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.

Como es un tipo de mensaje personalizado, puedes exportar fácilmente tus plantillas de Beaver Builder usando la función de exportación incorporada en WordPress.

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

Ahora ingrese al sitio de WordPress donde desea importar las plantillas. Visite la página Settings » Importar y haga clic en WordPress.

Se le pedirá que descargue e instale el plugin importador de WordPress. Después de lo cual usted 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 usando Beaver Builder. También puedes ver nuestra guía sobre cómo ocultar elementos innecesarios desde el administrador de WordPress con Adminimize.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP