Cómo configurar el reproductor de música MP3 de Sonaar en WordPress










  • A veces, solo desea poder escuchar música directamente desde su sitio web de WordPress. O tal vez esté tratando de compartir archivos para que otros los disfruten. De cualquier manera, tener un reproductor de música MP3 en tu sitio web definitivamente tiene algunas ventajas.

    ¿Por qué agregar un reproductor de MP3 a su sitio web?

    Agregar un reproductor de música MP3 a su sitio le permitirá escuchar toda la música que desee sin tener que ir a otra fuente. También le permite transmitir música de otros y permitir que los usuarios de su sitio disfruten de la música que ha publicado mientras navegan por su sitio.

    Además, si tiene un sitio web relacionado con la música , entonces probablemente tenga la necesidad de incrustar o agregar varios reproductores de música MP3 diferentes por diversas razones.

    Si te has estado preguntando cómo agregar un reproductor de MP3 de WordPress a tu sitio web pero no estás seguro de por dónde empezar, entonces estás en el lugar correcto.

    Hoy le mostraré cómo puede usar un excelente complemento de WordPress para agregar un reproductor de música MP3 a su sitio web. El proceso no es tan difícil, solo necesita saber qué usar y cómo configurarlo.

    Echemos un vistazo al complemento y veamos qué tiene para ofrecer.

    Reproductor de música MP3 de Sonaar

    Reproductor de música MP3 de Sonaar

    MP3 Music Player de Sonaar es un potente pero ligero reproductor de audio para WordPress. Es uno de los mejores complementos de MP3 que existen y le brinda muchas funciones y características.

    Una vez que se haya instalado y configurado el complemento, podrá agregar una cantidad ilimitada de listas de reproducción a su sitio. Puede agregar álbumes y pistas de audio a cualquier publicación o página utilizando varias técnicas diferentes.

    Publique su reproductor de música MP3 de WordPress usando el bloque Gutenberg incorporado , el widget de Elementor (para aquellos de ustedes que usan Elementor ) o usando códigos abreviados estándar que vienen con el complemento.

    El complemento MP3 Music Player by Sonaar es muy flexible y compatible con casi todos los temas y complementos. También viene con un montón de funciones integradas. Algunos de los mejores incluyen:

    • Capacidad para crear álbumes de audio y listas de reproducción ilimitadas
    • Cargue archivos MP3 y M4A ilimitados
    • Admite transmisión de MP3, audio y radio
    • Incruste reproductores de audio de muchas maneras
    • Compatible con todos los temas y complementos.
    • Toneladas de color y opciones de configuración.
    • Agregar comprar ahora y descargar ahora enlaces
    • Soporte WooCommerce
    • Soporte de fuentes de Google
    • Dynamic Soundwave FX en tiempo real (forma de onda de wavesurfer.js) o Synthetic Soundwave para velocidades de carga más rápidas
    • Botones de llamada a la acción
    • Iconos sociales
    • Reproductor HTML5 que responde completamente

    Básicamente, el complemento de Sonaar le brinda todas las herramientas que necesita y más para agregar tantos reproductores de música MP3 a un sitio como desee.

    Echemos un vistazo a cómo instalar y configurar el complemento, y luego repasemos todos los pasos para que funcione en conjunto.

    Nota: Hay una versión pro de este complemento. le da más opciones y funcionalidad. Sin embargo, este tutorial se basa en la versión gratuita. Tiene todo lo que necesitas y más para agregar un reproductor de música.

    1. Instalar y activar el complemento

    Para agregar un reproductor de música MP3 a su sitio web, primero debe instalar y activar el complemento. Puede hacerlo dirigiéndose a la página Complementos de su panel de administración de WordPress.

    Una vez allí, simplemente busque el complemento por su nombre usando el campo de búsqueda e instálelo y actívelo directamente desde allí.

    Instalar y activar el reproductor de música MP3

    Ahora que el complemento se ha instalado y activado, desea continuar y acceder a la página principal de configuración y configuración. Para hacer esto, haga clic en Reproductor de MP3 > Configuración.

    Verá que ahora es una opción en el área de menú de la izquierda del tablero después de activar el complemento.

    Haga clic en reproductor de MP3 y luego en configuración

    Esto lo lleva al área donde puede configurar el reproductor de música MP3 según sus estándares específicos y configurarlo.

    2. Configurar el reproductor de MP3

    En este punto, debería estar mirando todas las configuraciones para el complemento. Solo hay una página que presenta algunas secciones diferentes para revisar y configurar como mejor le parezca.

    La parte superior de la página muestra la configuración general del reproductor de audio. Continúe y seleccione el tipo de forma de onda que desee y habilite el reproductor en los tipos de publicación que elija.

    Configuración general del reproductor de audio

    Ahora desplácese un poco hacia abajo y haga todas las selecciones que desee para la tipografía y los colores. Estas serán selecciones de fuentes y colores para sus listas de reproducción, títulos de álbumes, colores de botones y otros estilos de diseño.

    tipografía y colores

    En la parte inferior, verá todas las opciones de color de los botones, así como la opción de elegir los tamaños de imagen de la portada del álbum. Haz las selecciones de acuerdo a lo que prefieras.

    Colores de los botones e imagen del álbum

    Haga clic en el botón "Guardar cambios" cuando haya terminado de hacer las selecciones y esté todo listo. Ha configurado con éxito el complemento de Sonaar.

    Agreguemos un reproductor de música MP3 a una página para que pueda ver cómo funciona.

    3. Agregar nueva lista de reproducción

    Para obtener un reproductor de MP3 en su sitio, debe crear una lista de reproducción. Nuevamente, puede colocar la lista de reproducción en cualquier publicación o página que desee, según cómo haya configurado sus opciones de configuración.

    En este caso, agregaremos la lista de reproducción y luego la colocaremos en una página.

    Haga clic en la pestaña "Agregar nueva lista de reproducción" que se encuentra en el área del menú de la izquierda. Lo verás en la pestaña principal del reproductor de MP3.

    Agregar nueva lista de reproducción

    Esto abre el editor de WordPress, donde puede agregar una nueva lista de reproducción. Continúe y ponga su título y algo de información de la lista de reproducción primero.

    Agregar título e información de la lista de reproducción

    Si tiene una categoría de lista de reproducción o una imagen de portada, agréguela también. Verá esas selecciones en el lado derecho.

    Categoría de lista de reproducción e imagen de portada

    Ahora, desplácese hacia abajo en la página hasta que vea la sección "Información del álbum". Aquí puede agregar un subtítulo si es necesario, y luego puede agregar la información de la pista que se incluirá en la lista de reproducción.

    Opciones de subtítulos y archivo fuente

    Debajo de eso, puede ingresar las opciones de MP3, junto con información sobre dónde comprar y/o descargar la pista.

    Opciones de archivo de descarga del reproductor de música MP#

    Nota: si está agregando un álbum completo real, la parte inferior de la página tiene una configuración que pregunta dónde alguien puede comprar el álbum completo.

    Comprar álbum completo

    Si desea seguir agregando pistas a la lista de reproducción, haga clic en el botón "Agregar otra pista" y simplemente repita el proceso desde arriba.

    Cuando haya ingresado la información del álbum o haya terminado de ingresar todas las pistas que desea, haga clic en el botón "Publicar" y eso publicará la lista de reproducción y estará disponible para colocarla en una publicación o página.

    4. Agregue MP3 a la página o publicación

    Ahora que tiene su primera lista de reproducción en su lugar, es hora de agregarla a la página que desea. Vaya a la sección Páginas de su sitio web.

    Recuerde, puede agregar la lista de reproducción usando una selección de métodos. Hay un bloque incorporado para el editor de Gutenberg y un widget de Elementor para aquellos de ustedes que usan ese creador de páginas o un código abreviado estándar .

    Para este ejemplo, usemos el editor clásico, ya que es la forma más sencilla de hacerlo.

    Abra la página donde desea agregar la lista de reproducción. En la parte superior del editor, verá que ahora hay un ícono de música. Continúe y haga clic en eso.

    Haga clic en el icono de la música

    Cuando hagas esto, aparecerá un cuadro emergente. Haga clic en la lista de reproducción que desea insertar y complete cualquier otra información relevante en el cuadro. Luego haga clic en el botón "Insertar reproductor de audio" para adjuntarlo a la página.

    Información del cuadro emergente para el reproductor de música MP3

    Se genera automáticamente un código abreviado y todo lo que tiene que hacer desde aquí es publicar su página.

    Una vez que se publique la página, eche un vistazo y vea cómo se ve su nuevo reproductor de música MP3 de lista de reproducción en la parte frontal de su sitio web.

    Ejemplo de lista de reproducción en vivo

    Puedes ver que el nuestro es bastante sencillo. El suyo emitirá el aspecto de su configuración y ajustes. Así que combínalo con los colores de tu sitio e intégralo bien.

    ¡Eso es todo! Puedes repetir este proceso tantas veces como quieras.

    Pensamientos finales

    Agregar un reproductor de música MP3 a su sitio web no tiene por qué ser una tarea difícil. De hecho, todo lo contrario, ya que te divertirás mucho agregando todos los álbumes y pistas que quieras.

    Ahora tiene un buen punto de partida y un complemento sólido para usar para completar este proceso. Espero que este tutorial haya podido mostrarle lo fácil que es realmente agregar un reproductor de música MP3 a su sitio web de WordPress.

    ¿Ha estado utilizando un estilo de inserción más antiguo para agregar diferentes reproductores de música a su sitio? ¿Encontraste este complemento mucho más fácil de configurar y usar?










  • Subir