Si quieres mejorar tu página web realizada en WordPress, no te pierdas la siguiente funcionalidad. Con ella podrás convertir el contenido de tus post en audio con unos sencillos pasos. Una mejora en tu web para que sea más accesible y útil para personas invidentes o para usuarios que quieran escuchar nuestro blog a modo de podcast.
Conecta tu web con Responsive Voice
Primero de todo vas a entrar en la web de Responsive Voice y seleccionas la opción de ‘‘Add Voice to Your Website’’ tras esta opción agregaremos la url de tu web (previamente tendrás que registrarte).
Una vez realizado el paso anterior nos mostrará la siguiente ventana:
Agregaremos la url de nuestra página web y seleccionaremos la opción: ‘‘Select text to speak it’’. Tras esta configuración seleccionaremos el tipo de voz, la cual narrará el contenido de nuestros post:
Para terminar de conectar nuestro sitio web con Responsive Voice, instalaremos en nuestro CMS el siguiente plugin: ResponsiveVoice Text To Speech, una vez instalado copiaremos el siguiente código para su conexión con la API:
Una vez copiado este código e instalado el plugin en nuestro wordpress lo pegaremos aquí:
Con estos sencillos pasos ya tenemos nuestro wordpress conectado a Responsive Voice.
¿No aparece este reproductor en tus post?
No te preocupes, aún no hemos terminado. Podemos añadir en nuestros post el siguiente ShortCode, con el que lograremos agregarlo sin problema. Pero, ¿si queremos añadirlo en todos los post del blog? Uff… tengo 3 mil entradas ¿ahora debo añadir una por una? ¿Algo tedioso, verdad?
Si queremos añadirlo a un post exacto, agregaremos al comienzo de nuestra entrada el siguiente shortcode:
[responsivevoice_button voice=»Spanish Female» buttontext=»Escuchar la entrada»]
¿Quiero añadirlo a todo mi blog de forma automática, esto es posible?
Cariño mío, esto es como una película de Antena 3 en diciembre. Vamos a acabar con un final feliz.
Sí, si queremos que se añadan automáticamente en todo nuestro blog y sin necesidad de agregar ningún ShortCode a cada entrada deberemos hacer lo siguiente:
Instalaremos el plugin Code Snippets, una vez en nuestro plugin agregaremos un nuevo fragmento de código. Quedando algo así:
Una vez has añadido nuestro código daremos en ‘‘Guardar los cambios’’.
Ahora sí, toca disfrutar de nuestra nueva funcionalidad y conseguir una web mas accesible. Y por supuesto no voy a despedirme sin dejarte el código para que tan solo tengas que copiar y pegar, estamos aquí para ayudarte no para que te dejes los ojos en una captura de pantalla.
Copiar y pegar el siguiente código:
add_filter( ‘the_content’, ‘dcms_add_button_voice’, 10, 1);
function dcms_add_button_voice ( $content ) {
if ( is_singular( ‘post’ ) ){
$shortcode_button = do_shortcode( ‘[responsivevoice_button voice=»Spanish Female» buttontext=»Escuchar la entrada»]’ );
$content = $shortcode_button . $content;
}
return $content;
}
¿Te ha gustado esta funcionalidad para tu web? Si no quieres perderte las siguientes mejoras para tu CMS. ¡Suscríbete a nuestra newsletter!