よく読者から、WordPressでカスタマイザー通知を追加する方法を尋ねられます。
WordPress コア、テーマ、プラグインは、ダッシュボードでユーザーにエラーや警告などの管理者通知を表示します。WordPress サイトの管理者であれば、カスタム通知を作成して、サイトに関する重要な情報をチームメンバーに通知することもできます。
この投稿では、WordPressでカスタマイザー通知を簡単に追加する方法を紹介する。
なぜWordPressにカスタマイザーを追加するのか?
管理者通知は、WordPress 管理エリア内でユーザーに重要な情報を通知するものです。例えば、WordPress コア、プラグイン、テーマに関するエラー、警告、アラート、成功メッセージなどがあります。
これらの通知はWordPressダッシュボードにビルトインされている機能ですが、カスタムの管理者通知を作成することもできます。
例えば、WordPressに不慣れなクライアントのためにWordPressサイトを制作するとします。WordPressの管理エリアに役立つ情報を表示するために、管理者通知を追加するかもしれません。
カスタマイザーを使用した他の例としては、以下のようなものがある:
- メンテナンス中のためサイトが利用できなくなることをチームメンバーに知らせる。
- 複数著者のサイトを運営している場合、ライターやエディターがダッシュボードで編集ワークフローをナビゲートできるようにガイドします。
- WordPressでタスク、コンテンツ、メディアを管理する際の注意点をユーザーに伝える。
すべてにおいて、カスタマイザーは自分自身やサイトで働く他のユーザーにメッセージを伝えるのに便利です。とはいえ、通知が多すぎると迷惑になるので、賢く使う必要があります。
それでは、WordPressでカスタマイザー通知を追加する方法を見ていきましょう。ここでは2つの方法を紹介しますが、以下のクイックリンクから使いたいほうに飛ばしてください:
方法1:プラグインでWordPress管理画面にカスタマイザーを追加する
この方法では、WP Custom Admin Interfaceプラグインを使用します。このプラグインを使用すると、カスタムの管理者通知を表示するなど、WordPressダッシュボードを好みに合わせてカスタマイズすることができます。
最初のステップは、WP Custom Adminインターフェースプラグインをインストールして有効化することです。ステップバイステップの手順については、WordPressプラグインのインストール方法をご覧ください。
次に、カスタマイザー “ Admin Noticeにアクセスしてください。ご覧の通り、プラグインの設定ページはクラシックエディターとよく似ています。
下にスクロールして、管理者通知メッセージを挿入する必要があります。
テキストエディター、またはビジュアルエディターの上にあるショートコードオプションを使用することができます。
2番目の方法を使用すると、メッセージは提供されたショートコードに基づいて動的にコンテンツを生成します。つまり、ショートコード[WEBSITE_URL]
を使用した場合、ショートコードはあなたのサイトのドメイン名に置き換えられます。
さらに、テキストボックスの上にあるツールバーを使って、画像やその他のメディアファイルを追加したり、テキストをスタイライズすることもできます。
下に移動すると、カスタム管理者通知の色を選択することができます。初期設定は以下の通りです:
- 緑色の成功メッセージ
- 緊急ではないが重要なお知らせは青
- 警告メッセージは黄色
- エラーメッセージは赤色
もう一つカスタマイズできるのは、通知終了日または通知を無効化するタイミングです。有効期限がない場合は、空白のままにしておいてください。
また、緑や青の色を使った通知の場合は、メッセージを解除できるようにすることをお勧めします。警告やエラーの場合は、問題によっては問題が解決するまで表示し続けた方がよいでしょう。
最後に、通知をすべてのユーザーに見えるようにするか、特定のユーザーのみに見えるようにするかを設定できます。後者を選択した場合、「+」ボタンをクリックして、どのユーザー権限グループに対して通知を非表示にするかを指定することができます。
新しい通知に満足したら、「すべての設定を保存」をクリックするだけです。
それで終わりだ!
カスタマイザーがどのように表示されるかを確認するには、WordPressダッシュボードの任意のページにアクセスしてください。メッセージは画面の一番上にあるはずです。
方法2:コードでカスタムのWordPress管理者通知を追加する
WP Custom Admin Interfaceプラグインは使いやすいですが、あなたのニーズとは関係のない追加機能がたくさん含まれています。カスタム管理画面の作成だけに興味があるのであれば、やり過ぎと感じるかもしれない。
さらに、WP Custom Admin Interfaceでは一度に一つのカスタム通知しか表示できません。WordPressダッシュボードの異なるページに複数のお知らせを表示したい場合、プラグインは適切な設定ではないかもしれません。
その代わりに、WordPressでコードを使って手動でお知らせを追加することができます。これにより、余計なことをせずにカスタマイザーを追加することだけに集中でき、必要に応じて複数のお知らせを表示することができます。
WordPressでのコーディングが怖いと思われる方、ご安心ください。WPCodeを使った簡単で安全なカスタムコード挿入方法をご紹介します。それは、WPCodeを使用することです。これは、市場で最高の、最も初心者に優しいカスタムコードスニペットプラグインです。
WPCodeを使えば、WordPressのコアファイルに直接触れることなく、簡単にコードを挿入・管理することができます。この方法で、サイトを壊す可能性はゼロに等しくなります。
WPCodeの詳細については、WPCodeレビューをご覧ください。
注: このチュートリアルに従うには、WPCodeの無料版またはプレミアムプランのいずれかを使用することができます。WPCode Proを使用すると、永続的な変更を行う前にコードがどのように動作するかを確認するためのテストモードのような、あなたのコードをさらに管理するための高度な機能を得ることができます。
WPCodeを使用するための最初のステップは、プラグインをインストールして有効化することです。WordPressプラグインのインストール方法については、こちらの投稿をご覧ください。
次に、Code Snippets “ + Add Snippetにアクセスします。Add Your Custom Code (New Snippet)の下にある、’Use snippet’をクリックします。
カスタムコードスニペットのタイトルを挿入して、必要であれば後で編集できるようにします。Custom Admin Notice(カスタム管理者通知)」のようなものです。
次に、コードタイプを「PHPスニペット」に変更する。
それが済んだら、以下のコードをコピー&ペーストしてコード・プレビュー・ボックスに貼り付けるだけです:
function wpb_admin_notice() {
echo // Customize the message below as needed
'<div class="notice notice-warning is-dismissible">
<p>Important! We will not be publishing any new articles during the holidays. Please save your articles as drafts for the time being.</p>
</div>';
}
add_action( 'admin_notices', 'wpb_admin_notice' );
画面はこんな感じ:
このコードはWordPressのwpb_admin_notice()
という関数を定義しています。この関数の中には、警告メッセージをスタイル化されたボックスに出力するecho
文があります。
その文の下に<div class="notice notice-warning is-dismissible">と
あります。これは管理者通知のタイプを指定するCSSクラスで、この場合は警告です。このため、通知欄は黄色の枠線になります。
また、notice-warningの
行をnotice-error
(赤)、notice-info
(青)、notice-success
(緑)に置き換えることもできる。
CSSクラスの下には、実際のお知らせコンテンツがある。ここでは、休暇中は新しい投稿が公開されないことをユーザーに知らせ、当分の間記事を下書きとして保存するようアドバイスしています。<p>と
</p>の
HTMLタグの間のテキストは、あなた自身で置き換えることができます。
add_action('admin_notices','wpb_admin_notice');
の行は、この関数をWordPressの'admin_notices'
アクションにフックします。これは、WordPressの管理エリアに警告通知が表示され、すべてのユーザーに重要な情報を提供することを意味します。
コードを挿入したら、インサーターセクションまでスクロールダウンします。挿入方法が「自動挿入」、場所が「管理者のみ」になっていることを確認してください。
これらの設定により、スニペットはWordPressの管理エリアでのみ自動的に実行されるようになります。
その後、コード・スニペットを「有効化」し、「スニペットを保存」をクリックするだけだ。
テストサイトでのカスタマイザーはこんな感じです:
ユーザー権限グループに基づくカスタマイザー通知の表示
特定のユーザー権限グループにのみ表示されるカスタマイザーを作成したい場合、WPCodeでそれを行うこともできます。
以下にコード例を示す:
function wpb_admin_notice_editor() {
// Get the current admin page
global $pagenow;
// Specify the admin pages where the notice should appear
$admin_pages = [ 'index.php' ];
// Get the current user
$user = wp_get_current_user();
// Check if the current page is in the specified admin pages and the user has the 'editor' role
if ( in_array( $pagenow, $admin_pages ) && in_array( 'editor', (array) $user->roles ) ) {
// Display a warning notice for editors
echo
'<div class="notice notice-warning is-dismissible">
<p>Reminder! Do not save published posts as drafts after you update them. Just click the Update button without changing to the draft status. Thanks.</p>
</div>';
}
}
// Hook the function to display the notice in the admin area
add_action( 'admin_notices', 'wpb_admin_notice_editor' );
このWordPressコードエディターは、エディター権限を持つユーザーに対して管理エリアに警告を表示する関数wpb_admin_notice_editor()
を定義しています。
このコードでは、まずグローバル $pagenow;
を使って表示中の管理ページを取得します。配列$admin_pages
を使って、ダッシュボード (index.php) のような特定の wp-admin ページに通知を表示するように指定します。
管理エリアの他のページにも表示させたい場合は、プラグインの場合はplugins.php
、投稿とページの場合はedit.
phpのように、ページのスラッグを追加するだけです。
スラッグをカンマと個別引用符で区切り、$admin_pages = [ 'index.php' , 'plugins.php', 'edit.php' ];
のようにします。
その後、コードは現在ログイン中のユーザーに関する情報を$user = wp_get_current_user();
で収集します。
このコードでは、現在のページが指定した管理ページの中にあるかどうか、そしてユーザーが ‘
‘ 権限を持っているかどうかをチェックします。エディター
{.
両方の条件が満たされた場合、警告の表示に進む。
上のコードを使ったカスタム管理画面はこんな感じです:
パーソナライズされたカスタム管理通知を作成するには、WordPressコーディングの知識が必要です。このトピックに飛び込むことに興味がある場合は、これらのガイドを読むことをお勧めします:
WordPress管理エリアのカスタマイズのコツ
ダッシュボードに独自のカスタム管理通知を追加する以外にも、WordPress管理エリアをパーソナライズしてワークフローやユーザー体験を向上させる方法はたくさんあります。
例えば、WordPressの管理ダッシュボードにダークモードを追加することができます。こうすれば、長時間の編集作業でも目が疲れにくくなる。
さらに、WordPressエクスペリエンスをパーソナライズし、ブランドアイデンティティを強化するために、カスタムダッシュボードのロゴを追加することができます。
WordPressの管理エリアから不要なメニュー項目を非表示にしたい場合もあるでしょう。これは、特定のユーザー権限グループにアクセス制限がある場合や、単にすっきりとしたインターフェースにしたい場合に便利です。
管理エリアを改善するためにできる他の方法を紹介します:
- IPアドレスでWordPressの管理者アクセスを制限する方法
- WordPress管理エリアを守るための重要なヒント(更新)
- WordPressで管理画面の配色を変更する方法(クイック&イージー)
- WordPressで「Howdy Admin」を変更・削除する方法(簡単な方法)
- WordPress管理画面に通知センターを追加する方法
- 多言語サイトで英語のWordPress管理画面を使う方法
- WordPressの管理バーを管理者以外のすべてのユーザーで無効化する方法
- WordPressダッシュボードにメモ帳を追加する方法
この投稿が、WordPressでカスタマイザー通知を追加する方法を学ぶのにお役に立てば幸いです。また、WordPress のバージョンを確認する方法や、WordPress のエキスパートが選ぶサイトを成長させる最高のプラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Ali Vanaei
Hello
Many thanks for your good article
How can we display this message only once and dont display it after reloading?
WPBeginner Support
We will look into if there is a way we would recommend to add that functionality in the future.
管理者
Moinuddin Waheed
This is very effective way to communicate important messages and notices to users with different roles.
for a website that has many user roles to perform different tasks, it is very prudent to make updates directly inside the dashboard.
Messages sent to emails or other platforms may get ignored but if one is assigned to carry out tasks is dashboard as an author, contributor or editor or some other role then they will definitely get timely reminder inside the dashboard.
Muhammad Hammad
In both the methods defined above, the use of a plugin is essential. Is there a way to use the same code given in the second method directly without the WPcode plugin? Please advise.
WPBeginner Support
If you did not want to use the plugin you could look to add the code to your functions.php but we would recommend using WPCode to add snippets for safety.
管理者
mohadese esmaeeli
Hello, this method is excellent! For instance, an admin can post notes and announcements for all team members in various sections without installing any plugins! Overall, it’s a very practical and effective solution for communication, interaction with team members, and establishing policies.
Iwan Wilaga
Great article in 2022 as well.. Thanks!
For those who further want to stylize these admin notices, don’t forget that you need to target the admin page’s own html head element. The proper hook name for that is: ‘admin_head’ . There you can echo your style-s.
Marc-Antoine Minville
Hey, many thanks for your article about Admin Notices, this is really appreciated!
ASHIS MOOKHERJI
My one posting had been fixed on selected condition with a video from 23rd Sept 2016. Neither it is being possible to edit nor delete.
Please hepp me to delete that posting.
With thanks,
Aegis Mookherji