Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Tag

footer.php

Quitar & añadir menús de navegación en WordPress

Los temas que vienen predeterminado con nuestra aplicación WordPress, sea el Twentyten o el Twenteleven vienen con solamente un menú de navegación principal que esta abajo de la imagen de cabecera. Además tenemos la posibilidad de añadir un menú personalizado en las áreas de los widgets, esto esta muy bien y nos amplia las opciones de tener mas menús, ahora bien – llega el momento que queremos tener mas menús, mas control sobre ellos & mas orden en nuestro escritorio.

Primero vamos a crear un menú de navegación nuevo – en funcionts.php añadimos

register_nav_menu( ‘footer’, __( ‘Footer Menu’, ‘twentyeleven’ ) );

Esta función de WordPress nos deja registrar un menú nuevo & lo presenta en el apartado de menús en el escritorio

Ahora lo que nos queda es plantar este menú de navegación en el footer, copiamos el footer.php de nuestro tema padre & lo pegamos en nuestro tema hijo. Aquí buscamos el sitio adecuado – donde queremos que aparezca el menú de footer nuevo que tenemos así –

<?php wp_nav_menu( array(‘container_class’ => ‘menu-footer’,’theme_location’ => ‘footer’ ) ); ?>

Y ya esta…

Quitar y añadir areas Widget en WordPress

Bueno,

Llego el momento de cambiar la presentación de nuestros áreas Widget en el tema hijo, aquí en estas áreas es donde podemos añadir funcionalidad extra a nuestra web. Primero es importante comprobar un poquito todo el tema Widgets a través del escritorio – entramos en apariencia & widgets, y comprobamos las diferentes posibilidades de plantar un widget con contenido adicional para nuestra web.

Ahora bien como siempre para controlar los widgets tenemos que crear una copia del sidebar.php en nuestro tema hijo.

Los wigets se crean con register_sidebar otras se las funciones predeterminadas del WordPress & se quitan con unregister_sidebar todo esto como siempre en nuestro functions.php que reside en mi tema hijo asi que esto se hace asi –

Para quitar una área widget de mi aplicación WordPress –

function quitar_Widget(){
unregister_sidebar(‘sidebar-2’);
}

add_action(‘widgets_init’, ‘quitar_Widget’, 11);

Aquí el nombre que del widget lo buscamos en el sidebar.php & allí seleccionamos el Widget que queremos quitar.

Y ahora es tiempo de crear una área widget nueva –

function crear_Widget (){
register_sidebar( array(
‘name’ => __( ‘Footer Area Four’, ‘twentyeleven’ ),
‘id’ => ‘footer-four’,
‘before_widget’ => ‘


‘after_widget’ => “</aside>”,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );

}

Escribimos una función que usa el register_sidebar() con su nombre, id & las demás propiedades –  aqui podeis ver que hace cada propiedad & descubrir mas opciones – http://codex.wordpress.org/Function_Reference/register_sidebar

El siguiente paso es activar la función – esta vez se hace así –

add_action(‘widgets_init’, ‘crear_Widget’);

Llamando a la función del widget_init & a la nuestra.

Ahora queda plantar este Widget donde queremos que este, en este caso en el footer, estos widgets del footer residen el el 2011 en sidebar-footer.php , para poder hacer cambios a este archivo lo copiamos a nuestro tema hijo, vamos a buscar la funcion dynamic_sidebar que instala el widget en donde queremos & añadimos nuestro widget nuevo – incluyendo la condiciones de presentación, tal & como están el los otros widgets, así –

<!–?php if ( is_active_sidebar( ‘footer-four’ ) ) : ?>

fourth” class=”widget-area” role=”complementary”>


<?php dynamic_sidebar( ‘footer-four’ ); ?>
</div><!– #third .widget-area –>
<!–?php endif; ?>

Ahora el trabajo esta casi hecho, hemos quitado el widget que no nos hacia falta, hemos creado nuestro widget propio, lo hemos plantado en la zona deseada, y el único que nos queda es retocar todo con el CSS & añadir funcionalidad a nuestro widget nuevo.

Disfrutar : )

Blog at WordPress.com.

Up ↑

%d bloggers like this: