Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Activar funciones jquery y js dentro de plantilla propia

Estas en el tema de Activar funciones jquery y js dentro de plantilla propia en el foro de WordPress en Foros del Web. Ante todo un saludo para todos los miembros de ésta comunidad. Tenia un rato sin recurrir al foro pero la necesidad apremia. Desde hace algunos ...
  #1 (permalink)  
Antiguo 02/10/2014, 14:59
Avatar de magnusmaind  
Fecha de Ingreso: febrero-2011
Mensajes: 10
Antigüedad: 13 años, 9 meses
Puntos: 1
Activar funciones jquery y js dentro de plantilla propia

Ante todo un saludo para todos los miembros de ésta comunidad.

Tenia un rato sin recurrir al foro pero la necesidad apremia. Desde hace algunos meses me introduje en el mundo de WordPress y comence por el lado más dificil que es el de crear mis propios temas. Todo bien en cuanto a lo basico pero tengo un problema y es que no logro hacer funcionar ningún tipo plugin de tipo slideshow en mis plantillas. Las estoy colocando de forma tradicional pero me urge activar estas funciones via plugins para que mis clientes inexpertos puedan crear sus propios slides sin recurrir a mi para actualizar imagenes y cosas por el estilo. No se si me falta algo dentro del "functions.php" o si falta cargar algo en alguna parte de mis temas pero estoy al borde de la locura y he revisado miles de posts sobre el tema y no doy con la solución. Voy a dejar un enlace de una de las paginas que estoy confeccionando de mis clientes y voy a desactivar momentaneamente por unos días el modo de "en construcción" para que puedan ver que solo he logrado que me aparezca una pinche imagen de las 4 que estoy usando con el plugin para slideshow llamado "Meta Slider". Tambien les dejo los codigos que tengo en mi "index", "header" y "functions" a ver que onda con ésto (ojo, todo muy básico, apenas voy comenzando).

header.php:

Código PHP:
<?php
/**
 * Header Template
 *
 * Please do not edit this file. This file is part of the Cyber Chimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Ideas Que Brillan Workgroup
 * @package  Framework
 * @since    1.0
 * @author   William Pedroza
 * @license  http://www.ideasquebrillan.com.ve/license/
 * @link     http://www.ideasquebrillan.com.ve/
 */
?>

<!DOCTYPE html>
    <!--[if lt IE 7]>
    <html class="ie ie6 lte9 lte8 lte7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 7]>
    <html class="ie ie7 lte9 lte8 lte7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8 lte9 lte8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 9]>
    <html class="ie ie9" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if gt IE 9]>
    <html <?php language_attributes(); ?>> <![endif]-->
    <!--[if !IE]><!-->

<html>

<head>
    <meta charset="<?php bloginfo'charset' ); ?>"/>
    <meta name="viewport" content="width=device-width"/>

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php ?> <?php wp_title(); ?></title>

    <link rel="profile" href="http://gmpg.org/xfn/11"/>
    <link rel="pingback" href="<?php bloginfo'pingback_url' ); ?>"/>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Economica:400,700|Titillium+Web:400,300,600,700' rel='stylesheet' type='text/css'>

    <code><?php
    wp_enqueue_script
('jquery');
    
wp_enqueue_script('misfunciones','/wp-content/themes/unplugged/lib/functions.js',array('jquery'));
    
wp_head();
    
?></code>
</head>

<body>

<div id="main-container">

<!--    TOP HEADER    -->

    <div id="headerbox">
        <a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/HeaderUnpluggedSite2014.jpg" alt="" title="" width="" height="" /></a>
    </div>

    <!--    MENU    -->

    <div id="menu-box">
        <?php shailan_dropdown_menu(); ?>
    </div>

</div>
index.php:

Código PHP:
<?php get_header(); ?>

<div id="main-wrapper">

    <!--     Slider Area     -->

    <div id="slider-wrapper">
        <?php echo do_shortcode("[metaslider id=36]"); ?>
    </div>

    <!--    End Slider Area -->

    <div id="midMenu-wrapper">
        <div id="btn1-wrapper">
            <div id="btn-links"><p><a href="http://unpluggedtheparty.com/tecnologia/iluminacion/" class="btnMidle">ILUMINACI&Oacute;N</a></p></div>
        </div>
        <div id="btn2-wrapper">
            <div id="btn-links"><p><a href="http://unpluggedtheparty.com/tecnologia/audio" class="btnMidle">AUDIO</a></p></div>
        </div>
           <div id="btn3-wrapper">
            <div id="btn-links"><p><a href="http://unpluggedtheparty.com/tecnologia/pantallas-led/" class="btnMidle">PANTALLAS HD LED</a></p></div>
        </div>
     </div>
</div>

<?php get_footer(); ?>
functions.php:

Código PHP:
<?php
   
function mi_inicio() {
    if (!
is_admin()) {
        
// comment out the next two lines to load the local copy of jQuery
        
wp_deregister_script('jquery');
        
wp_register_script('jquery''http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'false'2.1.1');
        
wp_enqueue_script('jquery');
    }
}
add_action('init''mi_inicio');
Página donde tengo el problema: http://www.unpluggedtheparty.com/

Bien, esto es todo lo que tengo hasta ahora o mejor dicho, donde creo que me faltan cosas. Quedo super atento a sus comentarios y sabias soluciones.

Saludos desde Venezuela!
  #2 (permalink)  
Antiguo 02/10/2014, 17:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Activar funciones jquery y js dentro de plantilla propia

en el archivo header.php esta fuera de lugar

<code>...</code> no debes colocarlo entre esas etiquetas, solo coloca wp_head() y listo lo de wp_enqueue_script se hace desde el archivo functions.php con
Código PHP:
Ver original
  1. function veritas_scripts_front(){
  2.     wp_enqueue_style('id_estilos', $url_theme . 'style.css', false, null);
  3.     wp_deregister_script('jquery');
  4.     wp_enqueue_script('jquery', includes_url('js/jquery/jquery.js'),false,false,true);
  5.     wp_enqueue_script('theme_scripts', $url_theme.'js/scripts.js',false,false,true);
  6. }
  7. add_action( 'wp_enqueue_scripts', 'veritas_scripts_front' );


wp_deregister_script('jquery') yo lo utilizo para remover el jquery que agrega wordpress dentro del header y así poderlo mandar al footer... una practica que ha estado dándose mucho para optimizar la carga del sitio.


por cierto no olvides que asi como en el header.php pones wp_head() en el footer.php también debes poner wp_footer() antes de la etiqueta </body>

Etiquetas: plantilla
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 14:23.