Transcripción
Introducción
Creación de entradas y páginas con el Editor de bloques de WordPress. Hoy nos sumergiremos en el corazón de la creación de contenido utilizando el potente Editor de bloques de WordPress.
Resultados de aprendizaje
Los resultados de aprendizaje de esta lección son definir el editor de bloques, navegar por la interfaz del Editor de bloques, diferenciar entre el área de edición de contenido y la barra lateral de ajustes, crear una página y una entrada y, por último, utilizar bloques, patrones y la Vista de lista.
Introducción al Editor de bloques
El Editor de bloques de WordPress te permite crear tu sitio con bloques, sin necesidad de código. Como vimos anteriormente, inicia sesión en tu escritorio de WordPress para crear una entrada o una página. Desde el escritorio, navega hasta entradas o páginas en el menú de la izquierda. Vamos a crear una página nueva para examinar de cerca la interfaz del Editor de bloques. Una vez que añadamos una página nueva, también podemos proporcionar un título adecuado para la página. Cuando haces clic en el Insertor, puedes añadir una variedad de bloques para crear tu página.
Los bloques pueden ser cualquier cosa, desde párrafos, imágenes, columnas y galerías hasta tablas de precios y mucho más. Los patrones de bloques son otra excelente función. Son grupos definidos de bloques o bloques prediseñados que puedes añadir rápidamente para crear secciones completas y luego modificarlos según tus necesidades.
A la derecha, junto a los patrones, podemos añadir medios. En primer lugar, desde nuestra Biblioteca de medios o desde Openverse. Openverse proporciona medios con licencias abiertas que están disponibles para usarse de forma gratuita.
Añadir bloques
Hay varias formas de añadir un bloque. En primer lugar, puedes hacer clic en el Insertor de la parte superior izquierda o en el Insertor dentro de la página. Los seis bloques que aparecen debajo de Buscar serán los bloques utilizados más recientemente. También puedes utilizar el comando de barra diagonal. Digamos que escribimos barra diagonal imagen y añadimos una imagen de nuestra Biblioteca de medios, que ya he subido. A continuación, pulsaré Intro y añadiré algo de texto a mi bloque de párrafo. Después, añadiré otro párrafo.
Interfaz del Editor de bloques: área de creación de contenido, barra lateral de ajustes y Vista de lista
La interfaz está dividida en tres secciones principales. El área de edición de contenido, la barra lateral izquierda para seleccionar bloques o la Vista de lista, de la que hablaremos dentro de un momento, y la barra lateral de ajustes a la derecha. La barra lateral de ajustes de la derecha proporciona ajustes y opciones adicionales para el bloque seleccionado, lo que permite aplicar más estilos al bloque. Por supuesto, cada bloque tendrá distintos ajustes disponibles.
Cuando seleccionas un bloque, también verás la barra de herramientas del bloque relacionada con el bloque específico. En este caso, el bloque de párrafo. De izquierda a derecha, la barra de herramientas del bloque permite transformar este bloque en un tipo de bloque diferente, arrastrar y soltar un bloque en una ubicación nueva o utilizar flechas para reubicarlo, cambiar la alineación del texto, seleccionar negrita o cursiva, o añadir un enlace. La flecha desplegable permite resaltar, añadir notas al pie y utilizar otras opciones de estilo. Verás más opciones cuando hagas clic en los tres puntos verticales.
A continuación, también es importante destacar la Vista de lista. En este ejemplo, observarás que he creado una página completa utilizando una variedad de bloques. Al desplazarnos hacia arriba, podemos abrir la Vista de lista en la parte superior izquierda. La Vista de lista te ayuda a navegar entre las capas de contenido y los bloques anidados. Es una función indispensable del editor de WordPress que facilita el trabajo con los bloques de tu sitio. Puedes ver el orden exacto y la estructura de cada bloque de la página, lo que resulta especialmente útil si tienes una página con mucho contenido. Puedes seleccionar bloques que tengan otros bloques anidados en su interior. Puedes hacer clic y arrastrar bloques para moverlos a otra parte de la página. Y cuando haces clic en los puntos suspensivos, los tres puntos junto a cualquier bloque en la Vista de lista, aparecen diversas opciones útiles.
Crear una página
Volvamos a nuestra página original y sigamos creando la página utilizando bloques para ver el editor de bloques en acción. Primero, añadamos un bloque de galería y seleccionemos tres imágenes de nuestra Biblioteca de medios. Una vez insertado, seleccionaré el bloque de galería, haré clic en los tres puntos verticales y seleccionaré Añadir después. Luego, haré clic en el Insertor de la parte superior izquierda y añadiré un patrón, un grupo de bloques prediseñado. Y seleccionaré uno de los patrones destacados para programar una visita. Después, abriré mi Vista de lista, seleccionaré el bloque de grupo y cambiaré la alineación del texto. A continuación, veamos los ajustes de la barra lateral. Una vez que seleccionemos un bloque, podemos utilizar los ajustes de la barra lateral para aplicar más estilos al bloque. En este caso, podemos añadir un efecto redondeado a nuestra imagen. Seleccionaré mi segundo párrafo y utilizaré la barra de herramientas del bloque para cambiar el texto a negrita. Después, seleccionaré mi Vista de lista para asegurarme de seleccionar mi bloque de galería principal. En los ajustes de la barra lateral, cambiaré el número de columnas de tres a dos. Por último, seleccionaré mi bloque de botones y cambiaré el color de fondo a verde.
Confío en que ahora puedas ver cómo encajan las piezas del rompecabezas del editor de bloques: utilizamos bloques para añadir contenido, la barra lateral de ajustes para aplicar estilos y editar tu contenido, y la Vista de lista para navegar por él.
Crear y editar páginas en el Editor del sitio
Ten en cuenta que también puedes crear y editar páginas en el Editor del sitio. Así que vamos a Apariencia y hacemos clic en Editor. Esto, por supuesto, nos llevará al Editor del sitio. Después podemos seleccionar páginas, abriré la página Usar el Editor de bloques y seleccionaré Editar. En el Editor del sitio, añadimos contenido al bloque de contenido. Luego, funciona exactamente de la misma manera y podemos seguir creando nuestra página utilizando bloques. En este caso, añadiré un bloque Insertar YouTube, añadiré mi URL y luego insertar é el vídeo en mi página.
Crear y editar entradas
Para terminar, crear una entrada es igual que crear una página. Utilizamos bloques para crear la estructura de nuestro contenido. Ten en cuenta que tratamos la adición de categorías, etiquetas y una imagen destacada en una lección diferente.
Conclusión
Confío en que ahora tengas una mejor comprensión de cómo navegar por el editor de bloques, así como de cómo utilizar bloques, la barra lateral de ajustes y la Vista de lista.