Menu wordpress avec drapeaux

Voici comment j’ai intégré les drapeaux dans le menu de WordPress 3. Je me suis inspiré de cet article http://www.ivorpadilla.net/cuztomizing-wordpress-custom-menu-icons/. Français-Anglais… Effectivement, il faut inscrire les classes “francais” et “english” dans la partie création de menu comme indiquer dans l’article. C’est bien dans Classes CSS (facultitaive) qu’il faut entrer la classe qui sera comprise par la page web en CSS. L’attribut est optionnel, je l’ai mis mais j’aurai pu ne rien y mettre …. Bien-sûr, les images ont été copiées dans le bon répertoire du thème.Ici, il s’agit de twentyten\images. Le code Il faut ensuite modifier le fichier style.css du thème en ajoutant : [pastacode lang=”css” message=”style.css du thème courant de votre site” highlight=”” provider=”manual” manual=”%23access%20li.francais%20a%7B%0A%20background%3A%20url(images%2Ffr_FR.png)%20center%20left%20no-repeat%3B%0A%20padding-left%3A%2018px%3B%0A%20%7D%0A%20%2F*background%3A%20url(images%2Fwordpress.png)%20center%20left%20no-repeat%3B*%2F%0A%20%23access%20li.francais%20a%3Ahover%20%7B%0A%20background%3A%20url(images%2Ffr_FR.png)%20center%20left%20no-repeat%3B%0A%20background-color%3A%20%23333%3B%0A%20color%3A%20%23fff%3B%0A%20%7D%0A%20%23access%20li.english%20a%20%7B%0A%20background%3A%20url(images%2Fen_US.png)%20center%20left%20no-repeat%3B%0A%20padding-left%3A%2018px%3B%0A%20%7D%0A%20%23access%20li.english%20a%3Ahover%20%7B%0A%20background%3A%20url(images%2Fen_US.png)%20center%20left%20no-repeat%3B%0A%20background-color%3A%20%23333%3B%0A%20color%3A%20%23fff%3B%0A%20%7D”/] C’est ici que vous pouvez voir que je n’ai pas réellement suivi les indications de l’article précédent. L’auteur indique qu’il faut mettre “#header ul.navigation li.about” soit dans notre exemple : “#header ul.navigation li.francais” , mais ce n’est pas grave tant qu’on reste sur les bonnes indications dans style.css Voila, j’espère que cela vous aura aidé !! Bien à vous !

Continuer la lecture

Vous pourriez aussi aimer