Dots & Thoughts

Comme avec toutes les localisations, il peut y avoir des petits couacs quand il s'agit de faire tenir un label en français dans un espace à l'origine prévu pour un label en anglais.

Et WordPress n'est pas à l'abri. Si vous utilisez WordPress en ayant la langue française activée, vous avez sans doute déjà remarqué que l'élément de menu "Tableau de bord" (tout en haut à gauche) est obligé de tenir sur deux lignes.

On peut corriger ça rapidement en injectant un peu de CSS dans l'entête du panneau d'administration de WordPress.

Pour WordPress < 3.3 ajoutez ceci dans le fichier functions.php de votre thème :

add_action('admin_head', 'my_admin_css');

function my_admin_css() {
    echo '<style type="text/css">
    #adminmenuback, #adminmenuwrap, #adminmenu,
    .js.folded #adminmenu .wp-submenu.sub-open,
    .js.folded #adminmenu .wp-submenu-wrap { 
        width: 155px;
    }
    #wpcontent, #footer {
        margin-left: 175px;
    }
</style>'."\n";
}

A partir de WordPress < 3.3, l'item "Tableau de bord" est normalement écrit sur une seule ligne. Cependant, si vous souhaitez appliquer un changement similaire, voici ce qu'il faut ajouter dans le fichier functions.php de votre thème :

addaction('adminhead', 'myadmincss');

function my_admin_css() {
    echo '<style type="text/css">
    #wpcontent, #footer {
        margin-left: 175px;
    }
    #adminmenuback, #adminmenuwrap, #adminmenu,
    #adminmenu .wp-submenu, #adminmenu .wp-submenu-wrap,
    .folded #adminmenu .wp-has-current-submenu .wp-submenu {
        width: 155px;
    }
    .wp-menu-arrow {
        -moz-transform: translate(156px);
        -webkit-transform: translate(156px);
        -o-transform: translate(156px);
        -ms-transform: translate(156px);
        transform: translate(156px);
    }
    #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
        -moz-transform: translate(155px);
        -webkit-transform: translate(155px);
        -o-transform: translate(155px);
        -ms-transform: translate(155px);
        transform: translate(155px);
    }
    #adminmenu li .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu {
        left: 156px;
    }
</style>'."\n";
}

On peut discuter les tabulations et retours à la ligne mais de cette façon c'est propre dans le code source.

Le but on l'a compris mais quel est l'intérêt ? Dans mon cas c'est simplement parce que je trouve ça dommage qu'un élément de menu d'une interface soit écrit sur deux lignes sans raison raisonnable.