Cómo escribir entradas de blog utilizando el tema predeterminado de WordPress y el editor Gutenberg (02)

En este post, nos sumergiremos en cómo escribir entradas de blog utilizando el tema predeterminado de WordPress y el Editor Gutenberg. El Editor Gutenberg, el editor integrado de WordPress, proporciona una experiencia de creación de contenido flexible e intuitiva mediante el uso del sistema de bloques. Tanto si eres nuevo en WordPress como si eres un usuario experimentado, esta guía te ayudará a aprovechar al máximo la potencia del Editor Gutenberg para crear y gestionar fácilmente el contenido del blog.

1, bloque (Block) del uso de métodos

En el editor Gutenberg de WordPress, los bloques son módulos de elementos o widgets preconstruidos que permiten a los usuarios añadir y configurar fácilmente contenido en páginas y entradas.Los bloques reúnen una variedad de funciones para que el proceso de creación de contenido sea más intuitivo y flexible.

Un ejemplo sencillo.Bloque del título es un bloque típico. Con Title Block, los usuarios no sólo pueden insertar el texto del título, sino también establecer el nivel de etiqueta del título (por ejemplo, H1, H2, H3, etc.), ajustar la alineación, el tamaño de la fuente, el color del texto, el color de fondo, etc. directamente en el editor. Todas estas funciones están integradas por el desarrollador en Title Block, y los usuarios pueden conseguir estos ajustes personalizados sin escribir código ni utilizar plug-ins adicionales.

Además, los Bloques en el Editor Gutenberg no se limitan a texto simple y subtítulos. También hay muchos Bloques más complejos, como el Bloque de Imagen, el Bloque de Tabla, el Bloque de Botón, el Bloque de Vídeo, etc. Estos Bloques complejos suelen integrar más funcionalidad, lo que permite a los usuarios implementar fácilmente una variedad de necesidades de diseño y disposición de contenido.

Con este enfoque modular, el editor Gutenberg ofrece a los usuarios una mayor flexibilidad y control, permitiéndoles construir fácilmente páginas y contenido de artículos que satisfagan sus necesidades sin tener que profundizar en el código o utilizar otras herramientas complejas. Este enfoque simplifica enormemente el proceso de creación y edición de contenidos de sitios web, además de hacer que el diseño del sitio sea más rico y diverso. (imagen inferior)

2, añadir Bloque

En el editor de Gutenberg, al hacer clic en cualquiera de las posiciones de flecha de la imagen inferior, aparecerá el panel Bloques. Este panel tiene docenas de diferentes Bloques incorporados, con los que puede que no estés familiarizado cuando los uses por primera vez, pero puedes añadirlos uno a uno y ver sus estilos. Sin embargo, WordPress viene con un estilo de Bloque más limitado, establecer los parámetros son relativamente simples, a veces no puede satisfacer todas nuestras necesidades. Por lo tanto, podemos ampliar el número de bloques mediante la descarga de algunos plug-ins especiales, tales como Kadence Block, Spectra, Getwid y así sucesivamente. (como se muestra a continuación)

3, establecer estilo de bloque

Cuando se selecciona un bloque, en la parte superior aparece una barra de herramientas con opciones de estilo y función, y al pasar el ratón por encima aparece una indicación de texto. El área de edición de bloques de la parte derecha proporciona ajustes de estilo como el color, la fuente, etc. Puede modificar libremente estos ajustes según sea necesario para lograr el diseño deseado. Puede modificar libremente estos ajustes según sea necesario para lograr el estilo de diseño deseado. (como se muestra a continuación)

4, Convertir bloque

En el Editor Gutenberg, algunos Bloques pueden convertirse entre sí, lo que puede evitar repetir los pasos de eliminar el Bloque antiguo y añadir uno nuevo. Los Bloques de Párrafo, en particular, admiten la conversión directa a múltiples tipos de Bloques, lo que mejora enormemente la experiencia de escritura.

El botón Convertir se encuentra a la izquierda del botón Arrastrar bloque. Si determinados Bloques no admiten conversiones, sólo se mostrarán las opciones de estilo admitidas por ese Bloque. (como se muestra a continuación)

5, Bloque móvil

A veces necesitamos sustituir la posición de un Bloque añadido, lo que puede hacerse de dos maneras:

Modo 1Seleccione el bloque en la vista de estructura de la izquierda y arrástrelo hasta la ubicación de destino.

Modo 2Arrastrar: mantenga pulsado el botón "Arrastrar" de la barra de herramientas situada encima del bloque para moverlo a la posición adecuada.

Ambos métodos admiten el intercambio de regiones al arrastrar: puede arrastrar el Bloque del área de catálogo de estructuras al área de edición de contenidos para ajustar su posición, y los Bloques del área de edición de contenidos pueden intercambiarse de este modo. (como se muestra a continuación)

6, Bloque combinado

Para facilitar la gestión, podemos combinar varios Bloques relacionados.
Métodos: En el panel izquierdo de la estructura, seleccione todos los bloques que deban categorizarse, haga clic en la elipsis de la barra de herramientas y, a continuación, seleccione "Combinar". (Como se muestra a continuación)

7, Hacer un bloque reutilizable

Producción de muestras en bloque

Cuando se diseña el estilo de un Bloque, es posible que otras páginas necesiten utilizar el mismo estilo. En este caso, el módulo puede convertirse en un Bloque reutilizable (similar a una plantilla). Por ejemplo, si desea reutilizar el Bloque "Foto + Botón" en otras páginas, sólo tendrá que cambiar la imagen y el texto, lo que reducirá enormemente la carga de trabajo.

Cómo hacerlo: en la vista de lista, seleccione el módulo que desea reutilizar, haga clic en la elipsis situada en el extremo derecho de la barra de herramientas, seleccione "Crear muestra de bloque" (nombre antiguo: Añadir a bloque reutilizable) y asígnele un nombre fácilmente reconocible. Podemos crear dos tipos de Bloques Reutilizables:

Bloque reutilizable para cambios de sincronización en todo el sitio (sincronizado el)Si cambia el estilo o el contenido de una página, todas las demás páginas que utilicen el bloque se actualizarán automáticamente.
Bloque reutilizable para cambios no sincronizados (sin sincronizar): Cualquier cambio realizado en este Bloque en una página nueva no afectará a otras páginas.

Elija el modo apropiado según sus necesidades (normalmente elija Bloque reutilizable con cambios asíncronos, porque en la mayoría de los casos sólo necesitamos mantener el mismo diseño de estilo, no el contenido). (como se muestra a continuación)

Si se guarda un bloque reutilizable con sincronización completa, el color de este bloque cambiará automáticamente avioleta (color)...fácil de identificar para nosotros.

Desde la versión 6.3, WordPress ha añadido una función de plantillas al editor Gutenberg, que se puede encontrar en la pestaña Añadir bloque de la izquierda, en un menú llamadoplantilla.

Hacemos nuestros propios bloques reutilizables que aparecerán en esteMi estilo de bloquesDentro. La próxima vez que lo uses, búscalo aquí. (como se muestra a continuación)

También puede seleccionar este bloque reutilizable en el área de edición de la página y hacer clic en "Modo de gestión" para acceder a la página de gestión centralizada de bloques reutilizables. Después, podrás realizar cambios en todos los bloques reutilizables en un solo lugar.Aquí el nombre es (test 3)

Después de entrar en la interfaz de administración, puede ver todos los bloques reutilizables que ha creado en la página "Mis muestras de bloques", y los bloques etiquetados con "Sincronizado" indican los bloques que se han modificado en una sincronización a nivel de todo el sitio, mientras que los bloques etiquetados con "No sincronizado" indican los bloques que no se han modificado en una sincronización a nivel de todo el sitio. Los etiquetados con "Sincronizado" indican los bloques que se han modificado de forma sincronizada en todo el sitio, mientras que los etiquetados con "No sincronizado" indican los bloques que no lo han hecho. (véase la siguiente figura)

Al utilizar bloques reutilizables en páginas nuevas, la mejor solución es utilizar un bloque reutilizable sincronizado para todo el sitio para el contenido que sea idéntico en todo el sitio, y un bloque reutilizable no sincronizado para todo el sitio para el contenido que sólo sea idéntico en estilo.

Sin embargo, esto no significa que un bloque reutilizable en todo el sitio sólo pueda utilizarse para el mismo contenido en todo el sitio. De hecho, puedes llamarlo desde dentro de una página y "separarlo" para poder editar cada Bloque de la cartera individualmente en esa página sin afectar al estilo y contenido de otras páginas.

Pasos: En la barra de herramientas de la "más ajustes" en la "separación de la muestra de bloque" se puede seleccionar. (Como se muestra a continuación)

8, copiar, cortar Bloque

El Bloque de Gutenberg soporta operaciones de copia y corte, directamente usando Ctrl + C/X/V. Además, también admite la copia y el corte entre dominios. (véase más abajo)

9, Borrar bloque

Puede utilizar la función Suprimir haciendo clic en el último elemento de la elipsis situada en el extremo derecho del panel de Estructura o de la barra de herramientas. También puede pulsar la tecla Supr del teclado para eliminar rápidamente el bloque (esto no se aplica a bloques de texto como párrafos, títulos, etc.). (véase más abajo)

resúmenes

En este post, detallamos cómo escribir eficientemente entradas de blog utilizando el editor Gutenberg de WordPress y los temas predeterminados. Desde el uso básico de bloques hasta bloques reutilizables avanzados, cubrimos una variedad de consejos útiles. Esperamos que, con esta guía, puedas ser más competente con estas herramientas y mejorar la eficiencia de la creación y el diseño de contenido de tu sitio web. En la próxima entrega, seguiremos profundizando en funciones más avanzadas de WordPress y el editor Gutenberg, así que ¡permanece atento!

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres