En algunas situaciones quieres usar algunos scripts en una sola página o para un bloque en particular y para hacerlo es necesario incluir estilos en head y/o scripts al final del código antes de /body.
Para no tener que crear una plantilla especial para una sola página, pero al mismo tiempo poder colocar estilos y código en la misma desde cualquier contenido, puedes inyectar el código que necesites usando las funciones:
insert_in_header(code,[priority])Para usarlas en alguna página o bloque, deberás iniciar primero una sección de código php usando por ejemplo:
<?php$priority es un parámetro opcional. Un entero que permite ordenar las prioridaddes en que se pondrá el código al final de /head. Un número más alto significa que el código se insertará más tarde en la lista. Si no se proporciona, el valor predeterminado es 0.
$priority es un parámetro opcional. Un entero que permite ordenar las prioridaddes en que se pondrá el código al final de /body. Un número más alto significa que el código se insertará más tarde en la lista. Si no se proporciona, el valor predeterminado es 0.
$priority es un parámetro opcional. Un entero que permite ordenar las prioridaddes en que se pondrá el código después de /title. Un número más alto significa que el código se insertará más tarde en la lista. Si no se proporciona, el valor predeterminado es 0.
Este es un ejemplo para implementar el plugin counterup desde un bloque. Es un sencillo plugin de jQuery para hacer el efecto de aumento incremental de números.
Lo más recomendable (y ordenado) es separar la sección que requiere el código o estilo especial en un bloque y en ese bloque hacer el llamado a insert_in_header() o insert_in_footer() para luego inscrustarlo en la página con block:miBloque
<?php insert_in_header('<style>.counter{font-size:3em;display:block;color:orange}</style>'); insert_in_footer('<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>',101); insert_in_footer('<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>',102); insert_in_footer(" <script> jQuery(document).ready(function($) { $('.counter').counterUp({ delay: 10, time: 5000 }); }); </script>",103); ?>958,393.10 3,000,000 700
This functions can be used within your tags and plugins. This is a demostration of the tag aos to implement AOS animations on your site.
Simply insert the tag in any part of the page, i.e. aos:duration=1000 and AOS animation will be activated, then you can animate tags with "data-aos=" as in
<h2 data-aos="fade-down"> Use in tags & plugins </h2>