Personnalisation de l'administrateur WordPress - Écrans des inscriptions

Code

Dans les parties 1 à 4 de cette série, je vous ai montré comment:

Personnaliser l'écran de connexion WordPress
Personnaliser le tableau de bord
Personnaliser le menu admin
Ajouter du texte d'aide pour publier des écrans de modification

Dans cette cinquième tranche, je vais vous montrer comment personnaliser les écrans de liste dans l'administrateur.

Dans ce tutoriel, vous apprendrez à:

Supprimer les colonnes des écrans de liste d'articles pour différents types d'articles
Redimensionner les colonnes restantes

Je vais créer un plugin pour le faire. Si vous avez déjà créé un plugin après avoir suivi les parties 1 à 4 de cette série, vous préférerez peut-être ajouter le code de ce tutoriel à ce plugin, ce qui vous donnera un plugin complet. vos personnalisations administratives.

Ce dont vous aurez besoin pour compléter ce tutoriel

Pour compléter ce tutoriel, vous aurez besoin de:

Une installation WordPress
Accédez au dossier des plugins de votre site pour ajouter votre plugin
Un éditeur de texte pour créer votre plugin

Mise en place du plugin

Au début de mon plugin, j'ajoute les lignes suivantes:

 / * Nom du plug-in: WPTutsPlus Personnalisation de la partie d'administration 5: écrans de listage URI du plug-in: http://rachelmccollin.co.uk Description: Ce plug-in prend en charge le didacticiel de wptutsplus. Il personnalise les écrans de listes WordPress dans l’administrateur. Version: 1.0 Auteur: Rachel McCollin URI de l'auteur: http://rachelmccollin.com Licence: GPLv2 * /

1. Suppression de colonnes de l'écran Posts Listings

Sur mon site, je n'utiliserai pas de balises pour les publications, je peux donc aussi bien les supprimer de l'écran de liste des publications. Ci-dessous, vous pouvez voir à quoi ressemble l'écran de la liste des publications avec toutes les colonnes par défaut en place. (Notez que dans cette capture d'écran, les articles sont appelés actualités parce que j'ai changé cela dans la partie 3 de cette série).

La colonne balises est inutile car elle ne contient aucune donnée, je vais donc la supprimer..

Pour éditer des colonnes, j'utilise l'un des trois crochets d'action suivants:

manage_posts_columns, pour l'écran de liste des articles
manage_pages_columns, pour l'écran de liste de pages
manage_ $ post_type_posts_columns, pour un écran listant votre type de message personnalisé. Donc, par exemple si j'avais un 'des voitures' type de message personnalisé, je voudrais utiliser le manage_cars_post_type_columns crochet d'action

Dans ce cas je vais utiliser manage_posts_columns.

Dans votre plugin, ajoutez ce qui suit:

 // supprime les balises des publications, écran de la fonction wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); retourne $ colonnes;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Cela supprime la colonne "Tags", comme indiqué dans la capture d'écran.

La colonne pour les commentaires est également superflue pour ce site, je vais donc l'enlever aussi. Modifiez votre fonction pour qu'elle se lise comme suit:

 // supprime les balises des publications, fonction d'écran wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); unset ($ columns ['commentaires']); retourne $ colonnes;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Cela supprimera également la colonne 'Commentaires':

Ainsi, les colonnes inutiles sont maintenant supprimées, mais elles ont laissé beaucoup d'espace que je pourrais utiliser en rendant les colonnes un peu plus larges..

Remarque sur l'ajout de colonnes de taxonomie aux écrans d'annonces

Il est à noter que l'ajout de colonnes aux écrans de liste se fait très différemment. Avant WordPress 3.5, vous ajoutiez des colonnes pour les taxonomies personnalisées de la même manière que la méthode que je viens de démontrer pour supprimer des colonnes. Cependant, depuis WordPress 3.5, cela a changé. Au lieu de personnaliser l’écran, vous devez définir la 'show_admin_column' argument pour la taxonomie à vrai quand vous enregistrez. Pour plus d'informations à ce sujet, voir le Codex.

2. Redimensionnement des colonnes dans l'écran de post-inscription

Je peux redimensionner les colonnes en utilisant CSS. Les classes que je dois cibler sont:

.Correction de l'auteur .column, pour la colonne 'Auteur'
.fixé .column-categories, pour la colonne 'Catégories'
.edit-php, pour que mes modifications ne s'appliquent qu'à cet écran d'édition particulier, pour lequel le corps la balise a la .edit-php classe.

Je fais ces changements en définissant de nouveaux styles et en les activant via le admin_enqueue_scripts crochet.

Dans votre plugin, ajoutez ce qui suit:

// redimensionne les colonnes dans la fonction d'écran post-listing wptutsplus_post_listing_column_resize () ?>

Cela redimensionne les colonnes afin qu'elles utilisent l'espace plus efficacement.

Remarque: Il est recommandé de placer votre CSS dans une feuille de style distincte et d’appeler cela à l’aide de wp_register_style et wp_enqueue_style. Comme le prochain tutoriel de cette série se concentre sur le style de l’administrateur WordPress, je vais vous montrer comment faire cela dans la partie 6..

Résumé

La personnalisation des écrans de publication d'articles dans WordPress est très simple: vous pouvez facilement supprimer des colonnes à votre guise et modifier le style afin de mieux utiliser l'espace. Cela rendra les écrans moins déroutants pour vos utilisateurs, car ils ne verront pas les colonnes qui ne contiennent pas de métadonnées..

Code