如何在古腾堡编辑器中添加文本、图像和媒体文件

Gutenberg esWordPressEl último editor visual, a través de un simple "arrastrar y soltar bloques" puede fácilmente diseño. En este artículo se explica cómo añadir texto, imágenes y otros contenidos, principiante también puede empezar rápidamente a crear una página hermosa.

I. ¿Qué es el editor Gutenberg?

Gutenberg (nombre)Se trata de un editor visual activado por defecto desde la versión 5.0 de WordPress, que sustituye el cuadro de contenido único del editor tradicional por el concepto de "bloque" (Block), que admite la disposición mixta de gráficos y texto, el control del diseño y la incrustación multimedia. Cada elemento de contenido (por ejemplo, párrafo, título, imagen, vídeo, etc.) es un bloque independiente, que los usuarios pueden combinar y ordenar libremente, lo que aumenta enormemente la libertad de edición de contenidos.

II. Añadir contenido de texto

1. Inserción de texto de párrafo

Haga clic en cualquier zona en blanco de la página o en el botón más (+) para seleccionar el bloque "Párrafo";

Introduzca el contenido del cuerpo que desea añadir;
El tamaño del texto, el color de la fuente o el color de fondo pueden ajustarse en el lado derecho;

También es posible poner negritas, cursivas, añadir enlaces y otras operaciones de edición a través de la barra de herramientas de formato rápido.

2. Añadir título

Haga clic en el signo más (+) y seleccione el bloque "Título";

Niveles de encabezamiento opcionales (H2, H3, H4, etc.) para un diseño estructurado;

El uso adecuado de los encabezamientos ayuda a mejorar la legibilidad del artículo y laSEORendimiento.

III. Inserciónimágenes

1. Inserción de una sola imagen

Haga clic en el signo más (+) para seleccionar el bloque "Imagen";

Elija cargar una imagen local, seleccionar una imagen existente de la biblioteca multimedia o insertar una URL de imagen externa;

Una vez insertada la imagen, puedes ajustar su tamaño, alineación, texto alternativo (alt text), etc. en la configuración del bloque.

2. Configurar el estilo de imagen

Puede ajustarse al estilo predeterminado de esquinas redondeadas;

Posibilidad de añadir descripciones bajo las imágenes;

Una vez insertada, puedes hacer clic en las flechas arriba y abajo para ajustar rápidamente la posición de la imagen en la página.

IV. Añadirmedios de comunicación, especialmente medios informativosDocumentos (vídeo, audio, PDF)

1. Inserción de vídeo

Opción 1: Seleccione la sección "Vídeo" y cargue un archivo de vídeo o seleccione un vídeo de la biblioteca multimedia;

Modo 2: Inserte el bloque "Incrustar" y pegue el enlace de YouTube, Vimeo y otras plataformas para generar el reproductor automáticamente.

2. Inserción de audio

Añade el bloque "Audio";
Admite la carga de archivos MP3 o la selección de audio existente;
Tras la inserción, puedes configurar opciones como la reproducción automática o no y la reproducción en bucle.

3. Insertar PDF u otros documentos

Añade el bloque "Archivos";
Carga documentos PDF, Word y otros;
El sistema generará automáticamente un botón de descarga o un enlace de previsualización para que los usuarios puedan ver o guardar.

V. Movimiento en bloque y habilidades combinadas

Pase el ratón por encima de la parte izquierda del bloque y arrástrelo hacia arriba y hacia abajo para ordenarlo;
Es posible fusionar varios bloques en un "grupo", lo que facilita la configuración uniforme de fondos, márgenes, etc;

Con los bloques de diseño "Columnas" o "Medios y texto", puede conseguir efectos de diseño avanzados, como gráficos y texto uno al lado del otro.

VI. Consejos y sugerencias de optimización

Uso de atajos / Introduzca el nombre del bloque (por ejemplo /imagen) Añada rápidamente el contenido correspondiente;
Establecer una imagen en lugar de texto ayudaSEOOptimización y accesibilidad;
Con el bloque "Imagen de portada", puedes añadir una imagen de fondo + texto al principio del efecto, para realzar el atractivo visual;
Los bloques combinados más utilizados (por ejemplo, imagen + texto + botón) pueden guardarse como "bloques reutilizables" para su posterior reutilización.

VII. Resumen

Jean, editor de GutenbergWordPressLa tipografía se vuelve sencilla e intuitiva. Añade fácilmente texto, imágenes y vídeos con bloques como si fueran piezas de construcción, y combínalos libremente para crear páginas profesionales y atractivas.

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: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres