Herramientas para el desarrollador
Recursos en imágenes:
Descarga sin fondo en https://serenotv.com/imagenes-sereno-tv/logo-serenotv-2025.png
Descarga sin fondo en https://serenotv.com/imagenes-sereno-tv/logo-stv.png
Descarga en https://serenotv.com/imagenes-sereno-tv/sereno-tv-futuro.jpg
Descarga sin fondo en https://serenotv.com/imagenes-sereno-tv/encontranos-stv.png
Descarga en https://serenotv.com/imagenes-sereno-tv/encontranos-stv-2.jpg
Recursos de reproductores:
Podes colocar el reproductor del canal en tu web de la siguiente forma
<iframe width=”560″ height=”315″ src=”https://serenotv.com/video/NOMBRE-DEL-CANAL/embed/” allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen”></iframe>
Notas técnica:
NOMBRE-DEL-CANAL: Corresponde al nombre del canal que figura en la URL del canal
width=”560″ height=”315″: es al tamaño por defecto del iframe, lo podes moficar.
Ahora puedes colocar nuestros iconos en tu web.
Comencemos, primero debemos decirle a tu web, donde se encuentran los iconos:
Paso 1:
EN WORPRESS:
En el archivo functions.php de tu tema activo coloca el siguiente código:
function iconos_serenotv_styles () {
wp_enqueue_style( ‘FontAwesome’, ‘https://serenotv.com/css/serenotv.css’ );}
add_action( ‘wp_enqueue_scripts’, ‘iconos_serenotv_styles’);
EN OTRAS WEB:
Colocar en la página donde aparecerá los iconos el siguiente código:
<link rel=”stylesheet” href=”https://serenotv.com/css/serenotv.css”>
Paso 2:
Notas técnica:
<a></a>: Corresponde al contenedor de la URL de destino.NO MODIFICAR
<i></i>: Corresponde al contenedor del icono. NO MODIFICAR
href=”TU URL”: Reemplazar con la URL de tu canal, radio,podcast.
target=”_blank”: Abre el enlace en una nueva pagina.
i class=”sereno-icon”: Corresponde a que icono se va a cargar y el estilo.
alt=”Sereno TV” title=”Sereno TV”: Las etiquetas para mejorar el SEO.
: Corresponde a la carga visible del icono.
Modificar estilo:
Puedes modificar el estilo con CSS llamando a la clase del icono correspondiente, por ejemplo:
. sereno-icon {border-radius:5px !important}
Recorda utilizar siempre !important para que se aplique tu estilo
Codigo completo para descarga ó copia:
