use wp block patterns og Cómo usar los patrones de bloques de WordPress

Cómo usar los patrones de bloques de WordPress

¿Quiere memorizar a usar los patrones de bloques de WordPress en su sitio web?

Los patrones de piedra le permiten pegar rápidamente rudimentos de diseño de uso popular a sus publicaciones o diseños de página.

En este artículo, le mostraremos cómo usar los patrones de soledad de WordPress y encontrar más patrones para usar en su sitio web.

Uso de patrones de bloques en WordPress

Estos son los temas que tratamos en esta prontuario.

¿Qué son los patrones de piedra de WordPress?

Los patrones de bloques de WordPress son una colección de rudimentos de diseño preconstruidos que puede usar para crear diseños de contenido personalizados más rápido.

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

Editor de bloques de WordPress

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

Los patrones de bloques proporcionan una decisión liviana a ese problema. WordPress ahora viene de serie con algunos patrones de bloques efectos.

Patrones de bloques en WordPress

Los temas populares de WordPress además ofrecen sus propios patrones que puede usar al escribir contenido.

Estos patrones incluyen rudimentos como diseños de varias columnas listos para usar, patrones de medios y texto, patrones de emplazamiento a la argumento, encabezados, recadero y más.

Puede encontrar aún más patrones en el sitio web de WordPress.org e incluso puede crear y compartir sus propios patrones.

Dicho esto, echemos un vistazo a cómo puede usar fácilmente patrones de bloques en WordPress para crear contenido hermoso para su sitio web.

Uso de patrones de bloques en WordPress

WordPress viene de serie con una serie de patrones de piedra efectos que puede usar en su sitio web. Su tema de WordPress y algunos complementos además pueden pegar sus propios patrones.

Para usar patrones de piedra, debe editar la publicación o página de WordPress donde desea usar el patrón de piedra.

En la pantalla de estampación de publicaciones, haga clic en el pimpollo Sumar piedra para aclarar el insertador de bloques. Desde aquí, vaya a la pestaña Patrones para ver los patrones de bloques disponibles.

Agregar patrón de bloques

Puede desplazarse cerca de debajo para ver los patrones de bloques disponibles.

Todavía puede ver patrones de bloques en diferentes categorías, como destacados, recadero, columnas, encabezado y más.

Ordenar patrones de bloques por categoría

Alternativamente, además puede hacer clic en el pimpollo Explorar para ver patrones de bloques.

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

Ejemplo de patrones de bloque

Una vez que haya antagónico un patrón que le gustaría probar, simplemente haga clic para insertarlo en el ámbito de contenido de su publicación o página.

Editar patrón de bloque

Luego puede simplemente apuntar y hacer clic en cualquier piedra en el patrón para editar y cambiar su contenido a su elegancia.

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

Puede pegar tantos patrones como necesite para su publicación o página de blog. Todavía puede simplemente eliminar un patrón para eliminarlo de una publicación o página, al igual que eliminaría un piedra de WordPress.

Retire el bloque de la cubierta

Mediante el uso de patrones de bloques, puede crear rápidamente hermosos diseños para sus artículos y su sitio de WordPress.

En última instancia, los patrones de bloques lo ayudan a reservar tiempo que, de otro modo, dedicaría a organizar manualmente los bloques cada vez que necesita pegar un encabezado, una recinto, recadero y más.

Encuentre más patrones de bloques para usar en su sitio web

WordPress viene con algunos patrones de bloques de uso popular de forma predeterminada. Los temas de WordPress además pueden pegar sus propios patrones a su sitio web.

Sin confiscación, puede encontrar muchos más patrones de bloques que los disponibles en el insertador de bloques de su sitio web.

Solo ve a la Directorio de patrones de WordPress sitio web para ver muchos más patrones de bloques.

carpeta de patrón de bloque

Aquí encontrará muchos más patrones de bloques enviados por la comunidad de WordPress.

Para usar uno de estos patrones de bloques, coloque el mouse sobre el patrón de bloques y haga clic en el pimpollo Copiar.

Copiar patrón de bloque

A continuación, debe retornar a su blog de WordPress y editar la publicación o página donde desea insertar este patrón de piedra.

En la pantalla de estampación de mensajes, haga clic con el pimpollo derecho y seleccione Pegar en el menú del navegador o presione CTRL+V (Comando + V en Mac).

pegar patrón de bloque

Cómo crear y compartir tus propios patrones de bloques

¿Quiere crear y compartir sus propios patrones de bloques de WordPress y compartirlos con el mundo?

WordPress hace que sea muy liviana crear patrones de bloques y usarlos en sus propios sitios web o compartirlos con todos los usuarios de WordPress de todo el mundo.

Vaya al sitio web del directorio de patrones de WordPress y haga clic en el enlace ‘Crear nuevo patrón’.

Crear patrón de bloques

Observación: Debe iniciar sesión o crear una cuenta gratuita de WordPress.org para acomodar sus patrones.

Posteriormente de iniciar sesión, accederá a la página de estampación de patrones de bloques. Es idéntico al editor de bloques unificado de WordPress y puede usarlo para crear su patrón.

Creador de patrones de bloques

Simplemente agregue bloques para crear su diseño de patrón.

Puede usar bloques de diseño como congregación, portada, recinto y más para organizar su diseño.

Editar diseño de patrón de bloques

Las imágenes libres de regalías además están disponibles para usar en sus bloques de medios. La biblioteca de medios de WordPress facilita la búsqueda y el uso de estas imágenes en sus patrones.

Cuando esté satisfecho con su patrón de bloques, puede guardarlo como goma o enviarlo a la carpeta de patrones.

save submit pattern Cómo usar los patrones de bloques de WordPress

Antaño de que pueda mandar su patrón de bloques a la carpeta de patrones, asegúrese de tener block . han culto pautas de la carpeta de patrones

Puede establecer todos sus patrones de bloques haciendo clic en el enlace Mis patrones. Muestra todos los patrones de bloques que ha compartido, los patrones de diseño y los patrones que ha traumatizado como favoritos.

tus patrones

Si solo desea crear patrones de bloques para su propio uso, puede guardarlos como borradores. Posteriormente de eso, simplemente puede copiarlos y pegarlos desde la página Mis patrones en su sitio web de WordPress.

Crear manualmente patrones de bloques de WordPress

Todavía puede crear manualmente patrones de bloques y agregarlos a su tema de WordPress o complemento de fragmento personalizado.

Cree fácilmente una nueva publicación o página en WordPress. En el ámbito de contenido, use bloques para crear un diseño personalizado o una colección de bloques para acomodar como patrón.

Cambiar al editor de código

Posteriormente de eso, cambie al modo de editor de código y copie todo el contenido que ve en el editor de código.

Copiar bloques de código sin formato

Luego rada un editor de texto sin formato como el Bloc de notas y pegue ese código en él. Lo necesitará en el venidero paso.

Ahora está sagaz para registrar sus bloques como un patrón.

Para hacer eso, simplemente copie y pegue el venidero código en el archivo function.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 bloques sin procesar que copió anteriormente como el valía del parámetro de contenido. En otras palabras, debe reemplazar el texto «Su código de contenido de piedra va aquí» con su código de piedra. Asegúrese de dejar las comillas simples más o menos del texto en su punto.

Finalmente, no olvide cambiar el título y la descripción por su propio título y descripción y acomodar los cambios.

Ahora puede pasarse y editar su sitio web y publicación o página. Ahora puede ver su patrón de bloques recién registrado en el insertador de bloques.

Agregue un patrón de bloque personalizado a su mensaje

Eliminar un patrón de piedra en WordPress

Puede eliminar o suprimir la suscripción fácilmente a cualquier patrón de soledad en WordPress. Suponga que desea eliminar el patrón de bloques que creó en el ejemplo precursor.

Todo lo que necesita hacer es copiar el venidero 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 del patrón que usamos al registrarnos.

Puede usar este código para escribir cualquier patrón de piedra creado por su tema o un complemento. Todo lo que necesita enterarse es el nombre utilizado para registrar el patrón.

Eliminar patrones básicos de WordPress

Los principales patrones de WordPress están disponibles para todos los usuarios de WordPress. Esto significa que pueden estar de moda en exceso y es posible que ni siquiera coincidan con el resto de su tema de WordPress.

Si no desea utilizar un patrón, simplemente puede evitar agregarlo a su contenido. Sin confiscación, si está utilizando un sitio de WordPress de varios autores, es posible que desee evitar que todos los usuarios utilicen estos patrones básicos.

Para eliminar todos los patrones básicos de WordPress, debe pegar el venidero código al archivo de funciones de su tema o un complemento específico del sitio.

remove_theme_support( 'core-block-patterns' );

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

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

Sin confiscación, son asaz diferentes entre sí.

Los bloques reutilizables, por ejemplo, se pueden editar y acomodar directamente en el editor de publicaciones, pero no son tan flexibles como los patrones de bloques.

Una gran diferencia es que si realiza un cambio en un piedra reutilizable, cambia el piedra en cada publicación o página en la que lo ha usado.

Bloque reutilizable en WordPress

Para obtener más información, consulte nuestro tutorial sobre cómo usar bloques reutilizables en WordPress.

Por otro costado, si inserta y edita un patrón, esos cambios solo se aplicarán a la publicación o página donde agregó ese patrón.

Los patrones de piedra además pueden ser registrados por su tema de WordPress o complementos como complementos de piedra. Esto permite que esos desarrolladores le brinden muchas más opciones de diseño para crear sus publicaciones y diseños de página.

Esperamos que esta prontuario lo haya ayudado a memorizar cómo usar los patrones de soledad de WordPress en su sitio web. Todavía puede consultar nuestra prontuario para nominar el mejor software de diseño web, o nuestra selección de expertos de los mejores servicios de marketing por correo electrónico para pequeñas empresas.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. Todavía puedes encontrarnos en Gorjeo y Facebook

Su Calificación Nos Ayuda a Mejorar