Italiano
Română
Русский¿Cómo agregar un logo en la barra de navegación antes de los elementos del menú en Twenty Thirteen?
16 dic 2013, 18:40:11
Vistas: 14.4K
Votos: 0
Estoy personalizando el tema Twenty Thirteen y quiero agregar una imagen de logo en la barra de navegación antes de los elementos del menú como se muestra en este enlace.
He probado diferentes enfoques pero no funcionaron.
Agradecería cualquier sugerencia al respecto.
Mohammad Mursaleen
Comentarios
Todas las respuestas a la pregunta
2
2
Probado en un tema hijo de Twenty Thirteen y Twenty Twelve.
Prueba esto en el archivo functions.php de tu tema hijo:
Puedes añadir la imagen usando varios métodos.
add_filter( 'wp_nav_menu_items', 'wpsites_add_logo_nav_menu', 10, 2 );
function wpsites_add_logo_nav_menu( $menu, stdClass $args ){
if ( 'primary' != $args->theme_location )
return $menu;
$menu .= '<nav class="nav-image"><img src="' . get_stylesheet_directory_uri() . '/images/header.png" /></nav>';
return $menu;
}
Ejemplo de CSS para el archivo style.css de tu tema hijo:
.nav-logo {
float: left;
margin-right: 20px;
}
También querrás algunas Media Queries que variarán según el tema.
Aquí está el resultado en Twenty Twelve:
Brad Dalton
31 dic 2013 17:11:29
Comentarios
Gracias Brad. Ya está hecho pero podría ayudar a alguien más en la comunidad.
Mohammad Mursaleen
12 ene 2014 06:32:23
¿Olvidaste algo?
Brad Dalton
3 may 2014 23:39:59
0
Tornrise
26 dic 2015 16:37:36