【WordPress管理画面】記事投稿に、メモ書きや備考・お知らせを表示する方法2パターン

Wordpressを運用していると、ライターさん全員に更新マニュアルや管理者からのお知らせを告知や表示したい、というようなことがあります。その場合に知っておくと便利な方法を2通りの方法ご紹介します。

Contents

1.プラグインなしでfunctions.phpにて更新する方法
2.ACF（アドバンスカスタムフィールド）を利用する場合

1.プラグインなしでfunctions.phpにて更新する方法

以下のような仕様がよい場合に便利です。

・プラグインを利用したくない
・内容の更新はあくまで管理者のみが行えれば良い
・管理者以外のライターが投稿画面上で表示場所を移動できたりする必要はない
・管理者が指定する最も目立つ場所に表示したい

●投稿画面は以下のようなイメージです。

●functions.php
※今回、cssは他では使わないのでソース内にべた書きしています。

function edit_memo(){
　　echo '
　　<div style="background:#fff;padding:20px;margin-top:10px;">
      <h1 style="font-size:16px;font-weight:bold;margin-bottom:10px;padding-top:0;">１．ライティングマニュアル</h1>
      <div style="border:2px solid #ccc;padding:10px;">
        <p style="padding:0;margin:0;"><a href="#" target="_blank" rel="noopener">ライティングマニュアルはここをクリック</a></p>
      </div>
     </div>
　　';
}
add_action( 'edit_form_after_title', 'edit_memo' );

function edit_memo(){

　　echo '

<h1 style="font-size:16px;font-weight:bold;margin-bottom:10px;padding-top:0;">１．ライティングマニュアル</h1>

<p style="padding:0;margin:0;"><a href="#" target="_blank" rel="noopener">ライティングマニュアルはここをクリック</a></p>

</div>

}

add_action( 'edit_form_after_title', 'edit_memo' );

ポイントとしては、フックで「edit_form_after_title」を使うことで、投稿画面上のタイトルの下に表示できることです。
他にもこんなフックがあるので用途によって使い分けるといいと思います。

edit_form_after_editor：エディタの直後
edit_form_before_permalink：パーマリンクの直前

2.ACF（アドバンスカスタムフィールド）を利用する場合

以下のような仕様がよい場合に便利です。

・投稿画面上でライターごとに表示位置を好きな場所に移動したい
・お知らせの枠を常に強制的に目立たせたいわけではない
・表示内容は、管理画面上で更新が行えるようにしたい

●投稿画面は以下のようなイメージです。

●ACFの設定画面
アドバンスカスタムフィールドをインストールし、有効化していることを前提に、下記は設定画面です。

ポイントは、フィールドタイプを「メッセージ」にすることです。
そうすると、カスタムフィールドの設定画面で入力した内容が、常に投稿画面で表示されるようになります。
また、カスタムフィールドで設定しているので、投稿画面上での表示を、右サイドバーで順番を入れ替えたり、エディタの上にもってこれたり等、ライターごとの分かりやすい位置にカスタムできることが特徴です。
（前述した１の方法は、タイトルの下に強制的に表示する方法なので、その点が異なります。）

大型ブログの運用者の方にとっては意外と便利な機能なのではないでしょうか。
興味のある方は、是非試してみてください！
また、Wordpressを運用する中でのカスタマイズもご相談承っております。

→ Contact us