Global translator – Insertion du code ? (Créer un compte)

Ton site utilise un thème premium (payant) de WordPress, je ne peux donc voir son code source pour t’aider précisément. Cependant, édite le fichier header.php de ce thème et cherche un code ressemblant à ceci :

<div id="wrap">
<div id="header">
<ul id="nav" class="nav">

Juste après la dernière ligne ci-dessus, avant quoi que ce soit d’autre, ajoute l’affichage des drapeaux :

Note cependant qu’il est plutôt recommandé d’avoir deux sites distincts (français en .FR, anglais en .US, .COM ou .CO.UK selon le ciblage géographique) ou des sous-domaines (fr.kitchen-art.com, en.kitchen-art.com) pour une bonne visibilité sur les moteurs de recherche dans chacune des langues supportées. Le coup des drapeaux, cela n’a aucun intérêt réel (pourquoi diable un visiteur du site .FR cliquerait-il sur la version anglaise ou un visiteur de la version anglaise lirait du français, alors qu’un moteur de recherche ou autre lien envoie le visiteur directement dans la bonne langue du site ?)

Je constate que tu as ajouté le code. Cependant, le code source est différent de ce que je pensais, d’où un décalage vers le bas des menus. Aussi, il faudrait procéder autrement.

A partir du même bout de code figurant dans header.php :

<div id="wrap">
<div id="header">
<ul id="nav" class="nav">

nous allons insérer notre code juste avant l’énumération

, à savoir comme ceci :

<div id="wrap">
<div id="header">

<ul id="nav" class="nav">

Ensuite, nous devons modifier l’apparence de ces deux zones, les drapeaux, d’une part, et le menu, d’autre part. Pour cela, nous devons modifier la feuille de style style.css du thème comme suit :

/* Décollons un peu (mais pas trop, car le menu est superposé en dessous) les drapeaux du haut de la fenêtre du navigateur */
#translation_bar
{
    margin-top:0.25em;
}

/* Enlevons la signature des drapeaux qui nous gêne dans la mise en page */
#transl_sign
{
    display:none;
}

#nav, #nav ul
{
    line-height:1;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0.5em 0 0; /* espaçons le menu du haut de la fenêtre */
    padding:0;
    z-index:100;
}

Normalement, cela devrait fonctionner correctement.