10.- Crear una Plantilla en Wordpress [widget]


Los widgets son una excelente opción para agregar elementos extras a nuestra web y wordpress los sabe muy bien, por eso nos ofrece rápidas y fáciles opciones para gestionar y programarlos.

En este tutorial vamos a prender a crear widgets y en particular vamos a crear dos widgets para poder gestionar el área del footer desde nuestro administrador de wordpress.

1.- En functions.php agregamos el siguiente código:

<?php
// Activando el soporte para los sidebar
if (function_exists('register_sidebar')) {
       /**
        * Creates a sidebar
        * @param string|array  Builds Sidebar based off of 'name' and 'id' values.
        */
        // $args = array(
        //     'name'          => __( 'Ultimas Entradas Footer'),
        //     'id'            => 'ultimas_entradas_footer',
        //     'description'   => '',
        //     'class'         => '',
        //     'before_widget' => '',
        //     'after_widget'  => '',
        //     'before_title'  => '',
        //     'after_title'   => ''
        // );
        // register_sidebar( $args );
       register_sidebar(array(
            'name'=>'footer ultimas entradas'
            ));
        register_sidebar(array(
            'name'=>'footer ultimas categorias'
            ));
}

2.- En footer.php sustituimos
         <header>
          <h2>Tempus consequat</h2>
         </header>
         <ul class="divided">
          <li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
          <li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
          <li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
          <li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
          <li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
          <li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
         </ul>
por

                                    <ul class="divided">
                                        <?php
                                        dynamic_sidebar( 'footer ultimas entradas' );
                                        ?>
                                    </ul>

También sustituimos

         <header>
          <h2>Ipsum et phasellus</h2>
         </header>
         <ul class="divided">
          <li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
          <li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
          <li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
          <li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
          <li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
          <li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
         </ul>

por

                                    <ul class="divided">
                                        <?php
                                        dynamic_sidebar( 'footer ultimas categorias' );
                                        ?>
                                    </ul>












Comentarios

Facebook Like

Entri Populer

hackear wifi con kali linux 📡

Instalar Netbeans 10 en Windows 10

Instalar netbeans 10 en ubuntu 18.04