En 2019, se lanzó WordPress 5.0. Con este lanzamiento, WordPress introdujo el Editor de Bloques, también conocido como el editor de Gutenberg. Si tienes un sitio web de WordPress, probablemente edites entradas y páginas en el editor de bloques.
Desde el lanzamiento de la versión 5.0, se han realizado muchas mejoras en el editor de bloques. Hace tan solo unas semanas, WordPress lanzó la versión 5.8 que introdujo un montón de nuevas características en el editor de bloques.
A simple vista, el editor de bloques se parece a cualquier otro editor de palabras simple que encuentres en línea. Sin embargo, hay un montón de funciones dentro del editor de bloques que te permiten crear publicaciones y páginas atractivas e impresionantes. Los usuarios de WordPress a menudo no logran hacer un uso completo del editor de bloques para crear excelentes publicaciones y páginas para su sitio web.
Con AppMySite compatible con la funcionalidad principal de WordPress, puede importar las publicaciones y páginas de su sitio web en un entorno nativo de la aplicación. Por lo tanto, aprovechar al máximo el editor de bloques de WordPress puede permitirle aprovechar al máximo el creador de aplicaciones AppMySite para crear una aplicación.
En este artículo, discutimos cómo funciona el editor de bloques de WordPress.
Editor de bloques de WordPress: una introducción
Originalmente, WordPress venía cargado con el Editor Clásico. El Editor Clásico se veía y funcionaba como muchos procesadores de texto que generalmente usamos. Como propietario de un sitio de WordPress, debe haber notado la siguiente vista cuando comenzó una nueva página o publicación.
Fuente de la imagen: WordPress
El editor clásico funcionaba exactamente igual que un editor convencional. Puede ingresar texto línea por línea y agregar medios y widgets dentro del cuerpo.
El nuevo editor de bloques funciona de manera diferente. En lugar de introducir el contenido línea por línea, cada elemento de una entrada o página se carga en bloques. Estos bloques se pueden editar por separado.
Hay muchas ventajas de usar el editor de bloques de Gutenberg sobre el editor clásico.
Por un lado, el editor de bloques viene cargado con funciones que no estaban disponibles en el editor clásico. Para agregar elementos como tablas en una publicación o página, los usuarios anteriormente tenían que instalar un complemento de tabla separado.
El editor de bloques permite a los usuarios agregar varios elementos interactivos a un bloque sin la necesidad de un complemento. Esto hace que sea mucho más fácil para un principiante crear publicaciones y páginas interactivas en un sitio web.
Primeros pasos con el editor de bloques
Hay muchas funciones diferentes que puedes utilizar en el editor de bloques. En las siguientes secciones, discutimos algunas de las mejores formas en que puede usar el editor de bloques.
1. Añadir nuevos bloques a tu página
Lo más fácil que debes saber es cómo agregar nuevos bloques a tu publicación. Cuando abras el editor de bloques para crear una publicación o página, verás un botón + en la bandeja.
Para agregar un bloque en cualquier parte de la página, simplemente puede hacer clic en el botón + . Una vez que lo hagas, puedes seleccionar el tipo de bloque que deseas agregar.
Hay muchos tipos de bloques que puedes añadir en función del contenido que desees mostrar. Para escribir contenido simple, simplemente puede seleccionar Párrafo.
WordPress te permite elegir entre una amplia gama de tipos de bloques. Algunos de ellos se enumeran aquí:
- Párrafo: Para agregar texto simple a un bloque.
- Encabezado: Para agregar un nuevo encabezado a un bloque.
- Imagen: Para añadir una imagen a un bloque. Puede elegir una imagen de la biblioteca multimedia o cargar una desde su dispositivo.
- Código corto: En caso de que desees mostrar un widget en tu publicación, pega el código corto del widget en el bloque.
- Galería: Para mostrar varias imágenes en un bloque.
- Lista: Para agregar una lista de elementos en un bloque.
- Citar: Para mostrar una línea de contenido como una cita.
- HTML: Para agregar HTML personalizado es un bloque en particular.
- Espaciador: Para agregar espacio en blanco adicional en la publicación.
- Separador: Para agregar una línea simple como separador en su publicación.
- Mesa: Para agregar una tabla en su bloque.
- Botones: Para agregar un botón de acción en un bloque. También puede optar por vincular el botón a otra página.
Una vez que seleccione un tipo de bloque en particular, puede personalizar sus opciones en la barra lateral de bloques. Cada tipo de bloque viene con una variedad diferente de configuraciones. En el caso del texto, se establece la fuente y el tamaño. En el caso de un bloque de imagen, puedes ajustar la configuración del borde, el tamaño y mucho más.
También puede intercambiar la posición del bloque haciendo clic en la tecla de flecha en el panel de edición de bloques. Cuando estés editando un bloque, notarás una bandeja de edición que muestra todas las formas en que puedes personalizar el bloque. Simplemente marque las teclas de flecha hacia arriba o hacia abajo para actualizar la disposición de un bloque.
2. Adición de imágenes y bloques relacionados
Una publicación está incompleta sin imágenes. WordPress te permite añadir imágenes a tu entrada de blog.
El tipo de bloque más común para agregar una imagen es el tipo de bloque de imagen. Simplemente elija Imagen como su tipo de bloque y agregue una imagen que puede elegir de su biblioteca multimedia o cargar una imagen desde su dispositivo.
Una vez que se agrega la imagen, puede personalizar su estilo y tamaño en la configuración del bloque en la barra lateral. También puede actualizar el texto alternativo de la imagen en la barra lateral de configuración.
Hay varios otros bloques relacionados con la imagen que puede usar. La galería permite subir varias imágenes a un solo bloque. Esto es útil si desea mostrar varias imágenes juntas sin usar demasiados bloques.
Una vez que elija la vista de galería, puede cargar varias imágenes en el bloque al mismo tiempo. Puede cambiar aún más la disposición de estas imágenes según sus preferencias.
En la barra lateral de configuración de bloques, puede elegir el número de columnas en la galería, el tamaño de la imagen, las opciones de recorte y más.
3. Hacer grupos y columnas
Una de las principales ventajas de usar el editor de bloques es cambiar el estilo y la disposición del contenido. Puedes agrupar el contenido de una entrada o página con grupos y columnas.
Hay muchas ventajas de hacer esto. El uso de grupos y columnas le permite mezclar la disposición y el diseño de su sitio web.
un. Grupos
Para agregar varios bloques a un grupo, mantenga presionada la tecla Mayús y haga clic en los bloques en los que desea hacer clic uno a la vez.
A continuación, puede editar todos los bloques como un grupo en la configuración de bloques en la barra lateral. Puede optar por agregar un color de fondo, cambiar el relleno y más después de agrupar varios bloques.
Agrupar diferentes columnas tiene sentido cuando estás diseñando una página de aterrizaje con el editor de Gutenberg. Esto le permite personalizar el diseño de su página de destino editando la página según sus preferencias
b. Columnas
Las columnas son otra forma de cambiar el diseño de una publicación típica. Para cambiar varios bloques a una vista de columna, mantenga presionada la tecla Mayús para seleccionar diferentes columnas. A continuación, haga clic en el botón de tipo de bloque y seleccione columnas.
Esto renderizará tus bloques en un diseño de columnas.
Un diseño de columna puede ser útil si quieres presentar contenido en diferentes formatos. Una tabla simple puede ser un poco restrictiva, especialmente si desea agregar elementos interactivos a cada columna.
Una vez que se agrega la vista de columna, puede cambiar el estilo del diseño y elegir el número de columnas que desea mostrar.
4. Añadir bloques con imágenes y contenido
Al diseñar una página de destino, es posible que te encuentres con la necesidad de entrelazar el diseño de imágenes y texto. Esto es importante para ofrecer una experiencia de visualización perfecta a los visitantes del sitio web.
Los párrafos simples no siempre son la mejor opción.
El editor de bloques de WordPress viene con tipos de bloques de imagen y texto incorporados. Estos le permiten crear bloques interactivos que combinan contenido e imágenes sin problemas.
Los dos tipos populares de blogs de imágenes y texto se analizan a continuación.
un. Bloques de medios y texto
Estos bloques básicamente le proporcionan una vista de dos columnas. Puede agregar una imagen en una columna y texto en la otra. En la columna de texto, también puede agregar otros bloques como botones, encabezados y más.
La ventaja de usar bloques de medios y texto es que puede presentar tanto el contenido como los medios uno al lado del otro. El bloque también está optimizado para dispositivos móviles, lo que significa que el orden de las imágenes y el texto se mantiene constante independientemente de cómo se vean en el modo de escritorio.
b. Imágenes de portada
Para escribir texto sobre una imagen, puede elegir el bloque de imagen de portada. El bloque le permite agregar una imagen al bloque y escribir texto sobre él. También puede cambiar el ancho del bloque para que se extienda a lo ancho de la pantalla.
Esta es una excelente manera de diseñar imágenes destacadas para publicaciones y páginas. También puede usarlo en una página de destino como banner. Esta imagen de portada proporcionará un efecto de paralaje a los visitantes, haciendo que la experiencia general sea fluida y fluida.
5. Uso de bloques basados en plugins
Si te desplazas por las opciones de bloques, encontrarás muchos tipos de bloques creados por plugins de terceros.
Los formularios de contacto son un ejemplo interesante.
Puede agregar fácilmente un formulario de contacto a una página o publicación. Tu plugin de formulario estará disponible en el editor de bloques de Gutenberg en forma de tipo de bloque. Una vez que elija el tipo de bloque, seleccione el formulario que desea mostrar en la publicación.
Del mismo modo, hay varios otros complementos disponibles que están integrados con el Editor de bloques. Puede usarlos como widgets para hacer que sus publicaciones y páginas sean más interactivas y funcionales.
6. Guardar páginas como plantillas
La actualización de WordPress 5.8 introdujo nuevas características en el editor de bloques. Una de las características incluye la opción de guardar páginas y publicaciones como plantillas.
Puedes guardar cualquier página que estés editando como plantilla en el editor de bloques. Más adelante puede usar esto como plantilla mientras crea otras páginas en el sitio web. En otras palabras, no necesitas crear publicaciones y páginas desde cero.
Esta es una característica útil si muchas de sus publicaciones y páginas usan la misma funcionalidad.
7. Creación de un bucle de consulta
El bucle de consulta es un nuevo tipo de bloque introducido en WordPress 5.8. Básicamente, el bucle de consulta le permite mostrar una lista personalizada de publicaciones en un bloque en particular.
Básicamente, esto le permite mostrar un conjunto determinado de publicaciones en forma de carrusel o cuadrícula en un bloque. Puede elegir qué aspectos de sus publicaciones desea mostrar en el bloque de bucle de consulta.
Puede elegir mostrar el título y el extracto de la publicación, el título y la fecha, y otras variaciones. Una vez que hayas seleccionado una variación, elige qué publicaciones deseas mostrar en el bloque. Puede elegir qué publicaciones desea mostrar mediante el uso de categorías y etiquetas como filtros.
Además, puede optar por cambiar el orden de las publicaciones en función de la hora en que se publicaron. También puede optar por mostrar tipos de publicaciones personalizadas dentro de bucles de consulta. Básicamente, esto le permite portar contenido creado por complementos de terceros en el editor de bloques.
En conclusión
Tener una comprensión completa del editor de bloques de WordPress es crucial para crear mejores páginas y publicaciones en WordPress.
Si bien puede parecer un editor simple, el editor de bloques de Gutenberg ofrece una funcionalidad seria. Se hace cada vez más potente con cada actualización de WordPress. También puede usarlo para diseñar páginas de destino complejas.
Además, puede renderizar sus páginas y publicaciones de diseño personalizado en su aplicación AppMySite en vista web o vista nativa. Por lo tanto, puede evitar el tedioso proceso de aprender a crear una aplicación y usar AppMySite para crear una aplicación poderosa con WordPress.
Este artículo expone las características esenciales del editor de bloques. Puedes usar esto como base para mejorar en la creación de publicaciones y páginas con WordPress.