Un desarrollador web amigo y yo probamos muchas soluciones antes de molestarte aquí. Humildemente le pedimos su ayuda, también vimos que Stack overflow está abierto para obtener ayuda si colocamos la etiqueta: smoothState.js. realmente necesitamos su ayuda, este es nuestro problema:

Intentamos incluir la biblioteca JS (o el complemento jquery, debería decir) en mi tema de wordpress https://github.com/miguel-perez/smoothState.js#intro

y seguimos las instrucciones de este artículo para lograrlo: https://webdesign.tutsplus.com/tutorials/how-to-integrate-smoothstatejs-into-a-wordpress-theme--cms-26610

Entonces, los pasos que seguimos son: 1- crear un tema secundario 2- copiar y pegar jquery.smoothState.js desde el repositorio de github al tema principal --- activo --- js [1]: https://i.stack. imgur.com/CfMGS.jpg aquí está la captura de pantalla: [ingrese la descripción de la imagen aquí] [1]

3- use la función wordpress para poner en cola javascript en function.php del tema secundario: el código es así:

 wp_register_script( 'scount', get_template_directory_uri() . '/assets/js/jquery.smoothstate.js' ); wp_enqueue_script( 'jquery-smoothstate-js', 'assets/js/jquery.smoothstate.js', array( 'jquery' ), '0.5.2' ); wp_enqueue_script( 'script-js', 'assets/js/script.js', array( 'jquery', 'jquery-smoothstate-js' ), '1.0.0' );

4- crea un script.js en la carpeta del tema ---- activo --- js y ponemos este código:

 <script type='text/javascript' src='wp-includes/js/jquery/jquery.js'></script> <script type='text/javascript' src='assets/js/smoothstate.js'></script> <script type='text/javascript' src='assets/js/script.js'></script> ( function( $ ) { $( function() { // Ready var settings = { anchors: 'a' }; $( '#page' ).smoothState( settings ); } ); })( jQuery );

luego agregamos el css que se encuentra en el artículo para agregar una animación:

.site-content { -webkit-transition: -webkit-transform .28s, opacidad .28s;

 -ms-transition: -o-transform .28s, opacity .28s; -o-transition: -o-transform .28s, opacity .28s; transition: transform .28s, opacity .28s;

}

Por favor ayúdenos... y si lo hace, sea lo más claro posible, somos dos principiantes y necesitamos instrucciones claras sin confusión. ¿Qué tiene de malo lo que hicimos? Buscamos en todo Internet sobre cómo agregar la biblioteca JS en wordpress y eso es todo lo que encontramos. ¿Por qué no funciona?

Gracias de antemano