在本系列的第一部分中，我向您展示如何透過新增自訂標(biāo)誌和一些內(nèi)容來(lái)自訂 WordPress 登入畫面。自訂樣式。

用戶登入後將看到的下一個(gè)內(nèi)容是儀表板，因此在本教程中，您將學(xué)習(xí)如何透過刪除一些現(xiàn)有元框、移動(dòng)一些元框以及添加一些新元框來(lái)自訂它。

我將在本教學(xué)中示範(fàn)的步驟是：

1. 刪除一些可能會(huì)讓使用者感到困惑的元框
2. 將元框移到螢?zāi)簧系牟煌恢?/li>
3. 新增您自己的自訂元框來(lái)幫助使用者

我將創(chuàng)建一個(gè)插件來(lái)執(zhí)行此操作- 如果您在完成本系列第1 部分之後已經(jīng)創(chuàng)建了一個(gè)插件，您可能更願(yuàn)意將本教程中的程式碼添加到該插件中，從而為您提供一個(gè)包含所有功能的插件您的管理自訂。

完成本教學(xué)需要什麼

要完成本教程，您需要：

• WordPress 安裝
• 訪問您網(wǎng)站的外掛程式資料夾以新增外掛程式
• 用於建立外掛程式的文字編輯器

設(shè)定外掛

在外掛程式的開頭，我會(huì)加入以下幾行：

/*
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
*/

1。刪除不需要的元框

第一步是刪除我們不需要的任何元框。這僅適用於角色低於「管理員」的用戶，因?yàn)槲胰匀幌Ｍ怨芾韱T身分存取所有 WordPress 儀表板。

我將首先查看具有「編輯者」角色的使用者在存取儀表板時(shí)看到的內(nèi)容：

#其中內(nèi)容太多，用戶必須向下滾動(dòng)才能看到它，而且對(duì)於不熟悉 WordPress 的用戶來(lái)說，其中許多內(nèi)容都是無(wú)用的。此外，如果您的網(wǎng)站不使用評(píng)論或 pingback，那麼這些元框就沒有太大幫助。

所以我要移動(dòng)以下內(nèi)容：

• 最近評(píng)論
• 傳入連結(jié)
• 快速新聞
• WordPress 部落格
• 其他 WordPress 新聞

要為管理員以外的使用者刪除這些元框，請(qǐng)將以下內(nèi)容新增至您的外掛程式：

// 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' );

透過檢查使用者是否具有 manage_options 能力（該能力僅由管理員擁有），針對(duì)管理員以下的使用者角色。然後它刪除元框，最後將函數(shù)附加到 wp_dashboard_setup 掛鉤。

現(xiàn)在儀表板看起來(lái)乾淨(jìng)多了：

#可能有點(diǎn)太稀疏了！別擔(dān)心，我很快就會(huì)向您展示如何添加一些新的元框。

但首先我將移動(dòng)“立即”元框，因?yàn)槲蚁朐谧笊辖俏恢锰砑恿硪粋€(gè)元框。

2。移動(dòng)儀表板元框

行動(dòng)儀表板元框可以透過優(yōu)先考慮您或您的使用者最需要使用的元框來(lái)幫助您使儀表板與您的網(wǎng)站更加相關(guān)。我會(huì)將“Right Now”元框移至右側(cè)。

在您的外掛程式中，加入以下程式碼：

// 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' );

這會(huì)將「現(xiàn)在」元框從左側(cè)的「正?！刮恢靡苿?dòng)到「右側(cè)」位置，如螢?zāi)唤貓D所示：

#下一步是用幾個(gè)自訂元框填充左側(cè)的缺口。

3。新增新的儀表板元框

將元框新增至儀表板包含兩個(gè)步驟：

1. 使用 wp_add_dashboard_widget() 函數(shù)定義小部件的參數(shù) - 它的 ID、標(biāo)題和定義其內(nèi)容的回調(diào)函數(shù)。透過 wp_dashboard_setup 掛鉤啟動(dòng)此功能。
2. 寫回呼函數(shù)來(lái)定義元框的內(nèi)容。

在這種情況下，我將為所有用戶添加新的元框，因此我不會(huì)檢查用戶功能- 如果您願(yuàn)意，只需複製您在前面部分中使用的程式碼（或?qū)⑺斜窘坛讨嗅槍?duì)manage_options 功能的原始測(cè)試部分）。

在您的外掛程式中，加入以下內(nèi)容：

// 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' );

這會(huì)在儀表板螢?zāi)坏淖髠?cè)新增兩個(gè)新的元框。您現(xiàn)在擁有一個(gè)客製化的儀表板！

摘要

在本教程中，您學(xué)習(xí)如何做三件事：

• 從儀表板中刪除元框
• 將元框從儀表板的一個(gè)部分移至另一部分
• 新增新的儀表板元框

您選擇新增到元框的內(nèi)容取決於您。您可以包含培訓(xùn)影片的鏈接，幫助用戶編輯其網(wǎng)站，或添加指向您自己的部落格或網(wǎng)站的連結(jié)。或者你可以把當(dāng)天的想法放在那裡 - 無(wú)論對(duì)你有用什麼！