Integrar MaterializeCSS en un nuevo tema

Resuelto

(@quico)

He intentado integrar MaterializeCSS desde functions.php pero JS parece no funcionar, no es la primera vez que tengo problemas con scripts por tenerlos en el head o al final del body y sospecho que es un problema de este tipo

Si al index.php le pongo directamente el ejemplo de la web oficial me funciona perfectamente:
http://materializecss.com/getting-started.html

function.php

function materialize_css(){
		wp_enqueue_style('style-css',get_template_directory_uri().'/style.css',[],'1.0');
		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
	}	add_action('wp_enqueue_scripts','materialize_css');

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)

Iniciador del debate quico
(@quico)

hace 8 años, 7 meses
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

header.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
```
<?php wp_footer() ?>
</body>
</html>
```
index.php
```
<?php get_header() /*get_header(home)==headerhome.php*/ ?>
        /* Cualquier ejemplo de MaterialiceCSS JS no me funciona aqui */
    <?php get_footer() ?>
```
Iniciador del debate quico
(@quico)

hace 8 años, 7 meses

En mi tema, en la Consola del Navegador:

GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=apiboot2&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=firstmap.51:1 GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=apiboot2&rt=firstmap.51 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visreq.307:1 GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visreq.307 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=firsttile.321:1 GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=firsttile.321 net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visuallycomplete.321:1 GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visuallycomplete.321 net::ERR_BLOCKED_BY_CLIENT
maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host:anhida…5×0.00858,size:400×400,relsize:0.34,token:2l84c1j153,src:apiv3,ts:vtdmlf:1 GET https://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=hos…635×0.00858,size:400×400,relsize:0.34,token:2l84c1j153,src:apiv3,ts:vtdmlf net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visres.498:1 GET https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=22.15&action=map&firstMap=true&e=mob:n,hdpi:n,staticmapsize:y,webp:y&rt=visres.498 net::ERR_BLOCKED_BY_CLIENT
maps.googleapis.com/maps/gen_204?target=api&ev=api_maprft&cad=host:anhida.es,v:22,r:1,t:500,smni:1,src:apiv3,token:2l84c1j153,ts:vtdn97:1 GET https://maps.googleapis.com/maps/gen_204?target=api&ev=api_maprft&cad=host:anhida.es,v:22,r:1,t:500,smni:1,src:apiv3,token:2l84c1j153,ts:vtdn97 net::ERR_BLOCKED_BY_CLIENT

Iniciador del debate quico
(@quico)

hace 8 años, 7 meses

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?

Iniciador del debate quico
(@quico)

hace 8 años, 7 meses

SOLUCIONADO:

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)

El debate ‘Integrar MaterializeCSS en un nuevo tema’ está cerrado a nuevas respuestas.

Integrar MaterializeCSS en un nuevo tema

Debates

Debates populares

Debates sin respuestas

Debates que no son soporte

Debates resueltos

Debates no resueltos

Todos los debates