Foros del Web » Administración de Sistemas » Shared Hosting y VPS »

[SOLUCIONADO] Integrar MaterializeCSS en un tema creado de cero

Estas en el tema de Integrar MaterializeCSS en un tema creado de cero en el foro de Shared Hosting y VPS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/02/2016, 15:26
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 10 meses
Puntos: 9
Integrar MaterializeCSS en un tema creado de cero

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() ?>

Última edición por quico5; 20/02/2016 a las 15:36
  #2 (permalink)  
Antiguo 20/02/2016, 18:33
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 10 meses
Puntos: 9
Respuesta: Integrar MaterializeCSS en un tema creado de cero

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
  #3 (permalink)  
Antiguo 20/02/2016, 20:33
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 10 meses
Puntos: 9
Respuesta: Integrar MaterializeCSS en un tema creado de cero

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?
  #4 (permalink)  
Antiguo 20/02/2016, 20:44
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 10 meses
Puntos: 9
Respuesta: Integrar MaterializeCSS en un tema creado de cero

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); 

Etiquetas: wordpress
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:07.