Con WordPress 5.8 que se puso en marcha el 20 de julio de 2021, WordPress finalmente introdujo los patrones de bloques de WordPress a los usuarios habituales.

Los patrones de bloques de WordPress proporcionan las plantillas de diseño que los usuarios pueden emplear y crear páginas web sobre la marcha sin experiencia previa en diseño o codificación.

Veamos cómo puedes usar el directorio de patrones de bloques para construir tu sitio web.

Lea para obtener más información.

Patrones de bloques de WordPress 101

Navegando por el directorio de patrones de bloques de WordPress

Cómo usar el patrón de bloques de WordPress

Directorio de patrones de bloques: utilizándolo de manera efectiva

Directorio de patrones de bloques: Actualizaciones

Reflexiones finales: Directorio de patrones de bloques de WordPress: lo que necesita saber

Patrones de bloques de WordPress 101

Los patrones de bloques de WordPress se refieren a diseños preestablecidos de diferentes bloques. En lugar de desarrollar un diseño complejo usted mismo, puede buscar un patrón de bloque de WordPress relevante y seleccionar uno que se adapte a sus necesidades.

Una vez que tenga un patrón de bloque relevante, puede personalizarlo de acuerdo con sus requisitos.

En el momento de escribir este artículo, puede encontrar patrones de bloques de las siguientes categorías:

  • Columnas
  • Encabezados
  • Galerías
  • Imágenes
  • Mensaje de texto
  • Botones

Si quieres añadir un encabezado creativo, puedes utilizar un patrón de bloque de la categoría Encabezados . Para agregar botones de redes sociales, puede consultar los patrones de bloqueo en Botones. Del mismo modo, puede utilizar patrones de bloques de otras categorías según sus necesidades de diseño.

WordPress proporciona un directorio de patrones de bloques en WordPress.org, similar a las bases de datos para plugins y temas. Contiene patrones de bloques de múltiples categorías.

Puede navegar por eso y buscar un patrón de bloque relevante que se adapte a sus necesidades.

Directorio de patrones de bloques
Captura de pantalla

Alternativamente, también puedes utilizar el editor de Gutenberg. Puede encontrar el directorio de patrones de bloques abriendo el insertador de bloques.

Directorio de patrones de bloques en el editor de Gutenberg
Fuente

Cómo usar el patrón de bloques de WordPress

Puedes utilizar el patrón de bloques de WordPress para diseñar una página web de la siguiente manera:

  1. Selección de un diseño: Acceda al directorio de patrones de bloques a través del editor WordPress.org o Gutenberg. De las múltiples categorías, opte por una categoría relevante y luego seleccione el diseño deseado.
  2. Transferencia del diseño: Puedes transferir el diseño a tu editor de WordPress de la siguiente manera:
  • Haga clic en Copiar en la parte inferior derecha del diseño seleccionado y presione Ctrl (Cmd) + V en el editor de WordPress (si usa WordPress.org directorio)
  • Hacer clic en el diseño seleccionado (si se utiliza el directorio de patrones de bloques incorporado en el editor de Gutenberg)
Copiar un diseño desde un directorio de patrones de bloques
Captura de pantalla
  • Personalización del patrón de bloques: Una vez que hayas insertado el patrón de bloques, puedes editarlo y personalizarlo a tu gusto.

Directorio de patrones de bloques: utilizándolo de manera efectiva

El impulsor principal detrás del directorio de patrones de bloques es la accesibilidad. Sigue el objetivo de WordPress de hacer que el desarrollo de sitios web sea fácil y sencillo para todos.

Con el directorio de patrones de bloques, los usuarios no expertos en tecnología también pueden crear páginas web atractivas y funcionales.

Aún así, ¿cómo usarlo de manera efectiva?

Para ello, busca oportunidades en las que puedas utilizar una plantilla de diseño:

  • En el caso de los blogs de elementos visuales (preparación de café, juegos y cocina), puedes encontrar un diseño relevante en la categoría de imagen y encabezado.
  • Para la literatura, los diseños de texto pueden ser valiosos.
  • En el caso de los botones de llamada a la acción (CTA), puedes utilizar la categoría de botones.

Una vez que tengas la plantilla de diseño adecuada, puedes personalizarla utilizando el editor de WordPress.

Puede reemplazar el texto y las fotos del marcador de posición por el texto y las fotos. Además, es posible que deba cambiar las dimensiones y ajustar la combinación de colores de acuerdo con el diseño de su marca.

Directorio de patrones de bloques: Actualizaciones

Cuando se lanzó, el directorio de patrones de bloques solo estaba disponible en inglés. Desde entonces, el equipo de WordPress lo ha atendido para el público internacional y ha ampliado la cobertura lingüística a 12 idiomas.

Además, en este momento, el directorio de patrones de bloques contiene solo los patrones de WordPress. En una actualización futura, podrá agregar sus patrones directamente al directorio para otros miembros de la comunidad.

Patrones de bloqueo de diferentes usuarios de la comunidad

Reflexiones finales: Directorio de patrones de bloques de WordPress: lo que necesita saber

Los patrones de bloques de WordPress mejoran la experiencia de desarrollo web tanto para principiantes como para expertos. Los principiantes pueden usar los patrones para diseñar páginas web ellos mismos, mientras que los expertos pueden hacer lo mismo para acelerar su trabajo.

Con los patrones de bloques de WordPress, WordPress avanza en su búsqueda de brindar a todos las mismas oportunidades para crear y administrar su sitio web.

¿Quieres crear tu sitio web? Echa un vistazo a los mejores planes de alojamiento de WordPress de Bluehost hoy.

  • Devin es Gerente Senior de Marketing de Eventos de la marca Bluehost. Es nuestro administrador de marca para todo lo relacionado con Bluehost y WordPress. ¡Siempre lo verás apoyando a Bluehost en WordCamps de todo el mundo!

Más información sobre Directrices editoriales de Bluehost

Longest running WordPress.org recommended host.

Save up to 75% on hosting for WordPress websites and online stores. Try risk-free with our 30-day money-back guarantee.

Escribir un comentario

Up to 61% off on hosting for WordPress websites and online stores