/*

Customiser son administration WordPress sans plugin

Wordpress

Dans la continuité de mon article pour rendre son WordPress plus social sans plugin, je vais vous présenter aujourd’hui différents snippets qui vous permettront de personnaliser votre administration WordPress rapidement et sans prise de tête. Cela pourra notamment vous être utile si vous gérez un site communautaire avec des utilisateurs qui doivent se connecter à l’admin WP.

La barre d’administration

Barre d'administration WordPress

Changer le logo dans la barre d’administration

Pour remplacer le petit logo WordPress “W” en haut à gauche de votre administration par le votre, voici le code à ajouter au functions.php :

add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }
</style>
';
}

Il faudra remplacer l’image custom-logo.gif par le logo de votre site et veiller à respecter la taille (28px max de hauteur).

Ajouter des liens personnalisés dans la barre d’administration

Toujours dans le fichier functions.php, insérer ce bout de code que vous pourrez personnaliser comme bon vous semble :

function mytheme_admin_bar_render() {
global $wp_admin_bar;
$wp_admin_bar->add_menu( array(
'parent' => 'new-content', // use 'false' for a root menu, or pass the ID of the parent menu
'id' => 'new_media', // link ID, defaults to a sanitized title value
'title' => __('Media'), // link title
'href' => admin_url( 'media-new.php'), // name of file
'meta' => false // array of any of the following options: array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
));
}
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

Supprimer la barre d’administration à tous sauf aux administrateurs

// afficher la barre d'administration qu'aux administrateurs
if (!current_user_can('manage_options')) {
add_filter('show_admin_bar', '__return_false');
}
// afficher la barre d'administration qu'aux administrateurs et aux éditeurs
if (!current_user_can('edit_posts')) {
add_filter('show_admin_bar', '__return_false');
}

Supprimer complétement la barre d’administration

Pour cela, il existe deux façons de la supprimer :

1. En la désactivant avec ce code :

show_admin_bar(false);

2. En la cachant en CSS :

#wpadminbar { display:none; }

Source : digwp.com

Déplacer la barre d’administration en pied de page

A placer dans votre fichier functions.php :

function fb_move_admin_bar() {
echo '
<style type="text/css">
body {
margin-top: -28px;
padding-bottom: 28px;
}
body.admin-bar #wphead {
padding-top: 0;
}
body.admin-bar #footer {
padding-bottom: 28px;
}
#wpadminbar {
top: auto !important;
bottom: 0;
}
#wpadminbar .quicklinks .menupop ul {
bottom: 28px;
}
</style>';
}
// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );

Source : wpengineer.com

Personnaliser le tableau de bord

Customiser les widgets dans le tableau de bord

Tableau de bord WordPressLorsqu’on se connecte à l’administration WordPress, la première chose que l’on voit est un ensemble de widgets par défaut plus ou moins utiles : quelques statistiques, le Press-Minute pour publier un article rapidement, les commentaires récents, le Blog WordPress, les autres actualités de WordPress…

Si des utilisateurs et clients doivent se connecter à votre interface, peut-être que vous souhaiteriez faire le tri et afficher des informations plus pertinentes et utiles. Pour supprimer tous les widgets qui ne permettent pas de gérer le site et ajouter un widget avec un texte personnalisé, voici le code à utiliser :

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
wp_add_dashboard_widget('custom_help_widget', 'Help and Support', 'custom_dashboard_help');
}
function custom_dashboard_help() {
echo '<p>Bienvenu dans l\'espace d\'administration ! Si vous avez besoin d\'aide à la soumission d\'un article, n\'hésitez pas à consulter le support technique.</p>';
}

Source : wp.smashingmagazine.com

Ajouter un widget personnalisé dans le tableau de bord

Si vous voulez ajouter un nouveau widget personnalisé dans le tableau de bord, voici le code :

function example_dashboard_widget_function() {
echo "Bonjour à tous ! Ceci est un widget personnalisé où vous trouverez des informations et mises à jour importantes concernant ce portail d'actualités.";
}
function example_add_dashboard_widgets() {
wp_add_dashboard_widget('example_dashboard_widget', 'Mon Widget Personnalisé', 'example_dashboard_widget_function');
}
add_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );

Source : codex.wordpress.org

Personnaliser l’éditeur d’article

Éditer le “Saisissez le titre” par défaut

Editeur de texte WordPressLors de l’ajout d’un nouvel article, WordPress affiche par défaut “Saisissez le titre” dans le champs Titre. Si vous souhaitez l’éditer, ajoutez ce code dans votre functions.php :

function title_text_input( $title ){
return $title = 'Saisissez un titre de plus de 60 caractères';
}
add_filter( 'enter_title_here', 'title_text_input' );

Source : wpsnipp.com

Spécifier l’intervalle de temps pour l’auto-sauvegarde d’article

Si vous trouvez que WordPress fait des auto-sauvegardes de vos articles trop régulièrement et que cela affecte les performances de votre site, ou qu’à l’opposé vous pensez qu’elles ne sont pas assez régulières, alors ce code est fait pour vous :

define('AUTOSAVE_INTERVAL', 600); // 60 * 10, auto-sauvegarde toutes les 10 minutes

Pour une fois, ce code n’est pas à placer dans le functions.php, mais dans le fichier wp-config.php.

Supprimer l’éditeur visuel

Si vous souhaitez ne plus afficher l’éditeur visuel pour la rédaction d’un article, et donc afficher uniquement l’éditeur HTML, ajoutez ce code dans le fichier functions.php :

add_filter('user_can_richedit' , create_function('' , 'return false;') , 50);

Autoriser les contributeurs à ajouter des médias

En natif, WordPress n’autorise pas les contributeurs à ajouter des images dans leurs articles. Dommage, c’est pourtant bien pratique pour un site de CP qui se veut clean et plus attractif. Heureusement, il existe un snippet qui permet d’éditer ce droit :

$edit_contributor = get_role('contributor');
$edit_contributor->add_cap('upload_files');

Pour en savoir plus sur les droits des utilisateurs sur WordPress, rendez-vous dans le codex de WordPress.

Source : sixrevisions.com

Personnaliser le design de son administration

Personnaliser la page de connexion

Page de login WordPress personnalisée

Page de login WordPress personnalisée

Voici un snippet vraiment sympa qui vous permettra de personnaliser complétement le design de la page de connexion à votre administration :

function login_enqueue_scripts(){
echo '
<div></div>
<style type="text/css" media="screen">
.background-cover{
background:url('.get_bloginfo('template_directory').'/images/background) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:fixed;
top:0;
left:0;
z-index:10;
overflow: hidden;
width: 100%;
height:100%;
}
#login{ z-index:9999; position:relative; }
.login form { box-shadow: 0px 0px 0px 0px !important; }
.login h1 a { background:url('.get_bloginfo('template_directory').'/images/logo.png) no-repeat center top !important; }
input.button-primary, button.button-primary, a.button-primary{
border-radius: 3px !important;                         background:url('.get_bloginfo('template_directory').'/images/button.jpg);
border:none !important;
font-weight:normal !important;
text-shadow:none !important;
}
.button:active, .submit input:active, .button-secondary:active {
background:#96C800 !important;
text-shadow: none !important;
}
.login #nav a, .login #backtoblog a {
color:#fff !important;
text-shadow: none !important;
}
.login #nav a:hover, .login #backtoblog a:hover{
color:#96C800 !important;
text-shadow: none !important;
}
.login #nav, .login #backtoblog{
text-shadow: none !important;
}
</style>
';
}
add_action( 'login_enqueue_scripts', 'login_enqueue_scripts' );

Source : catswhocode.com

Changer le logo de la page de connexion à l’admin

Car c’est quand même plus sympa d’avoir son propre logo que celui de WordPress lorsqu’on se connecte à son administration !

function htx_custom_logo() {
echo '
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/assets/images/dashboard-logo.png) !important;
background-position: 0 0;
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
';
}
add_action('admin_head', 'htx_custom_logo');

Changer la police de caractère dans l’éditeur

Insérez ce code dans votre fichier functions.php et remplacez les polices après “font-family:” par celles que vous souhaitez utiliser.

<?php add_action( "admin_head-post.php", "devpress_fix_html_editor_font" );
add_action( "admin_head-post-new.php", "devpress_fix_html_editor_font" );
function devpress_fix_html_editor_font() { ?>
<style type="text/css">#editorcontainer #content, #wp_mce_fullscreen { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; }</style>
<?php } ?>

Source : wprecipes.com

Changer le favicon de votre administration

En natif, WordPress n’affiche aucun favicon pour l’espace d’administration. Si vous voulez également personnaliser cet élément, c’est tout à fait possible grâce à ce code :

function sf_login_head() {
$blog_url = get_bloginfo('url');
echo '<link rel="shortcut icon" href="'.$blog_url.'/favicon.ico" />';
}
add_action("login_head", "sf_login_head");

N’oubliez pas d’uploader votre favicon au bon endroit ou changer le lien en fonction de l’emplacement de votre favicon. La taille optimale d’un favicon est de 16x16px.

Source : screenfeed.fr

What else?

Afficher un message personnalisé après une inscription

Message personnalisé après une inscriptionSi vous avez besoin d’afficher un message personnalisé avec des informations, règles de publication ou conditions à vos utilisateurs dès l’inscription, alors ce code est fait pour vous :

add_action('register_form', 'register_message');
function register_message() {
$html = '
<div style="margin:10px 0;border:1px solid #e5e5e5;padding:10px">
<p style="margin:5px 0;">
Merci pour votre inscription sur notre site de communiqués de presse. Vous pouvez dès à présent publier des articles sur notre portail à condition de respecter les règles de publication...
</p>
</div>';
echo $html;
}

Source : wpsnipp.com

Éditer le texte dans le footer de l’admin

Footer personnalisé dans l'admin

Au lieu d’afficher “Merci de faire de WordPress votre outil de création.” dans le footer de votre administration WordPress, affichez votre propre texte ! Pour cela, il ne vous reste plus qu’à utiliser et éditer ce code :

function remove_footer_admin () {
echo "Merci d'avoir choisi notre site pour publier vos communiqués de presse | Voir les règles de publication...";
}
add_filter('admin_footer_text', 'remove_footer_admin');

Source : wprecipes.com

Désactiver les messages de mises à jour des nouvelles versions de WP

Notification de mise à jour pour WordPress

La sécurité est un élément non négligeable pour tout site web et quand on utilise un CMS, il est très important de le mettre à jour régulièrement. Certains s’étonnent encore aujourd’hui de se faire hacké pour ne pas avoir mis à jour son WordPress, ses thèmes et ses plugins pendant plus d’un an.

Cependant, si de nombreuses personnes, voire même certains de vos clients, se rendent sur la partie admin de sites que vous gérez et voient régulièrement ces messages de mises à jour, cela peut être assez dérangeant. Pour faciliter les mises à jour (WP, plugins et thèmes), utiliser InfiniteWP, qui est gratuit et qui vous permettra également de faire des backups régulièrement.

Pour le mettre en place, vous n’avez plus qu’à ajouter ce code au functions.php :

if ( !current_user_can( 'edit_users' ) ) {
add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
}

Source : wprecipes.com

Changer l’adresse email WordPress par défaut

Lorsque WordPress envoie une notification pour un article publié, un nouveau commentaire… il l’enverra avec cette adresse par défaut : wordpress@votresite.com. Si vous souhaitez remplacer cette adresse, voici le snippet à utiliser :

add_filter('wp_mail_from', 'new_mail_from');
add_filter('wp_mail_from_name', 'new_mail_from_name');
function new_mail_from($old) {
return 'adresse@email.com';
}
function new_mail_from_name($old) {
return 'Nom de votre site';
}

Source : wprecipes.com

Vider la corbeille automatiquement

Pour ne plus vous prendre la tête à vider la corbeille régulièrement (cela intéressera particulièrement les gestionnaires de sites de CP), voici le code qu’il vous faut (à ajouter au fichier wp-config.php) :

define('EMPTY_TRASH_DAYS', 7 ); // Vide automatiquement la corbeille toutes les semaines

Éditer les informations de contact d’un profil

Informations de contact d'un profil WordPressQuand on édite son profil sur WordPress, on a la possibilité de remplir des champs qui sont pour certains indispensables/utiles et d’autres inutiles. Vous devez voir à quoi je fais référence, je pense notamment aux champs Yahoo IM, AIM ou encore Jabber/Google Talk. Heureusement, il est possible de les supprimer et de les remplacer par des champs plus utiles, comme son Facebook ou Twitter par exemple. Pour mettre cela en place, voici le code :

function new_contactmethods( $contactmethods ) {
$contactmethods['twitter'] = 'Twitter'; // Ajouter Twitter
$contactmethods['facebook'] = 'Facebook'; // Ajouter Facebook
unset($contactmethods['yim']); // Supprimer Yahoo IM
unset($contactmethods['aim']); // Supprimer AIM
unset($contactmethods['jabber']); // Supprimer Jabber/Google Talk
return $contactmethods;
}
add_filter('user_contactmethods','new_contactmethods',10,1);

Cocher “se souvenir de moi” par défaut

Si vous souhaitez cocher par défaut la case “se souvenir de moi” sur la page de login, alors voici le code à insérer dans le functions.php :

function sf_check_rememberme(){
global $rememberme;
$rememberme = 1;
}
add_action("login_form", "sf_check_rememberme");

Source : screenfeed.fr

En passant, je vous invite à consulter cet excellent article publié sur screenfeed.fr qui porte également sur la personnalisation de son interface d’administration WordPress. Vous y trouverez des astuces très pratiques avec des explications détaillées.

Si vous aussi, vous avez de bonnes astuces et fonctions pratiques pour personnaliser l’interface d’administration WP, alors n’hésitez pas à les partager en commentaire ! Et si cet article vous a plu, faites-le savoir en le partageant !

Ces articles devraient aussi vous intéresser :

47 réactions instructives :

  1. Matthieu
    25 février 2013 à 10 h 59 min #

    Super liste de petites fonctions à utiliser directement sur son thème sans ajouter 50 plugins différents.
    On pourrait y rajouter un petit clean du header WordPress par défaut avec ça :

    remove_action(‘wp_head’, ‘wlwmanifest_link’);
    remove_action(‘wp_head’, ‘rsd_link’);
    remove_action(‘wp_head’, ‘adjacent_posts_rel_link_wp_head’);
    remove_action(‘wp_head’, ‘wp_generator’);
    remove_action( ‘wp_head’, ‘index_rel_link’ );
    remove_action( ‘wp_head’, ‘feed_links_extra’, 3 );

  2. Amin
    25 février 2013 à 13 h 53 min #

    Ah ouais… ça c’est de l’article !
    Je ne vais pas utiliser toutes les fonctions mais il y en a quelques unes intéressantes ;-)

    Sinon, @Matthieu… pourrais-tu détailler à quoi correspondent ces lignes ?

  3. Mikie
    25 février 2013 à 21 h 51 min #

    Je plus-sois les commentaires précédents : c’est sympa d’avoir des lignes plus ou moins simples pour faire tout ce boulot proprement et l’adapter à ses envies. D’autant plus qu’au-delà de la réalisation technique, cet article est un petit pense-bête pour ajouter des fonctions forts utiles qu’on oublie souvent (par exemple le coche automatique de se souvenir de moi” qui fait toujours plaisir!).

  4. Jean-Paul
    26 février 2013 à 7 h 19 min #

    Hello,
    La première chose que je vais utiliser c’est la désactivation des messages de mise à jour, j’avoue que ça sera pas du luxe. Après je vais m’attaquer au logo de la page admin, je suis en train de faire quelques logos pour mes prochains blogs, et j’ai bien envie de les voir partout ;)

  5. Eric
    26 février 2013 à 12 h 40 min #

    Hello Maximilien, je suis d’accord avec Amin, difficile de faire plus exhaustif. Article méga complet ;)

    Personnellement, ce que je préfère ce sont les snippet liés à la personnalisation de la page de connexion. Souvent quand tu montes un site pro avec un WP, pas mal de personnes cherchent à voir si c’est un WP ou pas (je le fais ^^). Donc faire une page personnalisé fait très sérieux car “jusque boutiste”. Donc merci pour l’astuce.

    Pour aller plus loin, l’un d’entre vous auraot-il un bon tuto pour carrément masqué la page de connexion wp-admin et wp-login. Je regarde sur notre ami Big G mais si vous en avez un bon à me conseiller, je suis preneur :)

  6. Bruno
    26 février 2013 à 18 h 17 min #

    Bonjour,

    En effet, cette liste est assez complète pour customiser son site/blog, mais personnellement j’aurais trop peur de faire une erreur!

  7. Ben
    27 février 2013 à 16 h 10 min #

    Super article, complet et très bien illustré pour mieux s’y retrouver ;)

    Il tombe à pic car j’ai justement une interface d’administration d’un blog à personnaliser avant de l’ouvrir à d’autres rédacteurs. Tes conseils me permettront d’ajouter un encart avec les règles de rédaction à respecter sans trop de difficultés. En tout cas j’espère…

  8. Marion
    28 février 2013 à 11 h 33 min #

    Merci pour les hacks c’est bien utile surtout pour des clients qui veulent un site vraiment personnalisé et à leur image. Et cela passer aussi par l’administration wordpress. Du coup j’utilisais des plugins qui font exactement la même chose mais bon plugin = plus de lourdeur.

    je vais essayer au plus vite ces bouts de code.

    Au plaisir.

  9. GeekPress
    28 février 2013 à 23 h 44 min #

    Merci pour le partage. Il y a quasiment toutes les astuces de cette article sur GP :)

    Je me permets de partager un lien vers mon guide complet : Personnaliser la page de connexion de WordPress où j’apporte aussi quelques solutions via des plugins pour les personnes qui n’ont pas forcément les compétences nécessaires pour modifier les différents fichiers.

    J’aurai tout de même appris quelque chose de sympa parmi les codes : Cocher « se souvenir de moi » par défaut

  10. Arnaud
    1 mars 2013 à 9 h 35 min #

    Hello,

    Merci pour ces bon hacks. Je ne pense pas le mettre en place sur mes sites, étant tout seul pour les gérer il n’y a pas trop d’intérêt. Par contre comme tu dis pour une communauté, entreprise même comme un client, ça peut-être un plus de mettre le logo de l’entreprise sur l’interface de WordPress.

    Article complet, je partage :)

  11. Jeremie
    1 mars 2013 à 15 h 53 min #

    Super Maximilien !

    Est-ce que tu saurais comment mettre du texte en évidence par une citation dans un article ? Je vois parfois des articles avec une phrase en citation et j’aimerais faire la même chose sur mon blog.
    Merci d’avance

  12. Nicolas Ruiz
    1 mars 2013 à 20 h 46 min #

    Du même avis que Arnaud, quand t’es seul à gérer ton blog, j’en vois pas l’utilité à part tuer le temps..
    Sinon merci du tuto! ;)

  13. Hugo
    2 mars 2013 à 7 h 09 min #

    Hello,
    Ca faisait quelque temps que je cherchais quelque unes de ces astuces, notamment l’édition des infos de contacts d’un profil, bien content de trouver ici les bouts d code qui vont bien :-); je n’ai plus qu’à m’y mettre maintenant!

  14. Cédric
    3 mars 2013 à 0 h 24 min #

    Help !!
    Bon avant tout, beaucoup de choses dans cet article. ll va me falloir du temps pour assimiler tout ça.

    Moi il me manque quand même un truc : un hack pour permettre l’affichage d’un texte personnalisé dédié aux auteurs sur un site de CP. J’ai trouvé des chose sur la toile, mais rien ne fonctionne. Par exemple j’ai collé ceci dans function.php, mais sans résultat :

    add_action( ‘admin_notices’, ‘sf_admin_notice’ );
    function sf_admin_notice(){
    global $current_screen;
    if ( $current_screen->parent_base == ‘edit’ )
    echo ‘Test !’;
    }

    Mais j’obtiens ça :

    Fatal error: Call to undefined function add_action() in /home/combines/public_html/www.pepseo.fr/wp-includes/functions.php on line 3862

    J’y connais pas grand chose en PHP … mais j’apprends sur le tas.

    Bref, si quelqu’un a un tuyau, je suis preneur :)

    • Maximilien Labadie
      3 mars 2013 à 8 h 55 min #

      Salut Cédric, à la vue de ton erreur, je pense que tu as placé le code dans le mauvais fichier. Il s’agit du fichier functions.php dans le dossier de ton thème et pas celui du dossier wp-includes.

  15. Cédric
    3 mars 2013 à 23 h 16 min #

    Maximilien,

    Super, ça fonctionne !! Ce n’était pas grand chose finalement mais quand on ne sait pas… on galère.

    Donc merci beaucoup !!

  16. François
    15 mars 2013 à 11 h 11 min #

    Merci pour le tutorial complet. C’est effectivement très complet pour personnaliser l’interface des clients utilisant WordPress. J’utilise en général Dreamweaver en créant un site et en effectuant de ctrl + f pour identifier les éléments dans les différents fichiers.

  17. Brahim
    25 mars 2013 à 12 h 42 min #

    Merci pour toutes ces astuces ! Je vais tester notamment celles avec la modification de l’image de fond de la page de connexion et celle pour cocher automatiquement “Se souvenir de moi” à chaque connexion.

    Sur certaines astuces tu ne précises pas sur quel fichier porte les modifs, c’est tout le temps dans functions.php ?

    • Maximilien Labadie
      25 mars 2013 à 18 h 29 min #

      Oui il te faudra modifier le fichier functions.php de ton thème ;)

  18. Cédric
    15 avril 2013 à 12 h 15 min #

    Merci pour cette pêche au bons snippets! Je crois que je vais me faire un plugin qui reprends pas mal de ces astuces. Genre tu charges le plugin et hop tout est OP en une action ^^

  19. Rom
    13 juin 2013 à 8 h 49 min #

    Hello,

    Bon j’arrive un peu tard sur l’article j’avoue ^^
    Je trouve que c’est un bon moyen de donner une plus value au site pour un client ;) En effet si il a l’habitude de voir tout le temps la même interface ça peu saouler…

    Donc un très bon article bien utile ;) merci bien

  20. Guénaël
    18 juillet 2013 à 3 h 21 min #

    Bonjour
    Je me permets de vous poser une petite question qui n’arrive pas à trouver son écho sur internet.
    Je dois gérer un site que je viens de mettre en place pour une structure (WordPress+BuddyPress)
    Je souhaiterais cacher mon compte d’Administrateur à la vue de tous, car il apparait dans “les membres”, ce que je ne veux pas.
    J’ai essayé en installant “BP Hide Members”, mais rien n’y fait.
    En espérant que cela soit possible. Merci

    Guénaël

  21. Mathieu
    16 août 2013 à 23 h 36 min #

    Hello,

    J’aide ma femme pour créer son blog, et je suis tombé ici pour personnaliser la barre d’administration. J’ai une question pour commencer:

    Pour changer le logo barre admin, où dois je mettre le programme?
    car il y a plusieurs functions.php

    Dans l’attente de lire prochainement.

    Cdt.

  22. Bernard
    26 novembre 2013 à 13 h 43 min #

    Modification du Logo admin WordPress depuis 3.3.1

    Depuis la version 3.3.1, il y a de nouvelles règles de style qui contrôlent le logo dans l’admin WordPress . Un nouveau code contrôle les styles personnalisés de la barre d’admin. Voici la fonction (à insérer dans functions.php) qui remplace le logo d’administration:
    function htx_custom_logo() {
    echo '

    #wp-admin-bar-wp-logo > .ab-item .ab-icon {
    background-image: url(' . get_bloginfo('stylesheet_directory') . '/assets/images/dashboard-logo.png) !important;
    background-position: 0 0;
    }
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
    }

    ';
    }
    add_action('admin_head', 'htx_custom_logo');

    • Maximilien Labadie
      27 novembre 2013 à 11 h 34 min #

      Merci pour cette correction Bernard, je viens de mettre à jour l’article !

  23. Remi
    7 février 2014 à 20 h 07 min #

    Bonsoir,

    Je débute avec WordPress et mon site doit être réservé à des membres déjà inscrits, donc, je souhaite revoir complétement la page d’inscription mais je ne sais pas comment la retrouver et modifier.
    L’inscription est bien désactivée mais cette page existe toujours :(

    Merci de votre aide,

    Rémi

  24. Efraïm
    21 mars 2014 à 13 h 50 min #

    Hello Maxi!
    TOI LAAA, Je t’adore quoi!!! ^^ :D
    Franchment, tu as carrément plus d’un tour dans ta manche. C’est coooll cet article.
    C’est très bien technique et très pratique.
    Merci beaucoup

    A bientôt ;)

    • Maximilien Labadie
      21 mars 2014 à 14 h 15 min #

      Avec plaisir Efraim, en espérant que cela puisse te servir :)

  25. Benjamin
    25 avril 2014 à 9 h 00 min #

    Salut Maxi !

    Ce tuto est vraiment super et m’as bien permis de personnaliser l’interface, un grand bravo !

    Mais j’aurais une petite question, je ne parviens pas à afficher mon logo dans la barre d’administration, je pense avoir mis mon dossier “images” au bon emplacement, le code est bien dans le custom CSS mais pas moyen d’afficher ce logo…
    Une petite idée?

    Merci d’avance ;)

    • Maximilien Labadie
      26 avril 2014 à 15 h 22 min #

      Salut Benjamin,

      Merci pour ton comm, c’est sympa ;)
      Pour répondre à ta question, je crois que l’une des dernières MAJ de WordPress (3.8 ou 3.9) ne permet plus de personnaliser le logo dans la barre d’administration de cette façon. Je l’avais mis en place sur plusieurs sites, ça marchait bien, mais la ça ne fonctionne plus.

      Je te tiendrais informé si jamais j’ai du nouveau la dessus, sinon si tu trouves avant moi, n’hésites pas à laisser un nouveau comm :)

  26. Jean
    5 juin 2014 à 22 h 38 min #

    Bonjour Maximilien,

    Je viens de voir ton tuto qui est très bon et j’ai une question à te poser. Cela concerne plus lesrequête que le design mais j’espère que tu pourras m’aider. J’ai un site wordpress qui gère des appartement à louer. Lorsque je veux entrer une nouvelle propriété j’ai en option l’étage au quel se trouve l’appartement, seulement l’affichage est ordonné de sorte que j’ai “1, 10, 11, 12…, 2, 3…” mais j’amerais avoir un afficahge de la forme “1, 2, 3, 4,…., 10, 11…”. Pourrais-tu me dire comment faire ?

  27. dadymer
    6 juin 2014 à 18 h 17 min #

    Bonsoir Jean,

    Je ne suis pas un spécialiste WordPress mais coté requête, je pense que les étages sont du type Texte et non Integer sinon, un simple “ORDER BY” devrait l’affaire.

  28. xtof
    17 septembre 2014 à 13 h 09 min #

    Bonjour Maximilien

    Je déploie un site pour un groupe d’utilisateurs faisant partie d’un annuaire dont certaines rubriques ne sont pas destinées à figurer sur le site.

    Je dois donc suivre les éventuelles modifications de profil, surtout les modifs d’adresse mail de contact pour les répercuter dans le fichier annuaire (distinct).

    Je souhaite savoir s’il est possible d’informer les administrateurs en cas de modification du profil c’est à dire ré-envoyer un mail comparable a celui que l’on reçoit ; ….[xxx] Inscription d’un nouvel utilisateur…

    ex : Dupont change de FAI, son adresse passe de dupont at free.fr a dupont at gmail.com : la modification de son profil dans WP envoie un mail d’info à l’admin.

    Merci !

  29. unpeudecu
    18 novembre 2014 à 14 h 08 min #

    bonjour

    étant sur wordpress 3.9.2 voir 4.0
    je viens de voir ton commentaire maximilien sur les MAJ
    et me suis acharné à mettre mon logo sur la barre admin et dans le favicon admin impossible
    c’est mieux pour la page login
    mais j’utilise fonction function login_enqueue_scripts() que tu proposes en allant voir la source car t’as oublié la class dans le div

    sinon impossible de retrouver #header-logo dans les fichiers wp pour le petit W de la barre
    je pense que le code css est plus dans la fonction htx_custom_logo()
    #wp-admin-bar-wp-logo > .ab-item .ab-icon:before

    d’ailleurs quesque tu entends pas là le “logo de la page de connexion à l’admin”
    pour moi c’est le logo au milieu de la page qui est dans function login_enqueue_scripts

    et pour le favicon de la page login c’est bon avec function sf_login_head
    mais tu parles pour l’administration pour moi c’est ambigu
    je considere que la page login n’est pas la page admin

    comme je débute je me perd dans tout ça
    sinon c’est bien ça m’a obligé à débugger et creuser la question mais j’ai toujours pas réussi à changer le petit logo W de la barre admin ni le favicon de la page admin
    ç’est peut-etre du au MAJ

    si tu as des idées pour résoudre ce probleme ce serait cool ! ça fait deux jours que je suis dessus

  30. unpeudecu
    18 novembre 2014 à 15 h 01 min #

    j’ai trouvé pour le W de la barre admin
    faut changé “background-image:” en “content:”
    et rajouter :before à la balise css

    function htx_custom_logo() {
    echo

    #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before{
    content: url(‘ . get_stylesheet_directory_uri() . ‘/images/main_28.jpg) !important;
    background-position: 0 0;
    }
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
    }

    ‘;

    }
    add_action(‘admin_head’, ‘htx_custom_logo’);

    :)

    • Maximilien Labadie
      18 novembre 2014 à 15 h 24 min #

      Merci pour ces précisions et pour le code ;)

  31. younes
    6 janvier 2015 à 10 h 59 min #

    Bonjour,

    j’ai essayé quelques fonctionnalités qui marchait très bien sur mon site, jusqu’à ce code

    function htx_custom_logo() {
    echo ‘
    #wp-admin-bar-wp-logo > .ab-item .ab-icon {
    background-image: url(‘ . get_bloginfo(‘stylesheet_directory’) . ‘/assets/images/dashboard-logo.png) !important;
    background-position: 0 0;
    }
    #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
    }
    ‘;
    }
    add_action(‘admin_head’, ‘htx_custom_logo’);

    ou j’ai essayé de remplacer (. get_bloginfo(‘stylesheet_directory’) . ‘/assets/images/dashboard-logo.png) par l’url de mon logo.

    J’ai enregisté les modifications et plus rien mon site n’est plus disponible “erreur HTTP 500?

    Que dois je faire pour résoudre le problème?

    Par avance merci

    Younès

  32. Filou80
    7 mars 2015 à 18 h 50 min #

    Bonjour

    Je souhaite garder les liens connexion et se deconnecter dans le widget méta mais je souhaite effacer le mot méta dans mes pages comment faire ?
    Merci par avance pour votre aide.

    @+ Filou80

  33. Fabien
    9 mars 2015 à 18 h 34 min #

    Bonjour et merci pour toutes ces astuces !

    Je cherche comment modifier (et personnaliser) le texte des notifications envoyées par WP lorsque l’on créé un nouvel utilisateur et que l’on coche la case “Envoyer ce mot de passe au nouvel utilisateur…”

    A-t-on la possibilité de gérer ces textes par une fonction dans le fichier functions.php de son thème ?

    Merci,

    Fabien

  34. abba boo
    23 avril 2015 à 17 h 15 min #

    Bonjour,

    Le lien vers la demo dans la partie Personnaliser le design de son administration

    ne fonctionne plus, et la page d’erreur générée n’est pas tres sécure…

    • Maximilien Labadie
      24 avril 2015 à 13 h 37 min #

      Merci pour l’info, je viens d’enlever le lien.

  35. maryam
    11 juin 2015 à 21 h 13 min #

    Bonjour,

    Merci beaucoup pour cet article, qui m’a servi à personnaliser ma page de connexion!

    Est il possible de déplacer le “bloc connexion”, je veux dire le carré au centre dans lequel on tape l’identifiant et le mdp ?

    Par exemple de le placer vers la gauche, plutôt qu’au centre de la page?

  36. Alexandre
    29 janvier 2016 à 12 h 01 min #

    Bonjour Maximilien,

    toujours un plaisir de te lire !

    J’ai une petite question, je gère un site où je dois TOUJOURS recopier le même code HTML pour la mise en page. Et comme je crée entre 10 et 40-50 articles par jour ce serait plus pratique d’ajouter le code de manière automatique avec du PHP.

    Je pense qu’il faut l’ajouter au ficher functions.php. As tu une idée ?

    Par avance, merci :)

    • Maximilien Labadie
      29 janvier 2016 à 13 h 18 min #

      Salut Alexandre !

      Merci pour ton passage ;) Effectivement c’est possible et ça se passe dans le fichier functions.php.

      Ajoute y cette fonction :

      function diww_default_post_content( $content ) {
      $content = ‘Ton code HTML’;
      return $content;
      }
      add_filter( ‘default_content’, ‘diww_default_post_content’ );

      • Alexandre
        29 janvier 2016 à 15 h 01 min #

        Merci Maximilien !

        J’ai eu quelques soucis avec le HTML car il y avait des apostrophes et cela faisait planter le site…

        Je vais gagner pas mal de temps tous les jours avec ce petit bout de code ! Maintenant je vais continuer d’automatiser mes tâches courantes grâce à http://www.webandseo.fr/webmaster/productivite/ :)

        • Maximilien Labadie
          29 janvier 2016 à 16 h 58 min #

          Super, tu as aussi les autres articles de la catégorie Gain de Temps: http://www.webandseo.fr/blog/gdt/
          et n’hésites pas si tu as d’autres questions ;)

  37. Jérémie
    28 avril 2016 à 9 h 03 min #

    Bonjour,

    Votre article est très intéressant et les morceaux de codes proposés sont exactement les réponses à mes problèmes.

    Malheureusement dès que j’en copie un dans mon fichier functions.php j’ai une erreur.

    Faut-il faire une manipulation particulière pour copier le code?

Donne ton avis :

Je souhaite recevoir les meilleurs conseils et astuces de Web & SEO