![[btcscreen]](https://www.btcscreen.com/wp-content/uploads/2026/02/btcscreen_logo_b-47x45.png){kind=logo}
El ticker que presentamos aquí es una pequeña app, como ejemplo de otras aplicaciones que podrían desarrollarse usando los shortcodes del plugin.
INSTALACIÓN
Te explico las tres formas posibles de integrar el ticker en un tema hijo de wordpress.
👈 Opción 1: usar un hook en el functions.php del tema hijo (recomendada)
💬 Es la forma más simple y segura para añadir el ticker al header sin tocar el archivo header.php.
-
Copia el ticker completo (el código
<div>+<script>+ estilos inline). -
Abre el archivo:
wp-content/themes/tu-tema-hijo/functions.php
-
Al final del archivo, añade esto:
function btc_ticker_en_header() {
👈>
<!-- Ticker BTCscreen -->
<div id="btc-ticker" style="width:100%;overflow:hidden;white-space:nowrap;background:#000;color:#fff;padding:8px 0;font-size:18px;font-family:Arial,sans-serif;">
<span id="btc-ticker-text">Cargando precio BTC...</span>
</div>// 💬 Aquí pegas TODO el script JS del ticker completo
</script>
<👈php
}
add_action(‘wp_head’, ‘btc_ticker_en_header’);
💬 Ventajas:
-
No modificas
header.php, así que no se pierde con actualizaciones. -
Se carga automáticamente en todas las páginas (en
<head>o justo bajo la etiqueta<body>si usaswp_body_open). -
Puedes activarlo o quitarlo fácilmente comentando la función.
💬 Opción 2: editar el archivo header.php del tema hijo
(Si ya sabes dónde colocar algo de HTML)
-
Abre:
wp-content/themes/tu-tema-hijo/header.php
-
Busca la etiqueta:
<body <👈php body_class(); 👈>>
-
Justo debajo, pega el ticker completo:
<div id="btc-ticker">...</div>
<script>...</script>
💬 Ventaja: controlas exactamente dónde aparece (por ejemplo, arriba del todo de la web).
💬 Inconveniente: si cambias de tema, tendrás que volver a insertarlo.
💬 Opción 3: mediante un plugin de inserción de código
(Si no quieres tocar ningún archivo)
Instala un plugin gratuito como “Insert Headers and Footers by WPBeginner” o “Code Snippets”, y:
-
Crea un nuevo snippet.
-
Pega el HTML y el script del ticker.
-
Marca “Insertar en el header”.
-
Guarda y activa.
💬 Es la más user-friendly si no quieres FTP ni editar archivos.
💬 Recomendación para ti
Usa Opción 1 (hook en functions.php), porque:
-
No rompe el diseño,
-
No depende de un plugin extra,
-
Y puedes copiar/pegar directamente el código del ticker actual.