X

Comment changer la couleur d’un article ou d’une page en fonction de son statut dans WordPress

Snippets by IsItWP

Vous cherchez un moyen de changer les couleurs d’arrière-plan d’un article ou d’une page dans l’interface d’administration en fonction de son statut actuel ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour bannir des comptes d’utilisateurs dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code dans le fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

add_action('admin_footer','posts_status_color');
function posts_status_color(){
?>
<style>
.status-draft{background: #FCE3F2 !important;}
.status-pending{background: #87C5D6 !important;}
.status-publish{/* no background keep wp alternating colors */}
.status-future{background: #C6EBF5 !important;}
.status-private{background:#F2D46F;}
</style>
<?php
}

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur comment copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 22 meilleurs thèmes WordPress pour le podcasting et comment choisir le meilleur registrar de nom de domaine.

Commentaires   laisser une réponse

  1. Thanks for the snippet!

  2. Thanx alot for the snippet. Solved my problem.

  3. This code snippet is obviously no longer working with new WP 4.2.2
    I have tested it at my WP and at a fresh, blank WP installation with exactly your code mentioned above. But only each second line is colored. See screenshot here: http://screencloud.net/v/CaLW
    Any idea is appreciated, thanks.

    1. Hi Viania, after your comment I did a test on a fresh install of WordPress 4.2.2 and I don’t get the problem you have. I had first assumed that it might be the post-formats and enabled them but to no avail everything was still working.

      http://wpsnipp.com/wp-content/uploads/2015/06/sample.png

      Here is a screenshot, now with that said this is a simple snippet only adding CSS to the admin to change the background color based on a post status class. Can you inspect the table to see if something else may be overriding the snippet ?

      1. thank you for getting back to me, have you tested it with for example 4 (!) draft posts one after the other?

        You’re right, it is overwritten by this style:

        But I don’t know, where it is coming from – all plugins are disabled:
        http://screencloud.net/v/BNC7
        and I changed the theme to TwentyFifteen.
        I don’t know, what styles these are, seems that these are wp-admin styles: http://screencloud.net/v/8NvQ
        I’m using WP 4.2.2 as multisite!

        1. you don’t happen to have any mu-plugins, or something within the functions.php do you?

          1. I have the for MU necessary sunrise.php plugin installed and the
            WordPress MU Domain Mapping plugin. In theme’s function is nothing from me (switched to TwentyFifteen, but same results).

          2. strange, well if you can find the location of the css, it should help to resolve the issue.

          3. I’m not familiar with WP own admin styles like you

    2. i tryed but still not working

  4. 25 WordPress Code Snippets for Enhanced Performance - ManageWP avril 9, 2014 à 11:20 am

    […] Source […]

  5. Wordpress Admin - How My Custom Posts List Rolls mars 2, 2014 à 2:28 am

    […] [Source] […]

  6. Great snippet!

  7. thanks you very much ! very nice and it s free …

    1. Always free 🙂 enjoy the snippet.

      1. I said “free” because some pugin is not free and do the same ! (link removed)

        1. This is very true, my goal however is to help people working with wordpress.

  8. nice one!

  9. Is there a way to change row colour based on the category the post is in?

  10. Is there a way to change color (the same effect as above) but based on the template of the page instead of the status?

    1. hhhmmm, I’m sure something like that could be done. Can you give me a little insight into the reasons. This way I can make a post about it with code,

  11. Color Code your WordPress Posts by Post Status in Admin juillet 25, 2011 à 8:01 am

    […] little snippet (courtesy of WordPress Code Snippets) allows you to color code the posts in your admin area, so that you can identify posts by their […]

  12. Thanks! that will be helpful!

    1.  Cool glad you like it.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !