El contenido de audio en un sitio web puede mejorar enormemente la experiencia del usuario, especialmente si desea incrustar elconciertoyServicio de suscripción de audio por Internetu otros archivos de audio cuando. Utilice el Plugin EmbedPressEn este artículo, aprenderás cómo incrustar archivos de audio en tu sitio web WordPress sin escribir código. En este artículo, te explicaremos cómo incrustar archivos de audio en tu sitio web WordPress a través de la función Gutenberg responder cantando Editor ElementorInserción de archivos de audio en páginas web.
![Imagen [1] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423114057928-image.png)
Funcionamiento del plugin EmbeddedPress
Antes de empezar, asegúrese de que ha instalado y activado la aplicación Plugin EmbedPress. Se puede instalar desde la página de plugins del panel de control de WordPress. Una vez instalado el plugin, actívalo y empieza a usarlo.
Incrustar audio con el editor Gutenberg
- Abrir página o artículo
En el panel de control de WordPress, vaya a la secciónGutenbergEditor, seleccione la página o el artículo que desea editar.
![Imagen [2] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423111213606-image.png)
- A?adir bloque EmbedPress
Haga clic en la ubicación de la página en la que desea incrustar el audio y haga clic en el signo más(+) icono, busque y seleccione "EmbedPress"Bloquear", haga clic en "A?adir".
![Imagen [3] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423111131475-image.png)
- Pegue la URL del archivo de audio
Visite el sitio web de la fuente de audio que desea incrustar, copie la URL del archivo de audio. y, a continuación, vuelva a la secciónEditor Gutenbergpega esa URL en el campo del bloque EmbedPress y haz clic en "incrustación"Botón
![Imagen [4] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423112235709-image.png)
- Ajuste de la configuración
En el panel derecho, puede ajustar la anchura, la altura y otros parámetros del audio incrustado para garantizar que el reproductor de audio sea coherente con el dise?o de la página.
![Imagen [5] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423112256322-image.png)
- Guardar y publicar
Una vez finalizada la configuración, pulse "guardar (un archivo, etc.) (informática)" para ver cómo se incrusta el archivo de audio. Los visitantes podrán reproducir el archivo de audio directamente en la página web.
Incrustación de audio con la biblioteca multimedia
El audio también puede incrustarse utilizando archivos de audio de la biblioteca multimedia de WordPress:
- Acceso a la mediateca
En el panel de control de WordPress, haga clic en "medios de comunicación, especialmente medios informativos" y seleccione el archivo de audio que desea incrustar.
![Imagen [6] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423112843260-image.png)
- Copiar la URL del archivo
En la biblioteca multimedia, copie la URL del archivo de audio.
![Imagen [7] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423112909932-image.png)
- Pegue la URL e incruste
Vuelve al editor de Gutenberg, pega la URL copiada en el campo del bloque EmbedPress y haz clic en "incrustación", el archivo de audio se incrustará automáticamente.
![Imagen [8] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113210538-image.png)
- Activar reproductor personalizado
Para más opciones de personalización, puedes activar "Personalizar reproductor" para ajustar el color del reproductor, activar el rebobinado rápido, el avance rápido, etc., así como activar la protección de contenidos y las opciones para compartir en redes sociales.
![Imagen [9] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113235814-image.png)
- Guardar y publicar
Después de ajustar todas las opciones, haga clic en el botón Guardar para ver el efecto de incrustación.
Cómo incrustar archivos de audio en Elementor
Elementor es un popular constructor de páginas de WordPress, con el que también puedes incrustar archivos de audio fácilmente:
- Abrir página o artículo
En el editor de Elementor, abra la página o el artículo en el que desea incrustar el audio.
![Imagen [10] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113649445-image.png)
- Arrastre el widget EmbedPress
En el panel izquierdo de widgets, busca "EmbedPress" y arrástralo hasta el lugar donde quieras incrustar el audio.
![Imagen [11] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113629497-image.png)
- Pegue la URL del archivo de audio
Visita el sitio web donde se encuentra el archivo de audio y copia la URL. Vuelve al editor de Elementor y pega la URL en el campo del widget EmbedPress.
![Imagen [12] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113729730-image.png)
- Ajustar estilos y configuraciones
En la pesta?a Estilos de Elementor, puede ajustar la configuración de estilo del reproductor de audio, como la altura, la anchura, los márgenes y el relleno. También se pueden configurar más opciones de personalización en la pesta?a Avanzado.
![Imagen [13] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113821783-image.png)
- Publicar y ver los resultados
Una vez completados todos los ajustes, haga clic en el botón "Publicar" para ver el efecto de la incrustación.
Funciones avanzadas: control adicional de las fuentes de audio
El plugin EmbedPress también permite proporcionar un control adicional sobre fuentes de audio específicas. Si la fuente de audio es SoundCloudSe puede seleccionar la fuente de SoundCloud y activar más opciones de control, como la reproducción automática y las funciones de compartir y comentar.
![Imagen [14] - Cómo incrustar archivos de audio en Gutenberg y Elementor con el plugin EmbedPress](http://gqxi.cn/wp-content/uploads/2025/04/20250423113933177-image.png)
resúmenes
pasar (una factura o inspección, etc.) Plugin EmbedPressEste plugin hace que sea muy fácil incrustar archivos de audio en tu sitio web de WordPress, ya sea en el editor Gutenberg, la biblioteca multimedia o el editor Elementor. El plugin no solo admite la incrustación de fuentes de audio estándar, sino también la personalización del reproductor de audio para mejorar la experiencia del usuario.
Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.
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/51424El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios