目錄
完成本教學需要什麼
設定外掛
1。刪除不需要的元框
2。移動儀表板元框
3。新增新的儀表板元框
摘要
首頁 CMS教程 &#&按 個人化 WordPress 管理體驗 - 儀表板

個人化 WordPress 管理體驗 - 儀表板

Aug 31, 2023 am 08:37 AM

个性化 WordPress 管理体验 - 仪表板

在本系列的第一部分中,我向您展示如何透過新增自訂標誌和一些內容來自訂 WordPress 登入畫面。自訂樣式。

用戶登入後將看到的下一個內容是儀表板,因此在本教程中,您將學習如何透過刪除一些現有元框、移動一些元框以及添加一些新元框來自訂它。

我將在本教學中示範的步驟是:

  1. 刪除一些可能會讓使用者感到困惑的元框
  2. 將元框移到螢幕上的不同位置
  3. 新增您自己的自訂元框來幫助使用者

我將創建一個插件來執行此操作- 如果您在完成本系列第1 部分之後已經創建了一個插件,您可能更願意將本教程中的程式碼添加到該插件中,從而為您提供一個包含所有功能的插件您的管理自訂。


完成本教學需要什麼

要完成本教程,您需要:

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

設定外掛

在外掛程式的開頭,我會加入以下幾行:

/*
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。刪除不需要的元框

第一步是刪除我們不需要的任何元框。這僅適用於角色低於「管理員」的用戶,因為我仍然希望以管理員身分存取所有 WordPress 儀表板。

我將首先查看具有「編輯者」角色的使用者在存取儀表板時看到的內容:

个性化 WordPress 管理体验 - 仪表板

#其中內容太多,用戶必須向下滾動才能看到它,而且對於不熟悉 WordPress 的用戶來說,其中許多內容都是無用的。此外,如果您的網站不使用評論或 pingback,那麼這些元框就沒有太大幫助。

所以我要移動以下內容:

  • 最近評論
  • 傳入連結
  • 快速新聞
  • WordPress 部落格
  • 其他 WordPress 新聞

要為管理員以外的使用者刪除這些元框,請將以下內容新增至您的外掛程式:

// 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 能力(該能力僅由管理員擁有),針對管理員以下的使用者角色。然後它刪除元框,最後將函數附加到 wp_dashboard_setup 掛鉤。

現在儀表板看起來乾淨多了:

个性化 WordPress 管理体验 - 仪表板

#可能有點太稀疏了!別擔心,我很快就會向您展示如何添加一些新的元框。

但首先我將移動“立即”元框,因為我想在左上角位置添加另一個元框。


2。移動儀表板元框

行動儀表板元框可以透過優先考慮您或您的使用者最需要使用的元框來幫助您使儀表板與您的網站更加相關。我會將“Right Now”元框移至右側。

在您的外掛程式中,加入以下程式碼:

// 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' );
登入後複製

這會將「現在」元框從左側的「正常」位置移動到「右側」位置,如螢幕截圖所示:

个性化 WordPress 管理体验 - 仪表板

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


3。新增新的儀表板元框

將元框新增至儀表板包含兩個步驟:

  1. 使用 wp_add_dashboard_widget() 函數定義小部件的參數 - 它的 ID、標題和定義其內容的回調函數。透過 wp_dashboard_setup 掛鉤啟動此功能。
  2. 寫回呼函數來定義元框的內容。

在這種情況下,我將為所有用戶添加新的元框,因此我不會檢查用戶功能- 如果您願意,只需複製您在前面部分中使用的程式碼(或將所有本教程中針對manage_options 功能的原始測試部分)。

在您的外掛程式中,加入以下內容:

// 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' );
登入後複製

這會在儀表板螢幕的左側新增兩個新的元框。您現在擁有一個客製化的儀表板!


摘要

在本教程中,您學習如何做三件事:

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

您選擇新增到元框的內容取決於您。您可以包含培訓影片的鏈接,幫助用戶編輯其網站,或添加指向您自己的部落格或網站的連結。或者你可以把當天的想法放在那裡 - 無論對你有用什麼!

#

以上是個人化 WordPress 管理體驗 - 儀表板的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何開始WordPress博客:初學者的分步指南 如何開始WordPress博客:初學者的分步指南 Apr 17, 2025 am 08:25 AM

博客是人們在網上表達觀點、意見和見解的理想平台。許多新手渴望建立自己的網站,卻因擔心技術障礙或成本問題而猶豫不決。然而,隨著平台不斷發展以滿足初學者的能力和需求,現在開始變得比以往任何時候都更容易。 本文將逐步指導您如何建立一個WordPress博客,從主題選擇到使用插件提升安全性和性能,助您輕鬆創建自己的網站。 選擇博客主題和方向 在購買域名或註冊主機之前,最好先確定您計劃涵蓋的主題。個人網站可以圍繞旅行、烹飪、產品評論、音樂或任何激發您興趣的愛好展開。專注於您真正感興趣的領域可以鼓勵持續寫作

對於初學者來說,WordPress容易嗎? 對於初學者來說,WordPress容易嗎? Apr 03, 2025 am 12:02 AM

WordPress對初學者來說容易上手。 1.登錄後台後,用戶界面直觀,簡潔的儀表板提供所有必要功能鏈接。 2.基本操作包括創建和編輯內容,所見即所得的編輯器簡化了內容創建。 3.初學者可以通過插件和主題擴展網站功能,學習曲線存在但可以通過實踐掌握。

如何在父分類的存檔頁面上顯示子分類 如何在父分類的存檔頁面上顯示子分類 Apr 19, 2025 pm 11:54 PM

您想了解如何在父分類存檔頁面上顯示子分類嗎?在自定義分類存檔頁面時,您可能需要執行此操作,以使其對訪問者更有用。在本文中,我們將向您展示如何在父分類存檔頁面上輕鬆顯示子分類。為什麼在父分類存檔頁面上顯示子分類?通過在父分類存檔頁面上顯示所有子分類,您可以使其不那麼通用,對訪問者更有用。例如,如果您運行一個關於書籍的WordPress博客,並且有一個名為“主題”的分類法,那麼您可以添加“小說”、“非小說”等子分類法,以便您的讀者可以

如何在 WordPress 中獲取登錄用戶信息以獲得個性化結果 如何在 WordPress 中獲取登錄用戶信息以獲得個性化結果 Apr 19, 2025 pm 11:57 PM

最近,我們向您展示瞭如何通過允許用戶將自己喜歡的帖子保存在個性化庫中來為用戶創建個性化體驗。您可以通過在某些地方(即歡迎屏幕)使用他們的名字,將個性化結果提升到另一個水平。幸運的是,WordPress使獲取登錄用戶的信息變得非常容易。在本文中,我們將向您展示如何檢索與當前登錄用戶相關的信息。我們將利用get_currentuserinfo(); 功能。這可以在主題中的任何地方使用(頁眉、頁腳、側邊欄、頁面模板等)。為了使其工作,用戶必須登錄。因此我們需要使用

wordpress文章列表怎麼調 wordpress文章列表怎麼調 Apr 20, 2025 am 10:48 AM

有四種方法可以調整 WordPress 文章列表:使用主題選項、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代碼(在 functions.php 文件中添加設置)或直接修改 WordPress 數據庫。

如何在 WordPress 中按帖子過期日期對帖子進行排序 如何在 WordPress 中按帖子過期日期對帖子進行排序 Apr 19, 2025 pm 11:48 PM

過去,我們分享過如何使用PostExpirator插件使WordPress中的帖子過期。好吧,在創建活動列表網站時,我們發現這個插件非常有用。我們可以輕鬆刪除過期的活動列表。其次,多虧了這個插件,按帖子過期日期對帖子進行排序也非常容易。在本文中,我們將向您展示如何在WordPress中按帖子過期日期對帖子進行排序。更新了代碼以反映插件中更改自定義字段名稱的更改。感謝Tajim在評論中讓我們知道。在我們的特定項目中,我們將事件作為自定義帖子類型。現在

如何在 WordPress 中顯示查詢數量和頁面加載時間 如何在 WordPress 中顯示查詢數量和頁面加載時間 Apr 19, 2025 pm 11:51 PM

我們的一位用戶詢問其他網站如何在頁腳中顯示查詢數量和頁面加載時間。您經常會在網站的頁腳中看到這一點,它可能會顯示類似以下內容:“1.248秒內64個查詢”。在本文中,我們將向您展示如何在WordPress中顯示查詢數量和頁面加載時間。只需將以下代碼粘貼到主題文件中您喜歡的任何位置(例如footer.php)。 queriesin

我可以在3天內學習WordPress嗎? 我可以在3天內學習WordPress嗎? Apr 09, 2025 am 12:16 AM

能在三天內學會WordPress。 1.掌握基礎知識,如主題、插件等。 2.理解核心功能,包括安裝和工作原理。 3.通過示例學習基本和高級用法。 4.了解調試技巧和性能優化建議。

See all articles