WordPressの投稿一覧にメモ機能を付ける「WP Dashboard Notes」プラグイン
ダッシュボードにメモを色付き付箋(ふせん)のようにたくさん貼り付けすることができる「WP Dashboard Notes」プラグインのインストール方法から使用方法を解説しています。
WP Dashboard Notesとは
表の作成と管理が簡単にできます。また、閲覧者が表の列を並び替えたり検索したりすることができます。
![WP Dashboard Notes sample](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes27.jpg)
機能
- メモの色を選択可能
- リストタイプまたは標準タイプ
- 共有と個人
- ダッシュボード内で編集
- メモを追加
- リスト項目はドラッグ&ドロップで移動
インストール
サイドバーのプラグインをクリックします。プラグイン画面で新規プラグインを追加ボタンをクリックします。
![WP Dashboard Notes plugin Installation Method](https://kcfran.com/wp-content/uploads/2024/03/wp_plugin_install.jpg)
キーワード欄に「WP Dashboard Notes」と入力します。検索結果に「WP Dashboard Notes」と表示されますので、「今すぐインストール」ボタンをクリックします
![WP Dashboard Notes plugin Installation Method](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes.jpg)
インストール後に「有効化」ボタンをクリックします。有効化した後は設定等は無いのですぐに使用できます。
![WP Dashboard Notes plugin Installation Method](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes1.jpg)
使用方法
サイドバーのダッシュボードをクリックします。右上にある「メモを追加」ボタンをクリックします。ダッシュボードにメモが追加されます。
![WP Dashboard Notes plugin usage](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes2.jpg)
メモをドラッグ&ドロップすることで、ダッシュボード内を自由に移動及び配置させることができます。
![WP Dashboard Notes plugin usage](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes17.jpg)
メモのタイトル名の変更
メモのタイトル名を変更することができます。新しいメモの場所にマウスポインターを充てると下の画像のように鉛筆マークが表示されます。鉛筆マークをクリックすることでタイトルが編集できます。
![WP Dashboard Notes Rename Title](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes7.jpg)
変更例
![WP Dashboard Notes Rename Title](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes8.jpg)
メモを入力する
メモ入力する場合、リスト項目と標準タイプの2つがあります。リスト項目はチェックリストで後から完了した記事にチェックを入れることで、項目に取り消し線が入ります。標準タイプは、テキストを入力する形式です。
標準タイプとリスト項目は3のアイコンをクリックすることで、入力モードを変更することができます。
![WP Dashboard Notes note input](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes10.jpg)
リスト項目の使い方
![icon](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes15.jpg)
リスト項目
テキストボックス(赤枠)にメモを入力して「Enterキー」を押します。この作業を繰り返すとどんどんリストが増えていきます。
![WP Dashboard Notes note input(List)](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes18.jpg)
リスト項目の移動
リスト項目は後から移動できます。マウスポインターをチェックボックスの位置に充てると三本線アイコンが表示されますので、それをドラッグ&ドロップで移動することができます。
![WP Dashboard Notes note input(List)](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes20.jpg)
リスト項目を削除する
リスト項目にマウスポインターを充てると「×マーク」が表示されます(赤枠)。×マークをクリックすることで削除することができます。
![WP Dashboard Notes note input(List)](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes21.jpg)
標準タイプの使い方
![WP Dashboard Notes icon](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes16.jpg)
標準タイプ
標準タイプはいたってシンプルです。フリーにテキストを入力するだけです。
標準タイプ
![Standard Types](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes4.jpg)
標準タイプとリスト項目の合技
以下のように標準タイプとリスト項目を合わせてメモを作成することができます。
![Standard Types and List Items](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes22.jpg)
メモの共有か自分のみ表示するか設定する
1のアイコンをクリックすることで、共有か自分のみ表示するか設定することができます。
![Note Sharing](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes10.jpg)
![WP Dashboard Notes icon](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes12.jpg)
誰でも見れるようにするアイコン
![WP Dashboard Notes icon](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes11.jpg)
自分だけ見れるようにするアイコン
メモの外観の色を変更する
2のアイコンをクリックすることで、メモの外観の色を変更することができます。
![Note Appearance Color](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes10.jpg)
白、赤、橙、黄、緑、青、灰色、7色から選ぶことができます。
![Note Appearance Color](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes13.jpg)
色の変更例
![Note Appearance Color](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes14.jpg)
メモを増やす
5のアイコンをクリックすることで、メモを増やすことができます。
![increase one's notes](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes10.jpg)
メモを削除する
6のアイコンをクリックすることで、メモを削除することができます。
![Delete a note](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes10.jpg)
カラーパレットにオリジナルカラーを追加する方法
テーマの functions.phpに以下のコードを追加することで、好きな色をパレットに追加することができます。
add_filter( 'wpdn_colors', 'wpdn_add_purple' );
function wpdn_add_purple( $colors ) {
$colors['purple'] = '#5236A0';
return $colors;
}
今回は紫色をパレットに追加するので、purpleという名前を付けています。カラーコードは、’#5236A0’を指定しています。
サイドバーのツールをクリックします。テーマファイルエディターをクリックします。
![How to add an original color to a color palette](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes23.jpg)
テーマのための関数(functions.php)をクリックします。
![How to add an original color to a color palette](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes24.jpg)
オリジナルカラーコードを追加します。最後に、ファイルを更新ボタンをクリックします。
![How to add an original color to a color palette](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes25.jpg)
カラーパレットにオリジナルカラーが追加されました。
![How to add an original color to a color palette](https://kcfran.com/wp-content/uploads/2024/03/wp_wp_dashboard_notes26.jpg)