Cum să adaug un logo în bara de navigare înaintea elementelor de meniu în tema Twenty Thirteen?

Question

Cum să adaug un logo în bara de navigare înaintea elementelor de meniu în tema Twenty Thirteen?

16 dec. 2013, 18:40:11

Vizualizări: 14.4K

Voturi: 0

Personalizez tema Twenty Thirteen și vreau să adaug o imagine de logo în bara de navigare înaintea elementelor de meniu, precum acest link.

Am încercat diferite abordări, dar nu au funcționat.

Aș aprecia orice sugestie în acest sens.

Mohammad Mursaleen

764

theme-twenty-thirteen

Comentarii

arată-ți codul...ce ai încercat până acum.

Moaz Ateeq

16 dec. 2013 18:42:28

Am încercat .nav-menu ul:before pentru a afișa o imagine înaintea listei UL care afișează elementele de meniu, dar a creat probleme

Mohammad Mursaleen

16 dec. 2013 18:52:07

arată-ți codul, prietene.

Moaz Ateeq

16 dec. 2013 18:54:39

am încercat, de asemenea, să afișez imaginea în diferite locuri în cadrul header.php în <div id="navbar" class="navbar">

Mohammad Mursaleen

16 dec. 2013 18:56:46

Îți recomand să faci modificările într-un child theme. Altfel, modificările vor fi șterse la următoarea actualizare a TwentyThirteen.

Mayeenul Islam

16 dec. 2013 19:08:02

Toate răspunsurile la întrebare

Comentarii

Mulțumesc, Brad. Am rezolvat deja, dar poate ajuta pe altcineva din comunitate.

Mohammad Mursaleen

12 ian. 2014 06:32:23

Ai uitat ceva?

Brad Dalton

3 mai 2014 23:39:59

Cred că:

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

ar trebui să fie:

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

Așa a funcționat la mine.

Tornrise

1

26 dec. 2015 16:37:36

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

Testat pe un child theme Twenty Thirteen & Twenty Twelve.

logo în meniu

Încercați acest cod în fișierul functions.php al child theme-ului.

Puteți adăuga imaginea folosind diverse metode.

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;

}

Exemplu de CSS pentru fișierul style.css al child theme-ului:

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

Veți avea nevoie și de Media Queries care vor varia în funcție de theme.

Iată rezultatul pe Twenty Twelve:

rezultat final

Brad Dalton

6.97K

31 dec. 2013 17:11:29