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.
![Imágenes [1] - Cómo a?adir texto, imágenes y archivos multimedia en el Editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617114150394-image.png)
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";
![Imágenes [2] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617135145418-image.png)
- 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;
![Imágenes [3] - Cómo a?adir texto, imágenes y archivos multimedia en el Editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617135536828-image.png)
- 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.
![Imágenes [4] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617135746166-image.png)
2. A?adir título
- Haga clic en el signo más (+) y seleccione el bloque "Título";
![Imágenes [5] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617135918881-image.png)
- Niveles de encabezamiento opcionales (H2, H3, H4, etc.) para un dise?o estructurado;
![Imágenes [6] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617135950427-image.png)
- 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";
![Imágenes [7] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617140108272-image.png)
- Elija cargar una imagen local, seleccionar una imagen existente de la biblioteca multimedia o insertar una URL de imagen externa;
![Imágenes [8] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617140132460-image.png)
- Una vez insertada la imagen, puedes ajustar su tama?o, alineación, texto alternativo (alt text), etc. en la configuración del bloque.
![Imágenes [9] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617140529216-image.png)
![Imágenes [10] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617140416426-image.png)
2. Configurar el estilo de imagen
- Puede ajustarse al estilo predeterminado de esquinas redondeadas;
![Imágenes [11] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617140910485-image.png)
- Posibilidad de a?adir descripciones bajo las imágenes;
![Imágenes [12] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617141254786-image.png)
- 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.
![Imágenes [13] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617141350162-image.png)
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;
![Imágenes [14] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617141437409-image.png)
- Modo 2: Inserte el bloque "Incrustar" y pegue el enlace de YouTube, Vimeo y otras plataformas para generar el reproductor automáticamente.
![Imágenes [15] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617171044185-image.png)
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.
![Imágenes [16] - Cómo a?adir texto, imágenes y archivos multimedia al editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617141617152-image.png)
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.
![Imagen [17] - Cómo a?adir texto, imágenes y archivos multimedia en el editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617141714275-image.png)
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;
![Imágenes [18] - Cómo a?adir texto, imágenes y archivos multimedia al editor Gutenberg](http://gqxi.cn/wp-content/uploads/2025/06/20250617142806491-image.png)
- 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: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/60169El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios