Primeros pasos con el editor Gutenberg de WordPress: aprendiendo desde cero

Editor GutenbergEs el editor de contenidos por defecto tras la versión 5.0 de WordPress y ha revolucionado la experiencia de edición tradicional. Este artículo te llevará a conocer a fondo este moderno editor de bloques desde cero.

I. Introducción al editor Gutenberg

El editor Gutenberg utiliza el concepto de "bloques" para construir contenidos, sustituyendo al tradicional cuadro de edición de texto único. Este enfoque modular hace que la creación de contenidos sea más intuitiva y flexible.

Características principales:

• Edición visual de bloques
• Previsualización de contenidos en tiempo real
• Más opciones tipográficas
• Soporte de diseño adaptable
• Sistema de bloques escalable

II. Visión general de la interfaz del editor

Barra superior::

• Navegación por bloques
• Deshacer/Rehacer
• Comprobación de la estructura del contenido

barra lateral derecha::

• Configuración del documento (estado de publicación, clasificación, etc.)
• Ajustes del bloque (opciones detalladas para el bloque seleccionado en ese momento)

área editorial principal::

Haga clic en el botón de añadir bloque (+)

• Área de visualización de bloques de contenido
• plantilla
• medios de comunicación, especialmente medios informativos

III. Directrices básicas de funcionamiento

1. Añadir un nuevo bloque de contenido

El selector de bloques aparece al crear una nueva línea haciendo clic en el botón "+" de la esquina superior izquierda del área de edición o pulsando Intro directamente. Los bloques más utilizados son:

• Párrafos (texto normal)
• Título (H1-H6)
• fotografía
• listados
• cita
• tabular

2. Edición del contenido de los bloques

Después de seleccionar cualquier bloque:

• El contenido puede introducirse o modificarse directamente
• Ajustar el formato con la barra de herramientas de bloque
• Ajustes detallados en la barra lateral derecha

3. Reordenación de bloques

Cuando el ratón haga clic en el bloque, aparecerán las flechas arriba y abajo, haga clic para mover la posición del bloque. También puedes arrastrar y soltar bloques directamente.

IV. Bloques de uso común en detalle

1. Bloques de párrafos

Bloque de texto básico, soporte:

• Formato de texto (negrita, cursiva, etc.)
• Adición de enlaces
• Color del texto y del fondo

2. Bloques de imágenes

Cargar o seleccionar imágenes de la biblioteca multimedia puede hacerse después:

• Ajuste de la alineación
• Añadir enlace
• cultivo
• Imágenes de sustitución

3. Columnas

Cree un diseño de varias columnas:

• 6 diseños a elegir
• Cada columna puede tener un contenido diferente
• Apoyo a los ajustes de respuesta

V. Consejos prácticos

• Tecla de acceso directo (ordenador)::

• Ctrl+Mayús+D: Copiar bloque
• Alt+Mayús+Z: Deshacer

• bloque reutilizable::
  Las combinaciones de bloques más frecuentes pueden guardarse como plantillas para facilitar su reutilización.
• Alineación completa y amplia::
  Algunos bloques permiten romper los límites de anchura del contenido para crear diseños más ricos.

VI. Preguntas más frecuentes

P: ¿Cómo vuelvo al editor clásico?
R: Puede instalar "Editor clásico"o a través de "Opciones" en la página de edición de la entrada.

P: ¿Afecta Gutenberg a la velocidad del sitio web?
R: La nueva versión de Gutenberg está optimizada para un impacto mínimo en el rendimiento. Los bloques innecesarios pueden desactivarse en caso de lag.

P: ¿Cómo puedo ampliar más bloques?
R: Esto puede hacerse instalando un plugin de bloqueo como "Bloques Kadencepara conseguir bloques más especializados".

alcanzar un veredicto

El editor Gutenberg representa el futuro de WordPress. Aunque al principio puede costar un poco acostumbrarse, una vez dominado, puede mejorar significativamente la eficiencia y la presentación de la creación de contenidos. Se recomienda a los principiantes que empiecen a practicar con los bloques básicos y exploren gradualmente las funciones avanzadas.

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