Wordpress Gutenbergエディタで本文欄の表示・非表示を切り替える方法 - Qiita

はじめに 以前、以下の記事で本文欄を非表示にする方法を説明しました。 今回の要望は、ボタンを押したら表示・非表示を切り替えられるようにしてほしいとのことでした。 実装 Advanced Custom Fieldを使います。 使用するフィールドは、「メッセージ型」です。 「メッセージ型」は、任意のHTMLタグが使用できるので、 見た目(クラス)を他のフィールドと合わせれば、 まるで最初から用意していたかのようなデザインでボタンを表示できます。 フィールドタイプ: メッセージ フィールド名: (入力しない - 入力してもなぜか自動で削除されます) メッセージ: <p class="description">本文の表示／非表示を切り替えます。本文欄を編集したい時のみお使いください。</p> <button type="button" class="button acf-toggle-post-c