Couleurs personnalisées pour les cellules de table dans le panneau de gestion WordPress
J’ai toujours pensé qu’il était intéressant de pouvoir modifier les lignes des messages de couleur de fond en fonction des différents critères de gestion de WordPress. J’ai regardé autour de moi et j’ai trouvé des tutoriels. Malheureusement, chaque tutoriel a le même Code, peut – être simplement copier et coller. De plus, après quelques tests, j’ai constaté que tous ces messages étaient incomplets. C’est pourquoi j’ai décidé d’approfondir l’explication de la façon d’ajouter une couleur de fond spécifique à la ligne de post. Pour ce faire, nous allons créer un nouveau plugin! Étape 1: bon plugin, donc pour commencer nous devons créer un plugin, comme je l’ai vu dans mon post précédent, c’est la partie la plus simple. Créez un nouveau dossier dans le contenu \/ plug – in WP et nommez – le colorier mes messages. En interne, créez un nouveau fichier et nommez – le… \
<?php /* Plugin Name: Color My Posts Plugin URL: http://remicorson.com/color-my-posts Description: A little plugin to color post rows depending on the posts' status in the administration Version: 0.1 Author: Remi Corson Author URI: http://remicorson.com Contributors: corsonr tags: color, customization, administration, corsonr, remi corson */ Quello che fa è semplicemente dire a WordPress che c'è un nuovo plugin chiamato "Color My Posts" all'interno della sua cartella dei plugin. Ora il tuo plug-in, anche se vuoto, dovrebbe essere elencato nell'elenco dei plug-in nel menu "Plugin". Nel passaggio successivo creeremo una semplice classe per istanziare il plugin.
Passaggio 2: la classe principale Poiché abbiamo creato una classe nel mio tutorial sull'aggiunta di attributi personalizzati ai menu di WordPress, dobbiamo fare lo stesso e per creare una classe, ecco come farlo: class rc_color_my_posts { /*——————————————–* * Constructor *——————————————–*/ /** * Initializes the plugin */ function __construct() { add_action('admin_footer', array( &$this,'rc_color_my_admin_posts') ); } // end constructor function rc_color_my_admin_posts(){ /* Be patient ! */ } } // instantiate plugin's class $GLOBALS['color_my_posts'] = new rc_color_my_posts(); Qui stiamo creando una classe chiamata “rc_color_my_posts che contiene un costruttore e una funzione chiamata rc_color_my_admin_posts(). Nel costruttore stiamo collegando la funzione rc_color_my_admin_posts() a admin_footer. Ciò significa che la nostra funzione verrà presa in considerazione durante il caricamento del footer di amministrazione. Ora tutto ciò che dobbiamo fare è aggiungere il codice CSS alla nostra funzione. Questo codice verrà stampato direttamente nel codice sorgente delle pagine di amministrazione di WordPress.
Passaggio 3: stilizzare i post Come ho detto prima, tutti i tutorial che parlano dello stile della riga dei post nell'amministrazione di WordPress che ho visto, ci occupiamo solo dello stato dei post. È vero, puoi modellare i post riga per stato del post, ma non solo. Per coloro che sono interessati, c'è una funzione chiamata get_post_class() nel file core /wp-includes/post-template.php. Per ogni evenienza: non modificare il codice di questo file (almeno né per ora)! Bene, questa funzione get_post_class() è fantastica perché è quella responsabile della determinazione delle classi di post. Questa funzione viene utilizzata nell'amministrazione e nel frontend. Ecco come aggiungere codice CSS personalizzato per ogni classe generata da get_post_class:
Fonction RC _ Color my admin posts () {? > \/* Afficher la couleur * par état post. Draft Status {background: # ffffe0! Important;}. État futur {contexte: # e9f2d3! Important;}. Status release {}. État en attente {arrière – plan: # d3e4ed! Important;}. Statut privé {background: # ffe6! Important;}. Mot de passe post requis {background: # ff9894! Important;} \/ * Données de couleur par auteur *. L’auteur lui – même. Créez d’autres couleurs {} \/ * dans le format post *. Formater à côté de {}. Formater la Bibliothèque « {} ». Formater le lien {}. Format image {}. Formater les guillemets {}. État formaté {}. Formater la vidéo {}. Format audio {}. Formater le chat {}. Format standard {} \/ * afficher les couleurs par catégorie de message (changer le blog par catégorie de Slug) * \/. Catégoriser les blogs {} \/ * afficher les couleurs par type de billet personnalisé (changer xxxxx par type de billet personnalisé Slug) * \/. XXXXX {}. Type xxxxx {} \/ * afficher la couleur par id de poste (changer xxxxx par id de poste) * \/. Post – xxxxx {} \/ * afficher la couleur par post – Tag (changer xxxxx par TAG segment plug) * \/. Tag xxxxx {} \/ * color hatom compliance *. Appuyez et maintenez {} ID) & & is _ admin () $class [] = ‘after Paste’;
Téléchargez le plug – in pour ceux qui veulent utiliser le plug – in directement à partir de la boîte sans avoir à le créer moi – même. J’ajoute le plug – in au dépôt et il suffit de cliquer ici pour le télécharger.