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