WordPress管理画面のダッシュボードに独自のウィジェットを追加する

WordPressの管理画面にログインするとダッシュボードという画面が表示されます。

ダッシュボードではWordPressやテーマに関する情報が掲載されています。

「概要」や「クイックドラフト」など項目のまとまりをウィジェットと呼びます。

今回はダッシュボードにウィジェット（項目）を追加する手順を紹介します。

自分用のメモや複数ユーザーで使う場合の連絡事項掲載に使うことができます。

ダッシュボード画面とは
ダッシュボードにウィジェットを追加する
1. 完成イメージ
2. カスタマイズ手順
当サイトで掲載しているソースコードについて
1. 著作権およびライセンス
2. 免責事項
まとめ

ダッシュボード画面とは

WordPress管理画面に存在するページの一つです。

管理画面の左にあるサイドバーでは一番上に置かれており、ログインした際のデフォルト画面でもあります。

この画面ではWordPressや使用しているテーマに関する情報やお知らせが掲載されています。

ダッシュボードには「ウィジェット」と呼ばれるいくつかの掲載項目があります。

サイトの情報を表示する「概要」や、下書きを表示する「クイックドラフト」などです。

また、ダッシュボードにお知らせ等を掲載しているWordPressテーマもあります。（例：SWELL）

ダッシュボードにウィジェットを追加する

function.phpにPHPのコードを追記することでウィジェットを追加することができます。

PHPコードは表示したい内容以外コピペ可能です。

また、function.phpの編集は「Code Snippets」と呼ばれるプラグインを使用するのがおすすめです。

function.php用のコードを手軽に管理できる「Code Snippets」の使い方

この記事ではWordPressのプラグイン「Code Snippets」を使うメリットやデメリットと簡単な使い方を紹介しています。function.phpを直接編集する必要がなくなるため、サイトのカスタマイズがより手軽になります。PHP初心者から慣れている方までおすすめです。

完成イメージ

今回のカスタマイズをすると次のようになります。

カスタマイズ手順

ここではfunction.phpを編集する手順を紹介します。

テーマエディターからも編集できないことはありませんが、PHPは特に注意が必要な為おすすめしません。

FTP操作に抵抗がある場合はCode Snippetsを使用しましょう。

ダッシュボードにウィジェットを追加する手順

STEP1
サーバーにアクセスする
STEP2
function.phpダウンロードする
STEP3
function.phpを編集する
STEP4
子テーマにfunction.phpをアップロードする

サーバー操作の手順は私が使っているConoHa WINGを例に進めます。

ファイルマネージャーの操作方法を見ながら進めるとスムーズに進められます。

サーバーにアクセスする

ConoHa WINGにログインします。

画面遷移

サイト管理→ファイルマネージャー（ログインが求められる場合があります）

function.phpをダウンロードする

次のフォルダへ移動します。

ファイルの場所

wp-content/themes/cocoon-child-master/

function.phpをダウンロードします。（操作方法がわからない場合はこちら）

cocoon-child-masterがない場合は子テーマをダウンロードしインストールしてください。

function.phpを編集する

下記コードを全てコピーして、ダウンロードしたファイルの一番下に貼り付けてください。

//ダッシュボードにメモをウィジェットを追加
function add_dashboard_widgets() {
  wp_add_dashboard_widget(
  'add_dashboard_widget',
  'メモ',
  'dashboard_widget_contents'
  );
  }
  function dashboard_widget_contents() {
    echo '
    <h1>題名１</h1>
    <p>内容１（HTML形式）</p>
    <h1>題名２</h1>
    <p>内容２（HTML形式）</p>
    ';
  }
add_action('wp_dashboard_setup', 'add_dashboard_widgets');

Copy

メモの題名を追加したり削除したりする場合は<h1>と<p>のセットを追加or削除してください。