Aggiungere un logo nella barra di navigazione prima dei menu in Twenty Thirteen?

Question

Aggiungere un logo nella barra di navigazione prima dei menu in Twenty Thirteen?

16 dic 2013, 18:40:11

Visualizzazioni: 14.4K

Voti: 0

Sto personalizzando il tema Twenty Thirteen e voglio aggiungere un'immagine del logo nella barra di navigazione prima delle voci di menu come questo link.

Ho provato diversi approcci ma non hanno funzionato.

Apprezzerei qualsiasi suggerimento a riguardo.

Mohammad Mursaleen

764

theme-twenty-thirteen

Commenti

mostra il tuo codice... cosa hai provato finora.

Moaz Ateeq

16 dic 2013 18:42:28

Ho provato .nav-menu ul:before per visualizzare un'immagine prima del ul che mostra le voci di menu ma causava problemi

Mohammad Mursaleen

16 dic 2013 18:52:07

mostra il tuo codice, amico.

Moaz Ateeq

16 dic 2013 18:54:39

ho anche provato a visualizzare l'immagine in diversi punti all'interno di header.php in <div id="navbar" class="navbar">

Mohammad Mursaleen

16 dic 2013 18:56:46

Ti consiglio di fare le modifiche in un child theme. Altrimenti le modifiche verranno perse al prossimo aggiornamento di TwentyThirteen.

Mayeenul Islam

16 dic 2013 19:08:02

Tutte le risposte alla domanda

Commenti

Grazie Brad. Già fatto, ma potrebbe essere utile a qualcun altro nella community.

Mohammad Mursaleen

12 gen 2014 06:32:23

Hai dimenticato qualcosa?

Brad Dalton

3 mag 2014 23:39:59

Credo che:

.nav-logo {
float: left;
margin-right: 20px;
}

dovrebbe essere:

.nav-image {
float: left;
margin-right: 20px;
}

Questo è ciò che ha funzionato nel mio caso.

Tornrise

1

26 dic 2015 16:37:36

Brad Dalton 6.97K · Accepted Answer · 2013-12-31T17:11:29Z

Testato su un tema figlio di Twenty Thirteen e Twenty Twelve.

Descrizione immagine

Prova questo nel file functions.php del tuo tema figlio.

Puoi aggiungere l'immagine usando vari metodi.

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;

}

Esempio di CSS per il file style.css del tuo tema figlio:

.nav-logo {
float: left;
margin-right: 20px;
}

Vorrai anche aggiungere alcune Media Queries che varieranno in base al tema.

Ecco il risultato su Twenty Twelve:

Descrizione immagine

Brad Dalton

6.97K

31 dic 2013 17:11:29