{"id":75200,"date":"2024-06-03T14:28:41","date_gmt":"2024-06-03T12:28:41","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=75200&#038;preview=true&#038;preview_id=75200"},"modified":"2024-06-05T09:36:53","modified_gmt":"2024-06-05T07:36:53","slug":"bricks-builder-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/","title":{"rendered":"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva"},"content":{"rendered":"<p>Crear un sitio en WordPress no tiene por qu\u00e9 ser una tarea desalentadora, incluso si eres principiante. Con las herramientas y la orientaci\u00f3n adecuadas, puedes tener r\u00e1pidamente un sitio web atractivo y totalmente funcional.<\/p>\n<p>Esta gu\u00eda te muestra c\u00f3mo crear un sitio de <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-wordpress\/\">WordPress<\/a> utilizando Bricks Builder, un potente creador de temas que ofrece amplias posibilidades de personalizaci\u00f3n sin escribir una sola l\u00ednea de c\u00f3digo.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Visi\u00f3n general de Bricks Builder<\/h2>\n<p><a href=\"https:\/\/bricksbuilder.io\/\">Bricks Builder<\/a> es un constructor de sitios visual que permite a los usuarios crear <a href=\"https:\/\/kinsta.com\/es\/blog\/diseno-de-paginas-web-sensibles\/\">sitios web responsivos<\/a> y personalizados directamente dentro del entorno de WordPress. Est\u00e1 dise\u00f1ado para mejorar la experiencia del usuario, ya que se integra a la perfecci\u00f3n con WordPress, permitiendo a principiantes y <a href=\"https:\/\/kinsta.com\/es\/blog\/tipos-de-desarrolladores\/\">desarrolladores<\/a> experimentados construir sitios web visualmente a trav\u00e9s de una interfaz de arrastrar y soltar.<\/p>\n<p>A diferencia de <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-elementor\/\">Elementor<\/a> y otros constructores de sitios, Bricks es un tema, no un plugin. Incorpora casi todas las funcionalidades, mientras que otros constructores de sitios utilizar\u00edan plugins adicionales.<\/p>\n<p>Cuenta con una experiencia de edici\u00f3n front end en vivo, lo que significa que puedes ver tus cambios en tiempo real mientras ajustas los elementos de dise\u00f1o y la disposici\u00f3n.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-editing-interface-1.png\" alt=\"Interfaz de edici\u00f3n en tiempo real de Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Interfaz de edici\u00f3n en tiempo real de Bricks.<\/figcaption><\/figure>\n<p>Proporciona un completo conjunto de herramientas que incluye plantillas predise\u00f1adas, una amplia gama de elementos de dise\u00f1o y opciones avanzadas de personalizaci\u00f3n para un desarrollo web m\u00e1s detallado.<\/p>\n<p>Adem\u00e1s, Bricks Builder admite datos din\u00e1micos, lo que permite a los usuarios crear f\u00e1cilmente sitios web basados en datos e integrar contenidos din\u00e1micamente en sus plantillas.<\/p>\n<h3>Ventajas de usar Bricks para WordPress<\/h3>\n<p>Bricks Builder destaca por su rendimiento y flexibilidad. Es una alternativa m\u00e1s reciente y robusta que otros constructores, ya que ofrece:<\/p>\n<ul>\n<li><strong>Velocidad<\/strong> \u2014 Bricks es incre\u00edblemente r\u00e1pido y ligero.<\/li>\n<li><strong>Facilidad de uso<\/strong> \u2014 La interfaz es intuitiva, por lo que resulta f\u00e1cil tanto para principiantes como para profesionales.<\/li>\n<li><strong>Personalizaci\u00f3n<\/strong> \u2014 Bricks ofrece una gran capacidad de customizaci\u00f3n mediante CSS y JavaScript personalizados y es compatible con una amplia gama de plugins de WordPress.<\/li>\n<\/ul>\n<h2>C\u00f3mo empezar con Bricks<\/h2>\n<p>Bricks es un tema premium que requiere una suscripci\u00f3n de pago. Para utilizarlo, debes adquirir uno de sus planes. Una vez realizado el pago, puedes descargar un archivo zip desde tu panel de control que puedes subir a tu sitio de WordPress, junto con una clave de licencia que activa Bricks dentro de tu <a href=\"https:\/\/kinsta.com\/es\/blog\/instalar-wordpress-localmente\/\">instalaci\u00f3n de WordPress<\/a>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-dashboard.jpg\" alt=\"Panel de control de Bricks para descargar el tema Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Panel de control de Bricks para descargar el tema Bricks.<\/figcaption><\/figure>\n<p>Tras instalar el tema Bricks, aparecer\u00e1 un nuevo elemento de men\u00fa <strong>Bricks<\/strong> en tu <a href=\"https:\/\/kinsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">panel de control de WordPress<\/a>.<\/p>\n<p>Para activar tu licencia, ve al panel de control, haz clic en <strong>Activar licencia<\/strong>, introduce la clave de licencia de tu cuenta de Bricks y haz clic en <strong>Activar<\/strong>. Esto habilitar\u00e1 la funcionalidad completa del tema Bricks.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-license-1.png\" alt=\"Configura la licencia del tema Bricks para activar el tema.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Configura la licencia del tema Bricks para activar el tema.<\/figcaption><\/figure>\n<p>Si quieres probar Bricks antes de comprometerte a comprarlo, puedes crear una cuenta de prueba en <a href=\"http:\/\/try.bricksbuilder.io\" target=\"_blank\" rel=\"noopener noreferrer\">try.bricksbuilder.io<\/a>. Esta plataforma proporciona acceso a un sitio de WordPress preconfigurado con Bricks instalado, lo que te permite explorar sus funciones y capacidades sin coste inicial.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/welcome-bricks-1.png\" alt=\"Bienvenido a la interfaz del panel de control de Bricks WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bienvenido a la interfaz del panel de control de Bricks WordPress.<\/figcaption><\/figure>\n<h3>C\u00f3mo lanzar el constructor de p\u00e1ginas Bricks<\/h3>\n<p>Para dise\u00f1ar una nueva p\u00e1gina con el constructor de p\u00e1ginas de Bricks, ve a <strong>P\u00e1ginas<\/strong> &gt; <strong>A\u00f1adir Nueva<\/strong> o haz clic en una p\u00e1gina existente. Puedes iniciar el editor de Bricks haciendo clic en <strong>Edit with Bricks<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/launch-bricks.png\" alt=\"Lanza el constructor de p\u00e1ginas Bricks haciendo clic en Editar con Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Lanza el constructor de p\u00e1ginas Bricks haciendo clic en Editar con Bricks.<\/figcaption><\/figure>\n<p>Ahora puedes arrastrar elementos desde el <strong>panel Elementos<\/strong> para dise\u00f1ar tu p\u00e1gina.<\/p>\n<h3>Comprender la interfaz de Bricks<\/h3>\n<p>La interfaz de Bricks ofrece una integraci\u00f3n perfecta con el entorno de WordPress.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-interface-label.png\" alt=\"Etiquetado de la interfaz de Bricks para entender qu\u00e9 significa cada secci\u00f3n\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Etiquetado de la interfaz de Bricks para entender qu\u00e9 significa cada secci\u00f3n<\/figcaption><\/figure>\n<p>Aqu\u00ed tienes un resumen de su interfaz principal:<\/p>\n<ul>\n<li><strong>Espacio de trabajo del constructor<\/strong> \u2014 El \u00e1rea principal de Bricks es el espacio de trabajo del constructor, que es una representaci\u00f3n visual de tu sitio web. Aqu\u00ed puedes interactuar directamente con tus p\u00e1ginas, arrastrando elementos a su lugar, cambiando su tama\u00f1o y reorganizando los componentes.<\/li>\n<li><strong>Barra de herramientas<\/strong> \u2014 En la parte superior del espacio de trabajo, la barra de herramientas proporciona acceso r\u00e1pido a funcionalidades esenciales como guardar tu trabajo, previsualizar tu sitio y acceder al men\u00fa de configuraci\u00f3n y a los controles de respuesta.<\/li>\n<li><strong>Panel de elementos<\/strong> \u2014 En la parte izquierda de la interfaz, el panel de elementos es tu caja de herramientas. Contiene todos los bloques de construcci\u00f3n que puedes utilizar en tu sitio, como cuadros de texto, im\u00e1genes, botones y m\u00e1s. Puedes arrastrar estos elementos desde el panel directamente a tu p\u00e1gina.<\/li>\n<li><strong>Vista de estructura<\/strong> \u2014 A menudo situada junto al panel de elementos o como un conmutador dentro de \u00e9l, la vista de estructura proporciona un esquema jer\u00e1rquico de tu p\u00e1gina. Esta vista es especialmente \u00fatil para comprender la disposici\u00f3n y profundidad de los elementos de tu p\u00e1gina, permiti\u00e9ndote seleccionar y editar f\u00e1cilmente los elementos anidados.<\/li>\n<\/ul>\n<h2>Utilizar fuentes personalizadas en Bricks<\/h2>\n<p>Bricks ofrece la interesante funci\u00f3n de permitirte cargar <a href=\"https:\/\/kinsta.com\/es\/blog\/fuentes-modernas\/\">fuentes<\/a> personalizadas en tu sitio de WordPress. Para ello, ve a <strong>Bricks<\/strong> &gt; <strong>Custom Fonts<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/custom-font-bricks.png\" alt=\"Usar fuentes personalizadas en Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Usar fuentes personalizadas en Bricks.<\/figcaption><\/figure>\n<p>Esta secci\u00f3n te permite subir tus archivos de fuentes en varios formatos, incluyendo WOFF2, WOFF o TTF. Tambi\u00e9n puedes subir distintas variaciones de fuentes, como thin, semi-bold, normal y bold.<\/p>\n<p>Para a\u00f1adir una fuente personalizada, haz clic en <strong>Add new<\/strong>. A continuaci\u00f3n, introduce un nombre para la fuente en el campo <strong>Add title<\/strong>. A continuaci\u00f3n, selecciona la variante de fuente que deseas subir, elige el estilo de fuente y haz clic en <strong>Editar<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/add-font-1.png\" alt=\"A\u00f1ade detalles de la fuente y sube distintas variantes de fuente.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">A\u00f1ade detalles de la fuente y sube distintas variantes de fuente.<\/figcaption><\/figure>\n<p>Aparecer\u00e1 un desplegable con campos para subir el archivo de la fuente. Selecciona tu archivo de fuente y c\u00e1rgalo. Puedes repetir este proceso haciendo clic en <strong>A\u00f1adir una variante de fuente<\/strong> para tantas variantes como sea posible. Por \u00faltimo, haz clic en <strong>Publicar<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/fonts-page-1.png\" alt=\"P\u00e1gina de fuentes personalizadas de Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">P\u00e1gina de fuentes personalizadas de Bricks.<\/figcaption><\/figure>\n<p>Para aplicar tu fuente personalizada reci\u00e9n cargada al texto de tu sitio de WordPress, sigue estos pasos:<\/p>\n<ol start=\"1\">\n<li>Ve a la p\u00e1gina en la que quieras utilizar la nueva fuente y haz clic en <strong>Edit with Bricks<\/strong>.<\/li>\n<li>Haz clic en el texto que quieras cambiar.<\/li>\n<li>Aparecer\u00e1 informaci\u00f3n sobre el texto seleccionado en el panel izquierdo. Haz clic en <strong>STYLE<\/strong>.<\/li>\n<li>Despliega el desplegable <strong>TYPOGRAPHY<\/strong>\u00a0para ver m\u00e1s opciones.<\/li>\n<li>En el campo <strong>Font family<\/strong>, explora las fuentes disponibles, incluidas las fuentes de Google y tus subidas personalizadas.<\/li>\n<li>Selecciona tu fuente personalizada de la lista para actualizar tu texto inmediatamente.<\/li>\n<\/ol>\n<p>Ahora, tu texto se mostrar\u00e1 utilizando tu fuente personalizada, dando a tu p\u00e1gina un toque personalizado.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/use-custom-font-1.png\" alt=\"Utiliza la fuente personalizada de Bricks en la interfaz de Bricks\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Utiliza la fuente personalizada de Bricks en la interfaz de Bricks.<\/figcaption><\/figure>\n<h2>Utilizar plantillas en Bricks<\/h2>\n<p>Las plantillas son una caracter\u00edstica fundamental de Bricks y existen de varios tipos, como cabeceras, pies de p\u00e1gina y dise\u00f1os de entradas de blog. Estas plantillas pueden abarcar desde una sola secci\u00f3n, como la cabecera de un sitio web o una secci\u00f3n principal, hasta contenido de p\u00e1gina completa, como dise\u00f1os de entradas de blog, p\u00e1ginas de archivo, resultados de b\u00fasqueda y p\u00e1ginas de error.<\/p>\n<h3>Crear una plantilla<\/h3>\n<p>Para crear una plantilla:<\/p>\n<ol start=\"1\">\n<li>Ve a <strong>Bricks<\/strong> &gt; <strong>Template<\/strong>\u00a0en tu panel de control.<\/li>\n<li>Elige entre a\u00f1adir una plantilla nueva o importar una existente.<\/li>\n<li>Haz clic en <strong>Add new<\/strong>, selecciona el tipo de plantilla y, a continuaci\u00f3n, elige <strong>Edit with Bricks.<\/strong>\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/new-template.png\" alt=\"Crear una nueva plantilla para tu Bricks Builder.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Crear una nueva plantilla para tu Bricks Builder.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h3>Aplicar plantillas<\/h3>\n<p>Para aplicar una plantilla a una p\u00e1gina<\/p>\n<ol start=\"1\">\n<li>Navega hasta la p\u00e1gina en la que quieras utilizar la plantilla.<\/li>\n<li>Haz clic en el icono <strong>Template<\/strong>\u00a0(carpeta) de la barra de herramientas del constructor para abrir la secci\u00f3n de plantillas.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/apply-template.png\" alt=\"Aplicar plantillas a p\u00e1ginas Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aplicar plantillas a p\u00e1ginas Bricks.<\/figcaption><\/figure><\/li>\n<li>Aqu\u00ed puedes acceder tanto a las plantillas que has creado como a las <a href=\"https:\/\/academy.bricksbuilder.io\/article\/template-library\/\">plantillas de la\u00a0comunidad<\/a>.<\/li>\n<li>Selecciona la plantilla deseada y previsual\u00edzala.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/templates-store.png\" alt=\"Tienda de plantillas Bricks \u2014 contiene plantillas de la comunidad, locales y remotas.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Tienda de plantillas Bricks \u2014 contiene plantillas de la comunidad, locales y remotas.<\/figcaption><\/figure><\/li>\n<li>Finalmente puedes hacer clic en <strong>Insert<\/strong>\u00a0para aplicarla.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/use-template-from-community.png\" alt=\"Elige y utiliza una plantilla comunitaria seleccionada.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Elige y utiliza una plantilla comunitaria seleccionada.<\/figcaption><\/figure><\/li>\n<\/ol>\n<h3>Plantillas remotas<\/h3>\n<p>Las plantillas de Bricks ofrecen capacidades \u00fanicas que no se encuentran en otros creadores de sitios. Por plantillas remotas se entiende plantillas creadas y utilizadas en otros sitios que quieres utilizar en tu sitio.<\/p>\n<p>Para permitir que otros sitios utilicen tus plantillas Bricks, ve a <strong>Bricks<\/strong> &gt; <strong>Settings<\/strong>\u00a0&gt;\u00a0<strong>Template<\/strong> en tu panel de WordPress y activa la casilla de verificaci\u00f3n <strong>My Templates Access<\/strong>.<\/p>\n<p>Utiliza <strong>URL Whitelist<\/strong>\u00a0y la <strong>protecci\u00f3n por contrase\u00f1a<\/strong> para restringir el acceso a las plantillas a las personas que conozcan la contrase\u00f1a correcta.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/remote-templates.png\" alt=\"Permite que otros sitios utilicen tus plantillas Bricks como plantillas Remotas.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Permite que otros sitios utilicen tus plantillas Bricks como plantillas Remotas.<\/figcaption><\/figure>\n<p>Para utilizar plantillas de otros sitios, ve a <strong>Bricks<\/strong> &gt; <strong>Settings<\/strong>\u00a0&gt; <strong>Template<\/strong>, despl\u00e1zate hasta la secci\u00f3n <strong>Remote templates<\/strong> y pega la URL del sitio de Bricks del que quieres recuperar plantillas en el campo Remote template\u00a0<strong>URL<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/Use-remote-templates-1.png\" alt=\"Utilizar plantillas Remotas de otros sitios.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Utilizar plantillas Remotas de otros sitios.<\/figcaption><\/figure>\n<p>Si estableces una contrase\u00f1a, debes asegurarte de escribirla en\u00a0<strong>Password<\/strong> en la secci\u00f3n Remote templates (Plantilla remota). A continuaci\u00f3n, haz clic en <strong>Save Settings.<\/strong><\/p>\n<p>Para utilizar estas plantillas, navega hasta el constructor de p\u00e1ginas y haz clic en <strong>Template<\/strong> como antes; aparecer\u00e1 una nueva secci\u00f3n de <strong>Remote templates<\/strong>\u00a0con todas las plantillas del sitio remoto.<\/p>\n<h2>Utilizar datos din\u00e1micos en Bricks<\/h2>\n<p>Bricks te permite incorporar <a href=\"https:\/\/academy.bricksbuilder.io\/article\/dynamic-data\/\">datos din\u00e1micos<\/a> a tus plantillas y p\u00e1ginas, lo que la convierte en una herramienta vers\u00e1til para construir sitios web din\u00e1micos.<\/p>\n<p>Puedes incluir varios elementos din\u00e1micos, como im\u00e1genes destacadas, t\u00edtulos de entradas, fechas de publicaci\u00f3n, nombres de autores, categor\u00edas, etiquetas, t\u00edtulos de sitios y todos tus campos personalizados.<\/p>\n<p>Los datos din\u00e1micos son especialmente \u00fatiles cuando creas plantillas espec\u00edficas en Bricks, como la plantilla de tu entrada de blog o plantillas para tipos de entrada personalizados, como un listado de una sola propiedad.<\/p>\n<p>Para a\u00f1adir datos din\u00e1micos, empieza a escribir <code>{<\/code> en el lienzo o haz clic en el icono del \u00abengranaje\u00bb junto a la mayor\u00eda de los campos en el panel de configuraci\u00f3n.<\/p>\n<p>A continuaci\u00f3n te explicamos c\u00f3mo crear una plantilla de entrada \u00fanica utilizando datos din\u00e1micos con Bricks:<\/p>\n<ol start=\"1\">\n<li>Ve a <strong>Bricks<\/strong>\u00a0&gt;\u00a0<strong>Template<\/strong> para crear una nueva plantilla. Asigna un t\u00edtulo a tu plantilla, establece su tipo en <strong>Single<\/strong>\u00a0y, a continuaci\u00f3n, <strong>Publ\u00edcala<\/strong> o <strong>Gu\u00e1rdala como borrador<\/strong>.<\/li>\n<li>Haz clic en <strong>Edit with Bricks<\/strong>\u00a0para empezar a configurar tu plantilla para que utilice datos din\u00e1micos.<\/li>\n<li>Dale el estilo que quieras a la p\u00e1gina. Normalmente, te interesar\u00e1 que elementos como el t\u00edtulo de la entrada, la imagen destacada, la fecha de publicaci\u00f3n, el nombre del autor y el contenido de la entrada se muestren din\u00e1micamente.<\/li>\n<li>En un lienzo en blanco, a\u00f1ade un t\u00edtulo y un contenido insertando <code>{post_title}<\/code> en un elemento <strong>Encabezado<\/strong>\u00a0y <code>{post_content}<\/code> en un elemento <strong>Texto b\u00e1sico<\/strong>.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/dynamic-data-1.png\" alt=\"Utilizar datos din\u00e1micos en Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Utilizar datos din\u00e1micos en Bricks.<\/figcaption><\/figure><\/li>\n<\/ol>\n<p>Para establecer esta plantilla como predeterminada para todas las entradas:<\/p>\n<ol start=\"1\">\n<li>Haz clic en el icono de configuraci\u00f3n de la barra de herramientas, ve a\u00a0<strong>Template Settings\u00a0<\/strong>&gt;\u00a0<strong>Conditions<\/strong> y, a continuaci\u00f3n, haz clic en el bot\u00f3n <strong>+ ADD CONDITION<\/strong>.<\/li>\n<li>Selecciona <strong>Tipo de post<\/strong> y especifica <strong>Post<\/strong>.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/default-post-template-1.png\" alt=\"Establece la plantilla como predeterminada para todas los post\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Establece la plantilla como predeterminada para todas los post<\/figcaption><\/figure><\/li>\n<li>Aseg\u00farate de guardar y actualizar la p\u00e1gina de la plantilla en WordPress. A continuaci\u00f3n, navega a la p\u00e1gina <strong>Posts<\/strong>\u00a0para ver cada entrada formateada con la nueva plantilla sin estilos adicionales.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/post-template.png\" alt=\"La plantilla se utiliza para todas las entradas.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">La plantilla se utiliza para todas las entradas.<\/figcaption><\/figure><\/li>\n<\/ol>\n<p>Para simplificar el estilo de esta plantilla, a\u00f1ade una entrada predeterminada para utilizarla como referencia para los elementos din\u00e1micos:<\/p>\n<ol start=\"1\">\n<li>Haz clic en el icono de configuraci\u00f3n de la barra de herramientas y ve a <strong>Template Settings<\/strong> &gt; <strong>POPULATE CONTENT<\/strong>.<\/li>\n<li>Elige <strong>Single post\/page<\/strong> como tipo de contenido y selecciona una publicaci\u00f3n espec\u00edfica como contenido de la plantilla. Si no aparece ninguno, aseg\u00farate de buscar uno y, a continuaci\u00f3n, haz clic en <strong>APPLY PREVIEW<\/strong>.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/defualt-post-1.png\" alt=\"A\u00f1ade un post predeterminado para utilizarlo como referencia para los elementos din\u00e1micos.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">A\u00f1ade un post predeterminado para utilizarlo como referencia para los elementos din\u00e1micos.<\/figcaption><\/figure><\/li>\n<li>Ahora puedes mostrar f\u00e1cilmente elementos como el t\u00edtulo y el contenido de la entrada utilizando la entrada de plantilla seleccionada.\n<p><figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/customize-dynamic-page-1.png\" alt=\"La entrada predeterminada seleccionada se muestra al personalizar la p\u00e1gina con datos din\u00e1micos.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">La entrada predeterminada seleccionada se muestra al personalizar la p\u00e1gina con datos din\u00e1micos.<\/figcaption><\/figure><\/li>\n<\/ol>\n<p>Adem\u00e1s, Bricks admite el uso de contenido de campos personalizados avanzados (ACF), lo que mejora tu capacidad para crear p\u00e1ginas detalladas y personalizadas.<\/p>\n<h2>Gesti\u00f3n de env\u00edos de formularios con Bricks<\/h2>\n<p>La funci\u00f3n de env\u00edo de formularios se introdujo en Bricks 1.9.2 para permitirte capturar los env\u00edos de formularios. Esto te permite crear una tabla personalizada llamada <code>bricks_form_submissions<\/code> en tu base de datos (m\u00e1s el prefijo de tu base de datos WP).<\/p>\n<p>Puedes activar la nueva opci\u00f3n <strong>Guardar env\u00edos de formularios en la base de datos<\/strong> en <strong>Bricks<\/strong> &gt; <strong>Settings<\/strong>\u00a0&gt;\u00a0<strong>General<\/strong>\u00a0&gt;\u00a0<strong>Miscellaneous<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-submissions-bricks.png\" alt=\"Gesti\u00f3n de los env\u00edos de formularios con Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Gesti\u00f3n de los env\u00edos de formularios con Bricks.<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, haz clic en <strong>Save Settings<\/strong>. Aparecer\u00e1 una pesta\u00f1a de Env\u00edos de formularios (<strong>Bricks<\/strong>\u00a0&gt;\u00a0<strong>Form Submissions<\/strong>), que contendr\u00e1 tus distintas tablas de env\u00edos de formularios.<\/p>\n<h3>Recopilaci\u00f3n de env\u00edos de formularios<\/h3>\n<p>Recopilar env\u00edos de formularios en Bricks no requiere un plugin adicional. S\u00f3lo tienes que utilizar el elemento <strong>Form<\/strong>\u00a0para crear un formulario y configurar los campos correctamente.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-element.png\" alt=\"A\u00f1ade el elemento Form a la p\u00e1gina Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">A\u00f1ade el elemento Form a la p\u00e1gina Bricks.<\/figcaption><\/figure>\n<p>En el panel de configuraci\u00f3n, haz clic en <strong>Actions<\/strong> y selecciona la acci\u00f3n <strong>Save Submission<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/save-submission-action.png\" alt=\"Establece la acci\u00f3n Guardar env\u00edo para el elemento Form de Bricks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Establece la acci\u00f3n Guardar env\u00edo para el elemento Form de Bricks.<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, haz clic en <strong>Save Submission<\/strong>\u00a0para dar al formulario un nombre descriptivo. Este nombre se utilizar\u00e1 para acceder a los datos del formulario.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/form-name-1.png\" alt=\"Establece un nombre de formulario descriptivo para la p\u00e1gina Form Submission\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Establece un nombre de formulario descriptivo para la p\u00e1gina Form Submission<\/figcaption><\/figure>\n<p>Ahora, cuando guardes y abras la p\u00e1gina Puedes completar el formulario y luego volver a \u00a0<strong>Bricks<\/strong>\u00a0&gt;\u00a0<strong>Form submission<\/strong>\u00a0para ver los datos del formulario.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-form-submission-page.png\" alt=\"P\u00e1gina de env\u00edo de formularios de Bricks para acceder a todos los formularios y sus datos.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">P\u00e1gina de env\u00edo de formularios de Bricks para acceder a todos los formularios y sus datos.<\/figcaption><\/figure>\n<p>Tambi\u00e9n puedes descargar un archivo CSV de los distintos env\u00edos de formularios. En la secci\u00f3n <strong>Bricks<\/strong>\u00a0&gt;\u00a0<strong>Settings<\/strong>\u00a0&gt;\u00a0<strong>General<\/strong>\u00a0&gt;\u00a0<strong>Miscellaneous<\/strong>, donde configuraste esta funci\u00f3n, puedes restablecer o eliminar la tabla de la base de datos.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/reset-delete-database-table.png\" alt=\"Restablecer o eliminar la tabla de base de datos del formulario.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Restablecer o eliminar la tabla de base de datos del formulario.<\/figcaption><\/figure>\n<h2>Uso de WooCommerce con Bricks<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/tutorial-de-woocommerce\/\">WooCommerce<\/a> es un plugin gratuito que mejora tu sitio WordPress con funciones de comercio electr\u00f3nico. Est\u00e1 mundialmente reconocido como una soluci\u00f3n l\u00edder de <a href=\"https:\/\/kinsta.com\/es\/blog\/codigo-abierto-vs-codigo-propietario\/\">c\u00f3digo abierto<\/a> para crear y gestionar una tienda online.<\/p>\n<p>Bricks se integra perfectamente con WooCommerce, proporcionando un robusto constructor integrado en el tema para crear toda tu tienda, desde la p\u00e1gina principal de la tienda hasta las p\u00e1ginas de productos individuales, archivos de productos, carritos, procesos de pago y p\u00e1ginas de cuentas.<\/p>\n<p>Bricks ofrece elementos especializados y plantillas espec\u00edficas para WooCommerce, que te permiten dise\u00f1ar el aspecto de tu tienda.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/product-elements.png\" alt=\"Elementos de producto en Bricks para sitios web de WooCommerce.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Elementos de producto en Bricks para sitios web de WooCommerce.<\/figcaption><\/figure>\n<p>Para empezar a utilizar el Constructor de WooCommerce en Bricks, instala y activa el plugin de WooCommerce. Una vez activado, puedes utilizar Bricks para dise\u00f1ar y personalizar visualmente varias plantillas de WooCommerce, de forma similar a como gestionar\u00edas los dise\u00f1os de una sola entrada.<\/p>\n<p>Para crear una p\u00e1gina de Tienda sencilla<\/p>\n<ol start=\"1\">\n<li>Ve a <strong>P\u00e1ginas<\/strong> y selecciona la p\u00e1gina <strong>Tienda<\/strong>.<\/li>\n<li>Haz clic en <strong>Edit with Bricks<\/strong>. El panel Elementos contiene varios elementos de producto. \u00c9stos te permiten mostrar productos, t\u00edtulos, descripciones, precios y mucho m\u00e1s, facilitando la creaci\u00f3n din\u00e1mica de plantillas.\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/bricks-wocommerce.png\" alt=\"Usar WooCommerce con Bricks Builder.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Usar WooCommerce con Bricks Builder.<\/figcaption><\/figure>\n<p>Utilizando estos elementos, puedes organizar y dar estilo a tu p\u00e1gina como desees.<\/li>\n<\/ol>\n<p>Al igual que creas una plantilla de entrada \u00fanica, puedes crear una plantilla de producto \u00fanico y establecer sus condiciones para que funcione con todos los productos.<\/p>\n<h2>Bucles de consulta en Bricks<\/h2>\n<p>El constructor de bucles de consulta te permite consultar tu base de datos seg\u00fan tus par\u00e1metros de consulta y muestra los resultados de la consulta que quieras mostrar dentro del bucle. Se puede utilizar en elementos de dise\u00f1o como contenedores, Acordeones y Deslizadores.<\/p>\n<p>Puedes consultar tipos de entradas, t\u00e9rminos taxon\u00f3micos y usuarios. Por ejemplo, puedes consultar una lista de autores del blog, miembros de la comunidad y miembros del equipo.<\/p>\n<p>Para utilizar el bucle de consulta, a\u00f1ade un elemento Contenedor al lienzo. Activa el ajuste <strong>Use Query Loop<\/strong>\u00a0para convertir tu contenedor en un elemento de bucle.<\/p>\n<p>Una vez que hayas activado el ajuste <strong>Use Query Loop<\/strong>, ver\u00e1s un control Consulta (icono de infinito). Haz clic en el icono para abrir el control de consulta y establecer los par\u00e1metros de consulta para recuperar el contenido de tu base de datos.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/query-loops-1.png\" alt=\"Uso de bucles de consulta en el elemento contenedor Bricks para post.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Uso de bucles de consulta en el elemento contenedor Bricks para post.<\/figcaption><\/figure>\n<p>El contenedor sirve ahora como tu elemento repetidor. Todos los elementos dentro de este contenedor se repiten tantas veces como resultados de consulta haya. <a href=\"https:\/\/academy.bricksbuilder.io\/article\/query-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Esta gu\u00eda de la academia<\/a> explica c\u00f3mo funciona.<\/p>\n<h2>Precios de Bricks<\/h2>\n<p>Bricks no tiene un plan gratuito. S\u00f3lo permiten <a href=\"https:\/\/try.bricksbuilder.io\/\">crear una cuenta<\/a> para que pruebes su tema, pero no puedes utilizarlo para tu sitio a menos que pagues.<\/p>\n<p>Bricks ofrece <a href=\"https:\/\/bricksbuilder.io\/pricing\/\">planes b\u00e1sicos y un plan de por vida<\/a>. El plan de por vida ofrece privilegios ilimitados, pero t\u00fa decides lo que quieres.<\/p>\n<p>Ofrecen la comodidad de tener casi todo lo que necesitas dentro de la plataforma, lo que contribuye a un flujo de trabajo fluido y eficaz y lo convierte en una inversi\u00f3n que merece la pena para quienes buscan una soluci\u00f3n de dise\u00f1o web robusta y vers\u00e1til.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/biricks-pricing-1.png\" alt=\"Estructura de precios de Bricks Builder.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Estructura de precios de Bricks Builder.<\/figcaption><\/figure>\n<h2>Review de Bricks: \u00bfMerece la pena probarlo?<\/h2>\n<p>Un posible inconveniente es que Bricks no ofrece una versi\u00f3n gratuita, a diferencia de Elementor. Sin embargo, Bricks Builder ha ido ganando atenci\u00f3n en el sector por su mezcla de sencillez y potentes funcionalidades.<\/p>\n<p>Una <a href=\"https:\/\/theadminbar.com\/2024-survey\/\" target=\"_blank\" rel=\"noopener noreferrer\">encuesta realizada en 2024<\/a> por The Admin Bar a 1.144 profesionales de WordPress dice que \u00abBricks fue el \u00fanico constructor de p\u00e1ginas que aument\u00f3 sus cifras respecto al a\u00f1o pasado, con un 32% del total\u00bb con la siguiente tabla:<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/05\/admin-bar-page-builder-statistics-1.png\" alt=\"Una estad\u00edstica de Admin Bar 2024 muestra los creadores de p\u00e1ginas que utilizan actualmente los mejores profesionales de WordPress\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Estad\u00edsticas de los page builders m\u00e1s utilizados por los profesionales de WordPress.<\/figcaption><\/figure>\n<p>Esto demuestra que muchos profesionales de WordPress lo est\u00e1n adoptando a pesar de que todav\u00eda es relativamente nuevo en el mercado.<\/p>\n<p>Bricks funciona como un tema completo. Esto significa que no puedes mezclar y combinar funciones de otros temas con su constructor de p\u00e1ginas. Adem\u00e1s, en t\u00e9rminos de velocidad, como constructor de p\u00e1ginas m\u00e1s reciente dise\u00f1ado para sitios web de alto rendimiento, Bricks Builder tiene fama de ser m\u00e1s r\u00e1pido que Elementor Pro.<\/p>\n<p>Utilizar un constructor de p\u00e1ginas dise\u00f1ado s\u00f3lo para la velocidad no puede garantizar el mejor rendimiento. Independientemente del tipo de sitio web que est\u00e9s construyendo, tu proveedor de alojamiento desempe\u00f1a un papel crucial en su rendimiento.<\/p>\n<p>En Kinsta, somos conocidos por ofrecer <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">Alojamiento de WordPress premium<\/a> con docenas de funciones premium. \u00a1Presumimos de ello!<\/p>\n<p>Funcionamos con una arquitectura totalmente en contenedores impulsada exclusivamente por <a href=\"https:\/\/kinsta.com\/es\/blog\/plataforma-en-la-nube-para-desarrolladores\/\">Google Cloud Platform<\/a> en la red de Nivel Premium de Google. Esto nos permite ofrecerte una amplia selecci\u00f3n de los servidores de datos m\u00e1s r\u00e1pidos, un rendimiento incre\u00edble, almacenamiento en cach\u00e9 a nivel de servidor, recursos dedicados y seguridad mejorada.<\/p>\n<p>Echa un <a href=\"https:\/\/kinsta.com\/es\/clientes\/\">vistazo a lo que dicen nuestros clientes<\/a>, o <a href=\"https:\/\/kinsta.com\/es\/contactar\/\">ponte en contacto con nosotros<\/a> para saber m\u00e1s sobre nuestra soluci\u00f3n de alojamiento gestionado y c\u00f3mo destaca.<\/p>\n<h2>Resumen<\/h2>\n<p>Este art\u00edculo ha explorado Bricks Builder, su funcionamiento, algunas de sus funciones y c\u00f3mo utilizarlas. Hemos examinado su enfoque integral basado en temas, sus posibilidades de personalizaci\u00f3n y sus ventajas de rendimiento.<\/p>\n<p>Aunque Bricks carece de una versi\u00f3n gratuita como Elementor, su dise\u00f1o integrado y sus frecuentes actualizaciones pueden proporcionar una eficacia superior para optimizar el rendimiento de tu sitio web.<\/p>\n<p><em>\u00bfTienes alguna pregunta sobre c\u00f3mo utilizar el constructor de temas Bricks de WordPress? \u00a1H\u00e1znoslo saber en la secci\u00f3n de comentarios m\u00e1s abajo!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crear un sitio en WordPress no tiene por qu\u00e9 ser una tarea desalentadora, incluso si eres principiante. Con las herramientas y la orientaci\u00f3n adecuadas, puedes tener &#8230;<\/p>\n","protected":false},"author":287,"featured_media":75201,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345,1334,1355],"class_list":["post-75200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-wordpress","topic-diseno-web","topic-temas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo crear un sitio WordPress con Bricks Builder - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva\" \/>\n<meta property=\"og:description\" content=\"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-03T12:28:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-05T07:36:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5-1024x512.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva\",\"datePublished\":\"2024-06-03T12:28:41+00:00\",\"dateModified\":\"2024-06-05T07:36:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\"},\"wordCount\":3685,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\",\"name\":\"C\u00f3mo crear un sitio WordPress con Bricks Builder - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg\",\"datePublished\":\"2024-06-03T12:28:41+00:00\",\"dateModified\":\"2024-06-05T07:36:53+00:00\",\"description\":\"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un sitio WordPress con Bricks Builder - Kinsta\u00ae","description":"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva","og_description":"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.","og_url":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2024-06-03T12:28:41+00:00","article_modified_time":"2024-06-05T07:36:53+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-4.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5-1024x512.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Joel Olawanle","Tiempo de lectura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva","datePublished":"2024-06-03T12:28:41+00:00","dateModified":"2024-06-05T07:36:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/"},"wordCount":3685,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/","url":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/","name":"C\u00f3mo crear un sitio WordPress con Bricks Builder - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg","datePublished":"2024-06-03T12:28:41+00:00","dateModified":"2024-06-05T07:36:53+00:00","description":"Esta gu\u00eda te muestra c\u00f3mo construir un sitio WordPress utilizando Bricks Builder y c\u00f3mo personalizarlo sin escribir una sola l\u00ednea de c\u00f3digo.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wp-how-to-create-a-wordpress-site-using-bricks-the-ultimate-guide-5.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo crear un sitio de WordPress con Bricks Builder: la gu\u00eda definitiva"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/75200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=75200"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/75200\/revisions"}],"predecessor-version":[{"id":75334,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/75200\/revisions\/75334"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/75200\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/75201"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=75200"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=75200"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=75200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}