04.- Crear una Plantilla en WordPress [functions.php, wp_head y wp_footer]

INTRODUCCIÓN

En este tutorial vamos a trabajar con el archivo functions.php vamos a utilizar las funciones wp_head wp_footer y finalmente repararemos las imágenes que quedaron rotas del tutorial anterior.

PROCEDIMIENTOS

1.- Arreglamos las imágenes rotas en index.php y en footer.php
Sustituimos
“images/” por “<?php echo get_template_directory_uri();?>/images/”

2.- Creamos el archivo functions.php donde colocamos este codigo:

<?php 
// Funcion que agrega los recursos de js y css en wordpress
function recursos() {
    // Hay que poner wp_head(); en header.php para que esta funcion sirva
    wp_enqueue_style("style", get_stylesheet_uri());
    //wp_enqueue_script($manejador, fuente);
    // Hay que poner wp_footer(); en footer.php para que estas funciones sirvan
    wp_enqueue_script("dropotron", get_template_directory_uri().'/assets/js/jquery.dropotron.min.js', array('jquery')    ,'3.3.1'  , true );
    //wp_enqueue_script($manejador,$fuente                                                          , $array_dependencias, $version, $en_footer);
    wp_enqueue_script("browser", get_template_directory_uri().'/assets/js/browser.min.js', array('jquery'),'3.3.1',true );
    wp_enqueue_script("breakpoints", get_template_directory_uri().'/assets/js/breakpoints.min.js', array('jquery'),'3.3.1',true );
    wp_enqueue_script("util", get_template_directory_uri().'/assets/js/util.js', array('jquery'),'3.3.1',true );
    wp_enqueue_script("main", get_template_directory_uri().'/assets/js/main.js', array('jquery'),'3.3.1',true );    
}
// Hook qye coloca los recursos cuando carga la pagina
add_action("wp_enqueue_scripts", "recursos");
?>

3.- En header.php sustituimos

<link rel="stylesheet" href="<?php echo get_template_directory_uri()."/style.css"; ?>">

por

<?php wp_head(); ?>

4 .- En footer.php sustituimos

<script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/assets/js/jquery.dropotron.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/assets/js/browser.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/assets/js/breakpoints.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/assets/js/util.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/assets/js/main.js"></script>

por

<?php wp_footer(); ?>
Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

🟢Editar código de un módulo en Dolibarr [04]

🟢Editar código de un módulo en Dolibarr [04]

En este tutorial vamos editar el código de nuestro módulo personas para poder personalizar algunas…

2 meses hace
🟢Crear un sub_módulo en Dolibarr [03]

🟢Crear un sub_módulo en Dolibarr [03]

En este tutorial vamos a crear un sub módulo llamado seguridad que será muy parecido…

2 meses hace
🟢Modificar un módulo en Dolibarr [02]

🟢Modificar un módulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 meses hace
🟢Constructor de módulos en Dolibarr

🟢Constructor de módulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una política clara:…

2 meses hace
🟢Tickets en Dolibarr [19]

🟢Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 meses hace
🟢Agenda en Dolibarr [18]

🟢Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 meses hace