plugin - Incluir jQuery en la plantilla de Wordpress
jquery php wordpress (2)
Como puede ver aquí: Referencia de funciones / Cabezal wp , en el ejemplo del tema En veintiuno agregaron una nota:
/* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */
esto solo dice que necesitas poner wp_head(); función solo para cerrar el <head></head> .
así que trata de poner esta línea:
<?php wp_head(); ?>
como la última línea antes de cerrar el <head> en tu sitio.
y otro problema que he visto es que olvidó terminar con las líneas php ;
¡es muy crítico!
con el código que diste aquí, cámbialo con esto:
<?php wp_enqueue_script("jquery"); ?>
<script type="text/javascript" src="<?php bloginfo(''template_url''); ?>/js/jQuery.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url''); ?>/js/JQueryUI.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url''); ?>/js/slider.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url''); ?>/js/gallery.js"></script>
<?php wp_head(); ?>
Tengo una presentación de diapositivas personalizada, que utilicé jQuery para desarrollar. Funciona perfectamente en mi máquina local, pero cuando intento hacer la transición al servidor de wordpress, simplemente no funciona ...
Así es como puedo vincular mis archivos javascript:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo(''template_url'') ?>/js/jQuery.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url'') ?>/js/JQueryUI.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url'') ?>/js/slider.js"></script>
<script type="text/javascript" src="<?php bloginfo(''template_url'') ?>/js/gallery.js"></script>
Y también he comprobado que el javascript está funcionando (cosas como alerta). Pero todo lo relacionado con jQuery no.
Desesperadamente necesita ayuda. Cualquier sugerencia o enlace a tutoriales relacionados lo hará. Gracias n avance!
Debería usar wp_enqueue_script() en su archivo functions.php , no en su header.php . (y está agregando jQuery dos veces)
functions.php:
function my_scripts_method() {
wp_enqueue_script( ''jquery'' );
wp_enqueue_script( ''jquery-ui'', get_template_directory_uri() . ''/js/JQueryUI.js'', );
wp_enqueue_script( ''slider'', get_template_directory_uri() . ''/js/slider.js'' );
wp_enqueue_script( ''gallery'', get_template_directory_uri() . ''/js/gallery.js'' );
}
add_action( ''wp_enqueue_scripts'', ''my_scripts_method'' );
También debe tener en cuenta que WordPress encola jQuery en el modo noConflict , por lo que necesitará envolturas noConflict para poder usar $ :
jQuery(document).ready(function($) {
// your code here
});
Luego, simplemente llame a wp_head() y WordPress agregará automáticamente esos javascripts a su página.