Dans la première partie de cette série, je vous ai montré comment personnaliser votre écran de connexion WordPress en ajoutant un logo personnalisé et du contenu. Styles personnalisés.
La prochaine chose qu'un utilisateur verra après s'être connecté est le tableau de bord. Dans ce didacticiel, vous apprendrez donc à le personnaliser en supprimant certaines boîtes méta existantes, en déplaçant certaines boîtes méta et en ajoutant de nouvelles boîtes méta.
Les étapes que je vais démontrer dans ce tutoriel sont :
Je vais créer un plugin pour ce faire - si vous avez déjà créé un plugin après avoir terminé la première partie de cette série, vous préférerez peut-être ajouter le code de ce didacticiel à ce plugin, vous donnant ainsi une vue fonctionnelle globale. plugins pour votre personnalisation de gestion.
Pour réaliser ce tutoriel vous aurez besoin de :
Au début du plugin j'ajoute les lignes suivantes :
/* Plugin Name: WPTutsPlus Customize the Admin Part 2 - The Dashboard Plugin URI: https://rachelmccollin.co.uk Description: This plugin supports the tutorial in WPTutsPlus. It customizes the WordPress dashboard. Version: 1.0 Author: Rachel McCollin Author URI: http://rachelmccollin.com License: GPLv2 */
La première étape consiste à supprimer toutes les méta-boîtes dont nous n’avons pas besoin. Cela ne fonctionne que pour les utilisateurs dont les rôles sont inférieurs à « Administrateur », car je souhaite toujours avoir accès à tous les tableaux de bord WordPress en tant qu'administrateur.
Je commencerais par regarder ce que les utilisateurs ayant le rôle « Éditeur » voient lorsqu'ils accèdent au tableau de bord :
Il y a tellement de contenu que les utilisateurs doivent faire défiler vers le bas pour le voir, et une grande partie est inutile pour les utilisateurs qui ne sont pas familiers avec WordPress. De plus, si votre site n’utilise pas de commentaires ou de pingbacks, ces méta-boîtes ne seront pas d’une grande aide.
Je vais donc déplacer ce qui suit :
Pour supprimer ces méta-boîtes pour les utilisateurs autres que les administrateurs, ajoutez ce qui suit à votre plugin :
// remove unwanted dashboard widgets for relevant users
function wptutsplus_remove_dashboard_widgets() {
$user = wp_get_current_user();
if ( ! $user->has_cap( 'manage_options' ) ) {
remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
remove_meta_box( 'dashboard_incoming_links', 'dashboard', 'normal' );
remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );
remove_meta_box( 'dashboard_secondary', 'dashboard', 'side' );
}
}
add_action( 'wp_dashboard_setup', 'wptutsplus_remove_dashboard_widgets' );
En vérifiant si l'utilisateur dispose d'un manage_options 能力（该能力仅由管理员拥有），针对管理员以下的用户角色。然后它删除元框，最后将函数附加到 wp_dashboard_setup hook.
Le tableau de bord semble beaucoup plus propre maintenant :
Peut-être un peu trop clairsemé ! Ne vous inquiétez pas, je vais bientôt vous montrer comment ajouter de nouvelles méta-boîtes.
Mais d'abord, je vais déplacer la méta-boîte "immédiate" car je souhaite ajouter une autre méta-boîte en haut à gauche.
Les méta-boîtes de tableau de bord mobile peuvent vous aider à rendre votre tableau de bord plus pertinent pour votre site Web en donnant la priorité aux méta-boîtes que vous ou vos utilisateurs devez utiliser le plus. Je vais déplacer la méta-boîte "Right Now" vers la droite.
Dans votre plugin, ajoutez le code suivant :
// Move the 'Right Now' dashboard widget to the right hand side
function wptutsplus_move_dashboard_widget() {
$user = wp_get_current_user();
if ( ! $user->has_cap( 'manage_options' ) ) {
global $wp_meta_boxes;
$widget = $wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now'];
unset( $wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now'] );
$wp_meta_boxes['dashboard']['side']['core']['dashboard_right_now'] = $widget;
}
}
add_action( 'wp_dashboard_setup', 'wptutsplus_move_dashboard_widget' );
Cela déplacera la méta-boîte "Maintenant" de sa position "normale" à gauche vers sa position "droite", comme indiqué dans la capture d'écran :
La prochaine étape consiste à combler le vide sur la gauche avec quelques méta-boîtes personnalisées.
Ajouter une méta-boîte à votre tableau de bord implique deux étapes :
wp_add_dashboard_widget() 函数定义小部件的参数 - 它的 ID、标题和定义其内容的回调函数。通过 wp_dashboard_setup pour activer cette fonctionnalité. Dans ce cas, je vais ajouter de nouvelles méta-boîtes pour tous les utilisateurs, donc je ne vérifierai pas la fonctionnalité utilisateur - si vous préférez, copiez simplement le code que vous avez utilisé dans la section précédente (ou remplacez tous ceux de cette section). tutoriel pour manage_options partie test originale de la fonctionnalité).
Dans votre plugin, ajoutez ce qui suit :
// add new dashboard widgets
function wptutsplus_add_dashboard_widgets() {
wp_add_dashboard_widget( 'wptutsplus_dashboard_welcome', 'Welcome', 'wptutsplus_add_welcome_widget' );
wp_add_dashboard_widget( 'wptutsplus_dashboard_links', 'Useful Links', 'wptutsplus_add_links_widget' );
}
function wptutsplus_add_welcome_widget(){ ?>
This content management system lets you edit the pages and posts on your website.
Your site consists of the following content, which you can access via the menu on the left:
<ul>
<li><strong>Pages</strong> - static pages which you can edit.</li>
<li><strong>Posts</strong> - news or blog articles - you can edit these and add more.</li>
<li><strong>Media</strong> - images and documents which you can upload via the Media menu on the left or within each post or page.</li>
</ul>
On each editing screen there are instructions to help you add and edit content.
<?php }
function wptutsplus_add_links_widget() { ?>
Some links to resources which will help you manage your site:
<ul>
<li><a href="http://wordpress.org">The WordPress Codex</a></li>
<li><a href="http://easywpguide.com">Easy WP Guide</a></li>
<li><a href="http://www.wpbeginner.com">WP Beginner</a></li>
</ul>
<?php }
add_action( 'wp_dashboard_setup', 'wptutsplus_add_dashboard_widgets' );
Cela ajoutera deux nouvelles méta-boîtes sur le côté gauche de l'écran du tableau de bord. Vous disposez désormais d’un tableau de bord personnalisé !
Dans ce tutoriel, vous avez appris à faire trois choses :
Ce que vous choisissez d'ajouter à votre méta-boîte dépend de vous. Vous pouvez inclure des liens vers des vidéos de formation, aider les utilisateurs à modifier leurs sites Web ou ajouter des liens vers votre propre blog ou site Web. Ou vous pouvez y mettre vos pensées de la journée – tout ce qui vous convient !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Solution d'erreur HTTP 503
Que signifie nohup ?
Qu'est-ce que le métaverse
Comment référencer CSS en HTML
À quelle marque appartient le téléphone mobile OnePlus ?
Comment utiliser le retour en langage C
Quelles sont les fonctions de création de sites Web ?
vcruntime140.dll est introuvable et l'exécution du code ne peut pas continuer
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
