Cómo usar las plantillas de bloques de WordPress

Using block patterns in WordPress

¿Quiere aprender a usar plantillas de bloques de WordPress en su sitio web?

Los modelos de bloques le permiten agregar rápidamente elementos de diseño de uso frecuente a los diseños de una publicación o página.

En este artículo, le mostraremos cómo usar las plantillas de bloques de WordPress y encontraremos más modelos para usar en su sitio web.

Usando modelos de bloques en WordPress

Estos son los temas que cubriremos en esta guía.

¿Qué son las plantillas de bloques de WordPress?

Las plantillas de bloques de WordPress son una colección de elementos de diseño prefabricados que lo ayudan a crear diseños de contenido personalizados más rápido.

WordPress viene con un editor intuitivo conocido como editor de bloques. Permite a los usuarios crear hermosos diseños para sus publicaciones y páginas utilizando bloques para elementos de contenido comunes.

Editor de bloques de WordPress

Sin embargo, no todos los usuarios de WordPress son diseñadores o quieren tomarse el tiempo para crear diseños cada vez que necesitan crear una publicación o una página.

Los modelos de bloques ofrecen una solución simple a este problema. WordPress ahora viene con una serie de útiles modelos de bloques predeterminados.

Modelo de bloques en WordPress

Los temas populares de WordPress también proporcionan sus propias plantillas que puede usar al escribir contenido.

Estos modelos incluyen elementos como diseños de varias columnas prediseñados, modelos de medios y texto, plantillas de llamado a la acción, encabezados, botones y más.

Puede encontrar aún más modelos en WordPress.org e incluso puede crear y compartir sus propios modelos.

Veamos cómo puede usar fácilmente patrones de bloques en WordPress para crear contenido atractivo para su sitio web.

Cómo usar modelos de bloques en WordPress

De forma predeterminada, WordPress viene con una serie de modelos de bloques útiles que puede usar en su sitio web. Su tema de WordPress y algunos complementos también pueden agregar sus propios patrones.

Para usar plantillas de bloque, debe editar la publicación o la página de WordPress donde desea usar la plantilla de bloque.

En la pantalla Después de editar, haga clic en el botón Agregar bloque para abrir la herramienta Insertar bloque. Desde aquí, cambie a la pestaña Modelos para ver los modelos de bloques disponibles.

Agregar un modelo de bloque

Puede desplazarse hacia abajo para ver los modelos de bloques disponibles.

También puede ver modelos de bloques en diferentes categorías, como Destacados, Botones, Columnas, Encabezados y más.

Ordenar modelos de bloques por categoría

Alternativamente, también puede hacer clic en el botón Explorar para ver modelos de bloques.

Aquí puede ver vistas previas más grandes en una ventana emergente.

Visualización de un modelo de bloques

Una vez que encuentre una plantilla que desee probar, simplemente puede hacer clic en ella para colocarla en el área de contenido de su publicación o página.

Editar modelo de bloque

A continuación, puede simplemente señalar y hacer clic en cada bloque de la plantilla para editar su contenido y personalizarlo según sus propias necesidades.

Todavía tienes todas las opciones que normalmente tienes para cada bloque. Por ejemplo, si se trata de un bloque de portada, puede cambiar el color de la portada o la imagen de fondo.

Puede agregar tantas plantillas como necesite para su publicación o página de blog. También puede simplemente eliminar una plantilla para eliminarla de una publicación o página, tal como eliminaría cualquier bloque de WordPress.

Retire el bloque de la cubierta

Con la ayuda de las plantillas de bloques, puede crear rápidamente hermosos diseños para sus artículos y su sitio de WordPress.

Finalmente, los modelos de bloques lo ayudan a ahorrar tiempo que de otro modo se gastaría organizando manualmente los bloques cada vez que necesita agregar un título, una galería, botones y más.

Encuentre más modelos de bloques para usar en su sitio

Por defecto, WordPress viene con algunos bloques de uso común modelos Los temas de WordPress también pueden agregar sus propios patrones a su sitio.

Sin embargo, puede encontrar muchas más plantillas de bloques que las disponibles en la herramienta de inserción de bloques en su sitio.

solo ve a Directorio de plantillas de WordPress Sitio web para ver muchos más modelos de bloques.

directorio con plantillas de bloques

Aquí hay muchos más modelos de bloques presentados por la comunidad de WordPress.

Para usar cualquiera de estas plantillas de bloque, simplemente pase el mouse sobre la plantilla de bloque y haga clic en el botón Copiar.

Copiar una plantilla a un bloque

Luego, debe volver a su blog de WordPress y editar la publicación o la página donde desea colocar este modelo en el bloque.

En la pantalla de posprocesamiento, simplemente haga clic con el botón derecho y seleccione Pegar en el menú del navegador o presione CTRL + V (Mac Command + V).

Insertar una plantilla de bloque

Cómo crear y compartir sus propios modelos de bloques

¿Quiere crear y compartir sus propias plantillas de bloques de WordPress y compartirlas con el mundo?

WordPress facilita la creación de modelos de bloques y usarlos en sus propios sitios web o compartirlos con todos los usuarios de WordPress en todo el mundo.

Simplemente visite el sitio web del directorio de patrones de WordPress y haga clic en el enlace "Crear una nueva plantilla".

Crear un modelo de bloques

Nota: Debe iniciar sesión o crear una cuenta gratuita de WordPress.org para guardar sus plantillas.

