Saltar al contenido

Editor gutenberg wordpress

julio 18, 2022

Editor de bloques de WordPress

«Gutenberg» es el nombre en clave de todo un nuevo paradigma en la construcción y publicación de sitios en WordPress, que pretende revolucionar toda la experiencia de publicación tanto como Gutenberg lo hizo con la palabra impresa. En este momento, el proyecto se encuentra en la segunda fase de un proceso de cuatro fases que tocará cada pieza de WordPress – Edición, Personalización (que incluye la Edición del Sitio Completo, Patrones de Bloques, Directorio de Bloques y Temas basados en Bloques), Colaboración y Multilingüe – y se centra en una nueva experiencia de edición, el editor de bloques.

El editor de bloques introduce un enfoque modular para las páginas y las entradas: cada pieza de contenido en el editor, desde un párrafo hasta una galería de imágenes o un titular, es su propio bloque. Y, al igual que los bloques físicos, los bloques de WordPress pueden añadirse, organizarse y reorganizarse, lo que permite a los usuarios de WordPress crear páginas ricas en contenido multimedia de una forma visualmente intuitiva, y sin necesidad de recurrir a atajos o HTML personalizado.

El editor de bloques estuvo disponible por primera vez en diciembre de 2018, y todavía estamos trabajando duro para perfeccionar la experiencia, crear más y mejores bloques, y sentar las bases para las próximas tres fases de trabajo. El plugin de Gutenberg te ofrece la última versión del editor de bloques para que puedas unirte a nosotros y probar funciones de vanguardia, empezar a jugar con los bloques y quizás inspirarte para construir los tuyos propios.

  Correo smtp

Plugin del editor de WordPress

«Gutenberg está desbloqueando una enorme cantidad de creatividad y poder en manos de los usuarios para crear y diseñar cosas y hacer sitios web por su cuenta sin depender de nadie más. [Sin Gutenberg] tal vez habrían tenido que contratar a alguien para hacerlo, o tal vez estos sitios web y cosas no existirían», dijo Matt Mullenweg en la sesión de clausura de WordCamp Europe 2022.

Gutenberg se estableció como editor por defecto en WordPress 5.0. De cara al futuro, el uso de este editor se ampliará a los widgets y menús, e incluso permitirá diseñar las plantillas de los temas con una edición completa del sitio.

El editor Gutenberg es el editor de contenido por defecto de WordPress que proporciona una nueva experiencia de edición modular. Cada pieza de contenido en el editor es su propio bloque que se puede añadir, organizar y reorganizar para crear páginas ricas en medios. Este proceso es muy visual e intuitivo, a diferencia de los procesos que requieren shortcodes, HTML personalizado y otras soluciones.

El editor Gutenberg se añadió por primera vez a WordPress en la versión 5.0, que se lanzó en diciembre de 2018. Reemplazó al antiguo editor TinyMCE, que ahora se conoce como el «editor clásico» o el «editor TinyMCE clásico».

Descarga del editor Gutenberg

Cuando WordPress 5.0 fue lanzado en 2019, reemplazó el antiguo editor clásico con un flamante editor de bloques apodado «Gutenberg». El editor de bloques introdujo una forma diferente de crear contenido en WordPress.

Empezarás a crear una nueva entrada de blog o página como lo harías normalmente. Simplemente haz clic en el menú Entradas » Añadir nuevo en tu administración de WordPress. Si estás creando una página, entonces ve al menú Páginas » Añadir nuevo.

  Iconos wordpress

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 los 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 tus artículos o páginas del blog era otra molestia en el antiguo editor. Tenías que usar un plugin que creaba un shortcode para el botón, o tenías que cambiar al modo HTML y escribir código.

Simplemente añade un bloque de portada y luego sube la imagen que quieras usar. Puedes elegir un color superpuesto para la portada o hacer que sea una imagen de fondo fija para crear un efecto de paralaje cuando los usuarios se desplacen por la página.

Editor de WordPress ändern

Este paquete asume que su código se ejecutará en un entorno ES2015+. Si utilizas un entorno que tiene un soporte limitado o nulo para estas características y APIs del lenguaje, debes incluir en tu código el polyfill incluido en @wordpress/babel-preset-default.

En este ejemplo, estamos instanciando un editor de bloques. Un editor de bloques se compone de un componente envolvente BlockEditorProvider donde se pasa el array actual de bloques y en cada cambio se llaman las callbacks onInput o onChange dependiendo de si el cambio se considera persistente o no.

En el ejemplo anterior estamos renderizando el BlockList para mostrar y editar la lista de bloques. Por ejemplo, podríamos añadir una barra lateral personalizada y utilizar el componente BlockInspector para poder editar la configuración avanzada del bloque actualmente seleccionado. (Consulte la API para ver la lista de todos los componentes disponibles).

  Woocommerce es gratis

En el ejemplo anterior, no hay ningún tipo de bloque registrado, para poder utilizar el editor de bloques con éxito asegúrese de registrar algunos tipos de bloque. Por ejemplo, el registro de los tipos de bloque del núcleo puede hacerse así:

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad