[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-disenos-personalizados-de-wordpress-con-beaver-builder\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-disenos-personalizados-de-wordpress-con-beaver-builder\/","headline":"C\u00f3mo crear dise\u00f1os personalizados de WordPress con Beaver Builder","name":"C\u00f3mo crear dise\u00f1os personalizados de WordPress con Beaver Builder","description":"\u00bfQuieres aprender a crear dise\u00f1os de p\u00e1gina personalizados en WordPress? Beaver Builder le permite crear sus propios dise\u00f1os de p\u00e1gina sin escribir ning\u00fan c\u00f3digo. En ... Leer m\u00e1s<\/a>","datePublished":"2022-09-05","dateModified":"2022-09-05","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/09\/Como-crear-disenos-personalizados-de-WordPress-con-Beaver-Builder.jpg","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/09\/Como-crear-disenos-personalizados-de-WordPress-con-Beaver-Builder.jpg","height":350,"width":520},"url":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-disenos-personalizados-de-wordpress-con-beaver-builder\/","about":["Plugins"],"wordCount":1214,"articleBody":"\u00bfQuieres aprender a crear dise\u00f1os de p\u00e1gina personalizados en WordPress? Beaver Builder le permite crear sus propios dise\u00f1os de p\u00e1gina sin escribir ning\u00fan c\u00f3digo. En este art\u00edculo, revisaremos Beaver Builder y le mostraremos c\u00f3mo crear dise\u00f1os de p\u00e1gina personalizados en WordPress con Beaver Builder. Por qu\u00e9 y cu\u00e1ndo necesita dise\u00f1os de p\u00e1gina personalizadosMuchos temas premium de WordPress vienen con dise\u00f1os de p\u00e1gina listos para usar para diferentes secciones de un sitio web. Sin embargo, a veces un dise\u00f1o integrado puede no satisfacer sus necesidades. Puede crear plantillas de p\u00e1gina personalizadas en WordPress creando un tema secundario y luego agregando sus propias plantillas de p\u00e1gina. Pero necesitar\u00e1 algunos conocimientos de PHP, HTML y CSS para que funcione. Aqu\u00ed es donde entra Beaver Builder. Es un complemento de creaci\u00f3n de p\u00e1ginas de arrastrar y soltar para WordPress. Le ayuda a crear sus propios dise\u00f1os de p\u00e1gina personalizados sin escribir ning\u00fan c\u00f3digo. Revisi\u00f3n del constructor de castoresBeaver Builder es muy f\u00e1cil de usar y amigable para principiantes. Al mismo tiempo, est\u00e1 repleto de funciones incre\u00edbles para crear p\u00e1ginas de aspecto profesional. Funciona con todos los temas de WordPress y tiene toneladas de m\u00f3dulos que puedes arrastrar y soltar en tu p\u00e1gina. Puede crear cualquier tipo de dise\u00f1o que desee y configurarlo tal como lo imagin\u00f3. En esta revisi\u00f3n de Beaver Builder, le mostraremos c\u00f3mo usar Beaver Builder para crear dise\u00f1os de p\u00e1gina personalizados en WordPress.Empecemos. Configuraci\u00f3n del complemento Beaver BuilderPrimero debe comprar el complemento Beaver Builder. Es un complemento pago, con precios que comienzan desde $ 99 para sitios ilimitados. A continuaci\u00f3n, debe instalar y activar el complemento Beaver Builder. Para obtener m\u00e1s detalles, consulte nuestra gu\u00eda paso a paso sobre c\u00f3mo instalar un complemento de WordPress.Tras la activaci\u00f3n, debe visitar Configuraci\u00f3n \u00bb Creador de p\u00e1ginas para ingresar su clave de licencia. Despu\u00e9s de ingresar su clave de licencia, ahora est\u00e1 listo para crear hermosos dise\u00f1os de p\u00e1gina.Creaci\u00f3n de su primer dise\u00f1o de p\u00e1gina personalizado con Beaver BuilderSimplemente cree una nueva p\u00e1gina en WordPress visitando P\u00e1ginas \u00bb Agregar nuevo. Notar\u00e1s una nueva pesta\u00f1a de Page Builder en el editor de WordPress. Haga clic en la pesta\u00f1a ‘Generador de p\u00e1ginas’ para iniciar Beaver Builder. Si es la primera vez que usa Beaver Builder, ver\u00e1 una ventana emergente de bienvenida que le ofrece una visita guiada. En este momento, puede hacer clic en el bot\u00f3n No, gracias para omitir el recorrido. Ya que lo guiaremos a trav\u00e9s de diferentes funciones en esta gu\u00eda, por lo que no necesita el recorrido. Despu\u00e9s de eso, debe hacer clic en el bot\u00f3n Plantillas bot\u00f3n en el men\u00fa superior. Beaver Builder viene con algunas plantillas dise\u00f1adas profesionalmente para que pueda comenzar de inmediato. No te preocupes, puedes personalizar la plantilla tanto como quieras. Es solo una forma r\u00e1pida de comenzar con un dise\u00f1o. Cuando seleccione un dise\u00f1o, Beaver Builder lo cargar\u00e1 en la ventana de vista previa. Lleve el mouse a un elemento y Beaver Builder lo resaltar\u00e1. Simplemente puede hacer clic en el icono de llave inglesa en cualquier elemento resaltado para editarlo. Beaver Builder mostrar\u00e1 una ventana emergente con diferentes configuraciones que puede editar. Puede cambiar el texto, el color, el fondo, la fuente, el relleno, el margen, etc. Tambi\u00e9n puede simplemente hacer clic en un elemento en la vista previa en vivo y arrastrarlo y soltarlo para moverlo por la p\u00e1gina. Los dise\u00f1os de Beaver Builder se basan en filas. Puede arrastrar y soltar para reorganizar las filas. Tambi\u00e9n puede eliminar o agregar una nueva fila. Simplemente haga clic en el Dise\u00f1os de fila men\u00fa y luego seleccione el n\u00famero de columnas que desea en su fila. Beaver Builder agregar\u00e1 la fila a la vista previa en vivo en su sitio. Puede agregar art\u00edculos a su fila usando los m\u00f3dulos y widgets b\u00e1sicos o avanzados. Estos m\u00f3dulos le permiten agregar los elementos m\u00e1s utilizados, como botones, encabezados, texto, im\u00e1genes, presentaciones de diapositivas, audio, video, etc. Simplemente seleccione un elemento y arr\u00e1strelo a la fila que acaba de agregar. Haga clic en un elemento para editar sus propiedades. Tambi\u00e9n puede guardar una fila o un m\u00f3dulo para reutilizarlos m\u00e1s tarde en otras p\u00e1ginas. Haga clic en Guardar como mientras edita una fila o un m\u00f3dulo. Haga clic en el bot\u00f3n Listo cuando haya terminado de editar su p\u00e1gina. Beaver Builder mostrar\u00e1 una ventana emergente con botones para publicar o guardar su p\u00e1gina como borrador. Tambi\u00e9n puede reutilizar un dise\u00f1o de p\u00e1gina completo para otras p\u00e1ginas en su sitio de WordPress. Simplemente abra la p\u00e1gina con Page Builder y luego haga clic en el bot\u00f3n Herramientas en la barra superior. Beaver Builder le mostrar\u00e1 una ventana emergente. Puede guardar la p\u00e1gina como plantilla o crear r\u00e1pidamente una p\u00e1gina duplicada con el mismo dise\u00f1o. Gesti\u00f3n de plantillas de dise\u00f1o de p\u00e1gina en Beaver BuilderCada licencia de Beaver Builder le da derecho a usarla en sitios web ilimitados. Pero, \u00bfc\u00f3mo mueve las plantillas de su p\u00e1gina de un sitio de WordPress a otro? Beaver Builder almacena las plantillas creadas por los usuarios en un tipo de publicaci\u00f3n personalizada llamada plantillas. Est\u00e1 oculto de forma predeterminada, pero puede hacerlo visible yendo a Configuraci\u00f3n \u00bb Creador de p\u00e1ginas y haciendo clic en la pesta\u00f1a Plantillas. Simplemente marque la casilla junto a la opci\u00f3n ‘Habilitar administrador de plantillas’ y haga clic en el bot\u00f3n Guardar configuraci\u00f3n de plantilla. Notar\u00e1 que aparecer\u00e1 un nuevo elemento de men\u00fa llamado Plantillas en su barra de administraci\u00f3n de WordPress. Todos los dise\u00f1os de p\u00e1gina que guarde como plantilla aparecer\u00e1n en esa p\u00e1gina. Dado que es un tipo de publicaci\u00f3n personalizada, puede exportar f\u00e1cilmente sus plantillas de Beaver Builder utilizando la funci\u00f3n de exportaci\u00f3n integrada en WordPress. Visitar Herramientas \u00bb Exportar p\u00e1gina y seleccione Plantillas. Haga clic en el bot\u00f3n ‘Descargar archivo de exportaci\u00f3n’ y WordPress le enviar\u00e1 un archivo XML para que lo descargue. Ahora inicie sesi\u00f3n en el sitio de WordPress donde desea importar las plantillas. Visitar Ajustes \u00bb Importar p\u00e1gina y haga clic en WordPress. Se le pedir\u00e1 que descargue e instale el complemento de importaci\u00f3n de WordPress. Despu\u00e9s de lo cual podr\u00e1 simplemente cargar su archivo xml de plantillas e importarlo. Eso es todo, esperamos que este art\u00edculo lo haya ayudado a crear dise\u00f1os de p\u00e1gina personalizados en WordPress usando Beaver Builder. Tambi\u00e9n puede consultar nuestra gu\u00eda sobre c\u00f3mo ocultar elementos innecesarios del administrador de WordPress con Adminimize. Si te ha gustado este art\u00edculo, suscr\u00edbete a nuestro Canal de Youtube para tutoriales en v\u00eddeo de WordPress. Tambi\u00e9n puedes encontrarnos en Gorjeo y Facebook. "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Plugins","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear dise\u00f1os personalizados de WordPress con Beaver Builder","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-crear-disenos-personalizados-de-wordpress-con-beaver-builder\/#breadcrumbitem"}]}]