Una vez que haya iniciado sesión, accederá a la página del Editor de plantillas de bloques. Es idéntico al editor de bloques predeterminado de WordPress y puede usarlo para crear su propia plantilla.

Creador de plantillas de bloques.

Simplemente agregue bloques para crear su diseño de plantilla.

Puede usar bloques de diseño como grupo, portada, galería y más para organizar su diseño.

Editar diseño de plantilla de bloque

Las imágenes libres de regalías también están disponibles para usar en sus bloques de medios. La biblioteca de medios de WordPress le permite encontrar y usar fácilmente estas imágenes en sus modelos.

Cuando esté satisfecho con su modelo de bloques, puede guardarlo como borrador o enviarlo al repositorio de plantillas.

Antes de que pueda enviar su modelo de bloques al directorio de plantillas, asegúrese de leer Block Ejemplo de instrucciones de directorio.

Puede administrar todos sus modelos de bloques haciendo clic en el enlace Mis modelos. Muestra todas las plantillas de bloques que ha compartido, los patrones de borrador y los patrones que ha preferido.

tus modelos

Si desea crear plantillas de bloque para su propio uso exclusivo, puede guardarlas como borradores. Luego puede simplemente copiarlos y pegarlos desde la página Mis modelos de su sitio web de WordPress.

Crear manualmente plantillas para bloques de WordPress

También puede crear manualmente plantillas de bloques y agregarlas a su tema de WordPress o complemento de fragmento personalizado.

Simplemente cree una nueva publicación o página en WordPress. Utilice bloques en el área de contenido para crear un diseño personalizado o una colección de bloques que desee guardar como plantilla.

Cambiar al editor de código

Luego cambie al modo de editor de código y copie todo lo que ve en el editor de código.

Copiar bloques de código sin formato

Luego abra un editor de texto simple como el Bloc de notas y pegue este código allí. Lo necesitará en el siguiente paso.

Ahora puede registrar sus bloques como plantilla.

Para hacer esto, simplemente copie y pegue el siguiente código en el archivo functions.php de su tema o en un complemento específico del sitio.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Ahora copie y pegue los datos de bloque sin procesar previamente copiados como el valor para el parámetro de contenido. En otras palabras, debe reemplazar el texto "su código de contenido de bloque va aquí" con su código de bloque. Asegúrese de dejar comillas simples alrededor del texto en su lugar.

Finalmente, asegúrese de cambiar el título y la descripción por su cuenta y guarde los cambios.

Ahora puede visitar, editar y publicar su sitio web o página. Ahora puede ver su modelo de bloque recién registrado en el bloque de inserción.

Agregue un modelo de bloque personalizado a su publicación

Eliminar un modelo de bloque en WordPress

Puede eliminar o cancelar el registro fácilmente de cualquier modelo de bloque en WordPress. Suponga que desea eliminar la plantilla de bloque que creó en el ejemplo anterior.

Todo lo que tiene que hacer es copiar y pegar el siguiente código en el archivo functions.php de su tema o en un complemento específico del sitio.

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

En este ejemplo 'my-plugin/my-awesome-pattern' es el nombre de la plantilla que usamos para el registro.

Puede usar este código para cancelar cualquier patrón de bloque creado por su tema o complemento. Todo lo que necesita saber es el nombre utilizado para registrar la plantilla.

Eliminar la plantilla básica de WordPress

Las plantillas básicas de WordPress están disponibles para todos los usuarios de WordPress. Esto significa que pueden usarse en exceso y ni siquiera coincidir con el resto de su tema de WordPress.

Si no desea utilizar una plantilla, simplemente puede evitar agregarla a su contenido. Sin embargo, si usa un sitio de WordPress con varios autores, es posible que desee evitar que todos los usuarios usen estos modelos básicos.

Para eliminar todas las plantillas básicas de WordPress, debe agregar el siguiente código al archivo de funciones de su tema o a un complemento específico del sitio.

remove_theme_support( 'core-block-patterns' );

¿Cuál es la diferencia entre bloques reutilizables y plantillas de bloques?

Los modelos de bloques y los bloques reutilizables tienen como objetivo resolver un problema similar: brindan a los usuarios opciones para agregar fácilmente bloques de uso frecuente.

Sin embargo, son muy diferentes entre sí.

Por ejemplo, los bloques reutilizables se pueden editar y guardar directamente en el editor de publicaciones, pero no son tan flexibles como las plantillas de bloques.

La gran diferencia es que si realiza un cambio en un bloque reutilizable, el bloque se cambiará en cada publicación o página en la que lo haya utilizado.

Bloque reutilizable en WordPress

Consulte nuestro tutorial sobre el uso de bloques reutilizables en WordPress para obtener más detalles.

Por otro lado, si inserta y edita una plantilla, estos cambios solo se aplican a la publicación o página donde agregó esa plantilla.

Los modelos de bloque también se pueden registrar desde su tema de WordPress o complementos como complementos de bloque. De esta manera, estos desarrolladores pueden ofrecerle muchas más opciones de diseño para crear el diseño de su publicación y página.

Esperamos que esta guía le haya ayudado a aprender a usar las plantillas de bloques de WordPress en su sitio web. También puede leer nuestra guía para elegir el mejor software de diseño web o nuestras selecciones de expertos para los mejores servicios de marketing por correo electrónico para pequeñas empresas.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

Deja una respuesta

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

Subir