【WordPress】ウィジェット領域で「再利用ブロック」を使うプラグイン「Easy Access Reusable Blocks」

Easy Access Reusable Blocks アイコン IT

WordPressのGutenbergエディタでは「再利用ブロック」が使えるようになりましたが、これをウィジェットでも使えるようにするプラグイン「Easy Access Reusable Blocks」を紹介します。

例えば、投稿の下に決まった文章を挿入するのに、「再利用ブロック」を使いたい場合に便利です。

スポンサーリンク

プラグイン「Easy Access Reusable Blocks」のインストール

▶︎ WordPressのプラグインの新規追加画面で、検索窓に「Easy Access Reusable」まで入力して検索されると表示されるので、ボタン「Easy Access Reusable Blocks」をクリックしてインストールします。

WordPress プラグイン新規追加画面

▶︎ インストールが完了したら、ボタン「有効化」をクリックします。

WordPress プラグイン新規追加画面 Easy Access Reusable Blocks 有効化

実際の使い方は、次の章に進んでください。

プラグイン「Easy Access Reusable Blocks」の基本的な使い方

▶︎ プラグイン「Easy Access Reusable Blocks」がインストール&有効化されると、WordPress管理画面のサイドバーに項目「再利用ブロック」が表示されます。

WordPress ダッシュボード ホーム画面

▶︎ サイドバーの「再利用ブロック」をクリックすると、登録済みの再利用ブロックの一覧がリスト表示されます。

WordPress 再利用ブロック 一覧リスト

▶︎ 一覧で項目「Shortcode」に表示されているコードを投稿の本文中に埋め込むと、「再利用ブロック」が表示されます。

既存の再利用ブロックが、以下のショートコードで提示されています。

WordPress 再利用ブロック 一覧リスト

以下の図は、投稿の本文中にショートコードを埋め込んだところです。

WordPress 投稿の本文に、再利用ブロックのショートコード埋め込み

以下は、実際にショートコードを埋め込んだ結果、表示された再利用ブロックです。

WordPress 投稿の本文に、再利用ブロックのショートコード埋め込み
ちょっと休憩

▶︎ では、次の章では新規に「再利用ブロック」を登録して、それを「ウィジェット」で投稿の下に表示してみたいと思います。

「再利用ブロック」を「ウィジェット」に埋め込む方法

▶︎ 「再利用ブロック」の一覧リスト画面で、ボタン「新規追加」をクリックします。

WordPress 再利用ブロック 一覧リスト

▶︎ 編集画面が表示されたら、最低限でもタイトルと本文を入力してから、ボタン「公開」をクリックします。

再利用ブロック 編集画面

今回は、以下のようにシンプルな文字以外にも「タブボックス」「Amazon商品リンクショートコード」を含んでいます。

再利用ブロック 編集画面

▶︎ 「再利用ブロック」の一覧画面に戻って、ショートコードのid=””の数字を覚えるか、メモしておきます。

以下の画面では、1298の部分です。

WordPress 再利用ブロック 一覧リスト

▶︎ WordPress管理画面のサイドメニューから、「外見」→「ウィジェット」を選択します。

WordPress 管理画面 サイドメニュー

▶︎ ウィジェットの設定画面が表示されたら、「投稿本文下」に「ブロック」を追加して、以下のコードを入力します。

<!-- wp:block {"ref":ショートコードのid} /-->

今回の例では、idが1298だったので、以下のようになります。

<!-- wp:block {"ref":1298} /-->
WordPress ウィジェット

▶︎ 以上で、投稿の下に再利用ブロックが表示されるので、実際に表示して確認してください。

WordPress

▶︎ 説明は以上です。

まとめ

WordPressのGutenbergエディタでは「再利用ブロック」が使えるようになりましたが、これをウィジェットでも使えるようにするプラグイン「Easy Access Reusable Blocks」を紹介しました。

レンタルサーバのオススメ

当社も使っているXserverは、以下のメリットがあります。

  • 20年以上の実績、国内No.1のシェア(2023年5月時点、hostadvice.com 調べ)
  • 大量アクセスに強いサーバ投資
  • 法人向けサイトで人気のWordPressテーマ「Lightning」、個人向けブログで人気の「Cocoon」が標準で使用可能
  • 他社WordPressサーバからの移行ツールあり(本文・画像・テーマ・プラグインなど)
  • 10日間の無料試用期間あり
  • 今なら、12ヶ月以上の新規契約で《利用料金の半額》をキャッシュバックのキャンペーン中!2023年9月8日(金)12:00まで

詳しい情報や無料試用開始・新規契約は、以下のリンク先からどうぞ。

IT
スポンサーリンク
yamafdをフォローする
WordPress作業記録

コメント

タイトルとURLをコピーしました