[SOLUCIONADO] Integrar MaterializeCSS en un tema creado de cero

quico5 · #1 (**permalink**) 20/02/2016, 15:26

No me funciona el JS de MaterializeCSS, en el tema tengo la carpeta MaterializeCSS

en el navegador he comprovado que los links de CSS y JS a MaterializeCSS sean correctos

He probado a quitar wp_head() y wp_footer() y añadir los CSS y JS directamenta en el header.php conde si funcionaban

functions.php

Código PHP:

      function materialize_css(){
        wp_enqueue_style('materialize-css',get_template_directory_uri().'/materialize/css/materialize.min.css',[],'1.0');
        wp_enqueue_style('materialize-icons','https://fonts.googleapis.com/icon?family=Material+Icons',[],'1.0');
        wp_enqueue_script('materialize-js',get_template_directory_uri().'/materialize/js/materialize.min.js',[],'1.0',1);#El último determina si va al principio o al final
        wp_enqueue_style('style-css',get_template_directory_uri().'/style.css',[],'1.0');
    }    add_action('wp_enqueue_scripts','materialize_css');

header.php

Código PHP:

 
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <?php wp_head() ?>
</head>
<body class="blue lighten-5 <?= is_user_logged_in()?'logged':null ?>">

footer.php

Código PHP:

 
    <?php wp_footer() ?>
</body>
</html>

index.php

Código PHP:

 
    <?php get_header() /*get_header(home)==headerhome.php*/ ?>
        /* Cualquier ejemplo de MaterialiceCSS JS no me funciona aqui */
    <?php get_footer() ?>

quico5 · #2 (**permalink**) 20/02/2016, 18:33

Me aparecen estos errores en la consola del Navegador, debe ser alguna incompativilidad entre WordPress y MaterializeCSS

GET https://csi.gstatic.com/csi?v=2&s=ma...ot2&rt=main.11 net::ERR_BLOCKED_BY_CLIENT
(index):196 Uncaught TypeError: $ is not a function(anonymous function) @ (index):196
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=apiboot2&rt=fi rstmap.51:1 GET https://csi.gstatic.com/csi?v=2&s=ma...rt=firstmap.51 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=t rue&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visre q.307:1 GET https://csi.gstatic.com/csi?v=2&s=ma...&rt=visreq.307 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=t rue&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=first tile.321:1 GET https://csi.gstatic.com/csi?v=2&s=ma...=firsttile.321 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=t rue&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visua llycomplete.321:1 GET https://csi.gstatic.com/csi?v=2&s=ma...lycomplete.321 net::ERR_BLOCKED_BY_CLIENT
maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host:anhida …5x0.00858,size:400x400,relsize:0.34,token:2l84c1j 153,src:apiv3,ts:vtdmlf:1 GET https://maps.googleapis.com/maps/gen...piv3,ts:vtdmlf net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=t rue&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visre s.498:1 GET https://csi.gstatic.com/csi?v=2&s=ma...&rt=visres.498 net::ERR_BLOCKED_BY_CLIENT
maps.googleapis.com/maps/gen_204?target=api&ev=api_maprft&cad=host:anhida.e s,v:22,r:1,t:500,smni:1,src:apiv3,token:2l84c1j153 ,ts:vtdn97:1 GET https://maps.googleapis.com/maps/gen...j153,ts:vtdn97 net::ERR_BLOCKED_BY_CLIENT

quico5 · #3 (**permalink**) 20/02/2016, 20:33

Los errores anteriores son del plugin: WP Google Maps

La versión del jQuery de WordPress es: 1.11.3
Me devuelve el error: Uncaught TypeError: $ is not a function
`<script>$(".button-collapse").sideNav();</script>`

He probado ese jQuery en un archivo.html y tambien me daba ese error

En dicho archivo tambien he probado con:
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>

Con estos dos jQuery no tengo ese error

¿Cámo cambio el jQuery de WordPress?

quico5 · #4 (**permalink**) 20/02/2016, 20:44

SOLUCIONADO:

Código PHP:

  wp_deregister_script('jquery');
wp_enqueue_script('jquery','http://code.jquery.com/jquery-1.12.0.min.js',[],'1.12.0',0);