Tutorial del editor de bloques de WordPress
Contenidos
El editor de bloques de WordPress le permite mover bloques hacia arriba y hacia abajo en la estructura del documento para reorganizar el contenido de esos bloques. La forma más popular de mover bloques es arrastrando un bloque desde una posición y soltándolo en otra. También puede utilizar las asas de movimiento (dos pequeños botones arriba/abajo) de la barra de herramientas contextual de un bloque para moverlo. Por último, la tercera forma popular de mover un bloque en WordPress es mediante un atajo de teclado. En Windows/Linux usa Ctrl + Shift + Alt + T o Y y en macOS puedes usar ⌘ + ⌥ + ⇧ + T o Y.
Alguna vez has publicado tu entrada o página de WordPress solo para darte cuenta más tarde de que quedaría mejor si se reordenara su contenido? En Gutenberg, estos problemas se pueden solucionar moviendo los bloques que contienen tu contenido. En este tutorial, te mostraremos todas las formas en que esto se puede lograr.
Gutenberg, llamado también Editor de Bloques de WordPress, se puede utilizar para crear contenido en WordPress como entradas, páginas y widgets. A diferencia del editor clásico de blogs de WordPress, Gutenberg utiliza bloques para encapsular cada pieza de contenido. Esto le permite realizar ediciones en un bloque con efectos negativos mínimos en los bloques circundantes.
El editor de bloques de WordPress no funciona
Puedes elegir entre utilizar el “editor clásico” o el “editor de bloques” (a veces llamado “editor Gutenberg”) para editar el contenido de tu sitio web. El editor clásico es el mismo editor de texto enriquecido que se utilizaba anteriormente en WordPress, mientras que el editor de bloques es una característica reciente de WordPress y te permite crear diseños flexibles de arrastrar y soltar.
El nuevo editor de WordPress hace uso de bloques de contenido que se pueden añadir y organizar fácilmente en una interfaz de arrastrar y soltar. El área de bloques, donde puede añadir bloques de contenido, aparece en la parte izquierda de la ventana de edición. A la derecha aparece el panel Inspector, en el que puede editar los ajustes de la página y del bloque seleccionado.
Para añadir un bloque, seleccione el icono con el signo más “Añadir bloque” situado en la parte superior izquierda del área de bloques, o encima o debajo de los bloques ya existentes en la página. Elija un tipo de contenido de la lista, o busque un tipo de bloque. Navegue por los bloques de una página utilizando el icono de lista “Navegación por bloques” situado en la parte superior izquierda del área de bloques.
Cómo habilitar el editor gutenberg en wordpress
Cuando WordPress 5.0 fue lanzado en 2019, reemplazó el antiguo editor clásico con un editor de bloques completamente nuevo apodado “Gutenberg”. El editor de bloques introdujo una forma diferente de crear contenido en WordPress.
Comenzarás a crear una nueva publicación de blog o página como lo harías normalmente. Simplemente haz clic en el menú Entradas ” Añadir nuevo en tu admin de WordPress. Si estás creando una página, entonces ve al menú Páginas ” Añadir Nuevo.
Una de las mejores cosas de los bloques es que se pueden guardar y reutilizar. Esto es particularmente útil para los propietarios de sitios web y bloggers que con frecuencia necesitan añadir fragmentos de contenido específico a sus artículos o páginas.
Añadir un botón a las entradas o páginas de tu blog era otra molestia en el antiguo editor. O bien tenías que utilizar un plugin que creaba un shortcode para el botón, o bien tenías que cambiar al modo HTML y escribir código.
Ahora sólo tienes que añadir un bloque de portada y subir la imagen que quieras utilizar. Puedes elegir un color superpuesto para la portada o convertirla en una imagen de fondo fija para crear un efecto de paralaje cuando los usuarios se desplacen por la página.
No se muestra el editor de bloques de WordPress
Utilizando un sistema de bloques para componer y formatear el contenido, el nuevo editor basado en bloques está diseñado para crear diseños ricos y flexibles para sitios web y productos digitales. El contenido se crea en la unidad de bloques en lugar de texto de forma libre con medios insertados, incrustaciones y Shortcodes (aunque hay un bloque Shortcode).
El Editor ofrece un nuevo y rico valor a los usuarios con herramientas visuales de creación de arrastrar y soltar y potentes mejoras para desarrolladores con modernos paquetes de proveedores, componentes reutilizables, API enriquecidas y ganchos para modificar y ampliar el editor a través de Bloques personalizados, Estilos de bloque personalizados y Plugins.
Tanto si desea ampliar la funcionalidad del editor de bloques como crear un plugin basado en él, consulte la documentación para desarrolladores para encontrar toda la información sobre los conceptos básicos que necesita para empezar, las API del editor de bloques y su arquitectura.