04. Crear una Plantilla en Wordpress

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

04. Crear%2Buna%2BPlantilla%2Ben%2BWordpress

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *