WordPressの安全対策では、「信頼できる配布元からプラグインを入手し、更新を続けること」が基本です。しかし過去には、WordPress.orgの公式プラグインディレクトリで配布されるプラグインが改ざんされ、正規の更新を通じて不正なコードが届いた事件もありました。

このように、開発元や配布経路を悪用して利用者に被害を広げる手口を「サプライチェーン攻撃」といいます。

この記事では、2011年・2017年・2024年の代表的な事例を取り上げ、原因とサイト運営者ができる対策を整理します。紹介するのは当時の事件であり、名前が挙がったプラグインの現在の状態を一律に危険と評価するものではありません。

こちらも是非ご覧ください

まず始めに以下をご覧いただけますと、本記事の理解が深まるかと思います。

WordPress運営者なら知っておきたい重要なセキュリティ用語まとめ

WP Pilot

サプライチェーン攻撃は「信頼している更新」を悪用する

一般的な脆弱性攻撃では、サイトにあるプログラムの欠陥を突いて侵入します。一方、サプライチェーン攻撃では、プラグインを開発・配布する側に入り込み、利用者が受け取るプログラムに不正な処理を仕込みます。

例えば、次のような流れです。

1. 攻撃者が開発者のアカウントや更新権限を手に入れる。
2. プラグインに不正なコードを追加する。
3. 正規の更新として配布する。
4. 利用者が更新すると、不正なコードもサイトに取り込まれる。

利用者が怪しいサイトからファイルを入手しなくても、被害に遭う可能性がある点が、この攻撃の厄介なところです。

なお、公式ディレクトリに掲載されているプラグインを、すべてWordPress本体の開発チームが制作・保守しているわけではありません。「公式ディレクトリで配布されていること」と「WordPress本体の開発元が提供していること」は区別して考える必要があります。

事例1：人気プラグインへのバックドア混入【2011年】

2011年6月、WordPressチームは、AddThis・WPtouch・W3 Total Cacheに不審なコード変更が加えられていることを確認しました。追加されていたのは、外部から不正な操作を行うための侵入口となる「バックドア」です。

WordPress側は開発者本人による変更ではないと判断し、変更の取り消しと更新版の配布を実施しました。調査中はコードの登録先へのアクセスを停止し、予防措置としてWordPress.orgなどのパスワードを一斉にリセットしました。

当時の公式発表では調査が続いていたため、具体的な認証情報の流出経路まで断定することはできません。確認できるのは、開発者本人ではない者による変更が、正規の配布経路に入り込んだという点です。

この事件は、プラグインの機能だけでなく、開発者のアカウントや公開権限も利用者の安全に直結することを示しています。

事例2：Display Widgetsの所有権限の移行後にスパム機能を追加【2017年】

Display Widgetsは、ウィジェットの表示を制御するプラグインで、当時約20万サイトに導入されていました。

Wordfenceの調査によると、2017年の所有者変更後、バージョン2.6.1〜2.6.3に、外部からコンテンツを追加・変更・削除できるバックドアが含まれていました。この仕組みは、サイトに無断でスパムコンテンツを掲載するために使われました。

さらに、ログインしている利用者には不正なコンテンツを見せない処理もありました。管理者が普段どおり自分のサイトを確認しても、異常に気付きにくい仕組みです。

当時は掲載停止と再公開が繰り返され、不正なコードが残った版も配布されました。最終的にはWordPress.org側が不正なコードを取り除いた版を提供し、別のプラグインへの移行を勧めています。

原因は、プラグインの所有権と更新権限が、悪意ある相手に渡ったことでした。攻撃者はアカウントを盗まなくても、既存プラグインを買い取ることで、多くの利用者へ更新を届けられたのです。

長年の実績や高評価は参考になりますが、運営主体が変わった後の安全性まで保証するものではありません。

事例3：人気プラグインが外部からバックドアを取り込む【2017年】

2017年12月には、当時30万以上の有効インストールがあった「Captcha」でも、所有者変更後の不正な更新が確認されました。これは特定のプラグインの事件であり、CAPTCHA機能を提供するプラグイン全般の問題ではありません。

この事件では、公式ディレクトリで配布するコードに、外部サーバーから別のプログラムを取得し、自分自身を上書きする仕組みが追加されていました。取得先から配布されるファイルには、ユーザーID「1」として認証されるバックドアが含まれていました。

ユーザーID「1」は初期管理者であることが多いため、管理者権限を奪われる危険がありました。さらに、不正な処理の後でファイルを削除したり、公式配布版と同じ状態へ戻したりして、痕跡を隠す仕組みも確認されています。

この事件の特徴は、公式ディレクトリから入手したコードが、別の場所から不正なプログラムを取り込んだことです。最初の入手先に加え、その後の更新や追加コードの取得経路も安全性に関わります。

事例4：パスワードの使い回しで複数プラグインが改ざん【2024年】

2024年6月には、Social Warfare・Blaze Widget・Wrapper Link Element・Contact Form 7 Multi-Step Addonなど、複数のプラグインに不正なコードが追加されました。

不正なコードには、管理者アカウントを作成してその情報を外部へ送ったり、サイトへスパムを挿入したりする処理が含まれていました。なお、Contact Form 7 Multi-Step Addonは追加機能を提供する別のプラグインであり、Contact Form 7本体の改ざんではありません。

判明した原因は、開発者のパスワードの使い回しです。別のサービスから流出した認証情報がWordPress.orgでも使われており、攻撃者が更新権限を持つアカウントに侵入しました。WordPress.org側も、外部で漏えいした認証情報の再利用が原因であると説明しています。

一方、同じ攻撃で狙われたPodsでは、コードの登録後に公開を別途確認する「Release Confirmation」により、不正な版の配布が防がれたと報告されています。

この違いから、アカウントの保護に加え、実際に公開する段階でも確認を行うことが、被害を食い止める助けになると分かります。

事件から分かる、プラグイン管理の弱点

各事件の入り口は同じではありません。大きく分けると、次のような問題がありました。

WordPress.orgは対策の一つとして、2024年10月1日からプラグイン・テーマ作者に二要素認証を義務付ける方針を発表しました。あわせて、コードの更新に使うSVN専用パスワードも導入しています。

二要素認証は、パスワードに加えて認証アプリなどで本人確認を行う仕組みです。ただし、SVNへのコード登録そのものに二要素認証を直接適用する仕組みではなく、アカウント保護、専用パスワード、公開時の確認などを組み合わせる方針です。

サイト運営者が実践したい5つの対策

ここからは、過去の事件を踏まえた運用上の提案です。サイト運営者が開発者側の管理をすべて確認することは難しいため、日常的に続けられる確認と復旧の準備を組み合わせます。

① 導入後も、開発元や掲載状況の変化を確認する

プラグインを選ぶときだけでなく、導入後も開発元の告知、所有者変更、掲載停止、突然の機能変更などを確認しましょう。

ただし、所有者変更や掲載停止だけで危険と決め付けることはできません。変更の理由や対応状況を確認し、継続利用や代替への移行を判断することが大切です。

② 更新を続けながら、異常を見つける仕組みを用意する

更新経由の事件を知ると、「更新しない方が安全なのでは」と感じるかもしれません。しかし、更新を長期間止めると、すでに知られている脆弱性を残すことになります。

基本は更新を続け、そのうえでバックアップ、不正ファイルの検査、不審な管理者アカウントの確認を組み合わせることです。

重要なサイトでは検証環境での動作確認も役立ちますが、正常に動くことを確認しても、不正な処理がないと証明できるわけではありません。表示確認とセキュリティ上の確認は、目的が異なります。

③ WAFや管理画面へのログイン対策だけに頼らない

WAFは、不正な通信を検査して攻撃を防ぐ仕組みです。しかし、正規の更新として取り込まれる不正なコードは、WAFだけでは防ぎにくい場合があります。

また、サイトの管理画面を二要素認証で守っていても、それだけで開発元から届く不正な更新を防げるわけではありません。ファイルの検査や、アカウント・プラグインの不審な追加を見つける対策も組み合わせましょう。

④ 不正な版を使っていた場合は、更新に加えて被害を調査する

修正版への更新と、侵害されたサイトの復旧は、別の作業です。

不正な版を一度動かすと、プラグイン以外の場所にバックドアを追加されたり、不正な管理者を作られたりする可能性があります。2024年の事件でも、後の調査で、メール送信サービスの認証情報を盗む追加の不正プラグインが見つかりました。

対象の不正な版を使用していた場合は、公式の対応案内に従って更新や削除を行い、あわせて次の点を調べます。

• 身に覚えのない管理者やプラグインがないか。
• 他のファイルやデータベースに改ざんがないか。
• パスワードや外部サービスの認証情報が流出していないか。
• 復元に使うバックアップが、侵害前のものか。

侵害が疑われる場合は、ログなどの記録を残し、サーバー会社や復旧を扱う専門家に相談しましょう。見つかった不正なファイルを一つ消しただけで、復旧が完了したと判断しないことが大切です。

⑤ 不要なプラグインを減らし、復旧できる状態を整える

利用するプラグインが増えるほど、確認すべき開発元や更新経路も増えます。使っていないものは削除し、利用中のものについては、用途と提供元を把握しておきましょう。

バックアップは、ファイルとデータベースの両方を対象にし、複数世代を残すと、異常に気付くまで時間がかかった場合にも対応しやすくなります。保存だけで終わらせず、復元手順も確認しておくと安心です。

終わりに：正規の更新を使いながら、発見と復旧にも備える

過去の事件では、アカウントの乗っ取り、プラグインの買収、外部からのコード取得といった複数の経路が悪用されました。信頼されているプラグインでも、その更新権限や配布経路が悪用されれば、利用者に被害が及びます。

だからこそ、公式の配布元を使って更新を続けながら、開発元の変化や不審な動きに気付けるようにしておくことが大切です。

更新・監視・バックアップを組み合わせ、問題が起きたときに調査して復旧できる状態を作ることが、サイト運営者にできる現実的な備えです。

WordPressでお問い合わせページを作ろうとすると、さまざまなフォームプラグインが見つかります。「どれを選べばよいのか」「HTMLを書かずに作れるものはないか」と迷う方もいるのではないでしょうか。

そのようなときに候補となるのが、Snow Monkey Formsです。WordPressのブロックエディターを使ってフォームを作成でき、送信前の確認画面も設けられます。

この記事では、Snow Monkey Formsの主な特徴、導入の流れ、利用前に知っておきたい注意点を紹介します。Contact Form 7・WPForms・Forminatorとの違いも比較します。

公式情報

• WordPress公式プラグインページ：Snow Monkey Forms
• Gutenberg ブロックエディター用のお問い合せフォームプラグイン Snow Monkey Forms をリリースしました！ – Snow Monkey

Snow Monkey Formsとは？

Snow Monkey Formsは、WordPressのブロックエディターでお問い合わせフォームを作れる無料プラグインです。

文章や画像をブロックとして追加するように、名前・メールアドレス・お問い合わせ内容などの入力欄を配置します。一般的なフォームであれば、HTMLを一から書かずに組み立てられます。

名前に「Snow Monkey」と付いていますが、テーマ「Snow Monkey」専用ではありません。他のテーマでも利用できます。ただし、テーマによって文字や余白などの見え方が異なるため、公開前の表示確認は必要です。

Snow Monkey Formsの主な特徴

ブロック操作で入力欄を追加できる

フォームに使える入力欄には、次のようなものがあります。

例えば、ブログのお問い合わせなら「名前」「メールアドレス」「お問い合わせ内容」の3項目から始められます。会社の窓口なら、必要に応じて会社名やお問い合わせ種別を追加するとよいでしょう。

最初から項目を増やしすぎず、対応に必要な情報に絞ると、利用者も入力しやすくなります。

送信前の確認画面を設けられる

Snow Monkey Formsでは、送信前に入力内容を見直す確認画面を有効にできます。流れは、入力 → 内容の確認 → 送信完了です。

利用者がメールアドレスの誤りなどに気づく機会を設けられます。確認画面が必要なサイトでは、追加の拡張プラグインを探さずに設定できる点が便利です。

一方で、短い問い合わせを手早く送ってもらいたい場合は、確認画面を省く方法もあります。フォームの内容に合わせて選びましょう。

通知メールと自動返信メールを設定できる

問い合わせをサイト運営者に知らせる「管理者宛メール」と、送信した方に受付を知らせる「自動返信メール」を設定できます。

例えば、管理者には入力内容をまとめて送り、利用者には「お問い合わせを受け付けました。内容を確認のうえ、ご連絡します」と案内できます。

自動返信を設ける場合は、宛先に利用者のメールアドレスが正しく入ることも確認しましょう。フォームにメールアドレス欄を置くだけでは、通知先の設定まで完了したことにはなりません。

迷惑送信対策に対応している

Snow Monkey Formsは、Googleの「reCAPTCHA v3」と、Cloudflareの「Turnstile」に対応しています。どちらも、自動プログラムなどによる迷惑な送信を抑えるための外部サービスです。

使うには、サービス側で取得したキーをWordPress側に設定します。プラグインを入れるだけで、これらの対策が自動的に有効になるわけではありません。

設定後は、普通の問い合わせが送れるかも実際に試してください。

お問い合わせフォームを設置する流れ

ここでは、基本的なお問い合わせフォームを作る流れを紹介します。画面名やボタンの位置は、利用しているバージョンによって異なる場合があります。

① プラグインをインストールする

WordPressの管理画面で「プラグイン」の新規追加画面を開き、「Snow Monkey Forms」を検索します。対象のプラグインを確認してインストールし、有効化します。

似た名前の「Snow Monkey Blocks」「Snow Monkey Editor」と取り違えないよう、Formsという名前を確認してください。また、必要なWordPress・PHPのバージョンを満たしているか、導入前にプラグインの詳細画面で確認しましょう。

② フォームを新規作成する

管理画面の「Snow Monkey Forms＞投稿を追加」からフォームを新規作成します。

タイトルは「一般お問い合わせ」など、後から用途が分かる名前にすると管理しやすくなります。

入力欄は、見出しとなるラベルと実際の入力欄を組み合わせて作ります。

最初は、次のような構成を例にするとよいでしょう。

必須にした項目は、空欄で送信しようとしたときの動作も確認します。

③ 確認画面・完了メッセージを設定する

「フォーム」エリアを選択し、右サイドバーの「ブロック＞フォーム」で、確認画面を利用するかどうかを決ます。

送信後に表示する完了メッセージは「完了画面」エリア内に用意します。

④ 自動返信メールを設定する

続いて、「フォーム」エリアを選択し、右サイドバーの「ブロック」の設定から、管理者宛メールと、必要に応じて自動返信メールを設定します。

メール設定に出てくる主な用語は、次のとおりです。

• To： メールを届ける相手
• From： メールの差出人
• Reply-To： 受信者が「返信」を押したときの宛先
• Subject： 件名
• Body： 本文

管理者宛メールのToには、問い合わせを受け取る運営者のメールアドレスを指定します。自動返信メールのToには、フォームに入力されたメールアドレスを差し込む設定を使います。

例えば、メールアドレス欄の内部名（属性＞NAMEの記載内容）が email なら、差し込みには {email} を使います。内部名を変更している場合は、差し込みの指定も合わせる必要があります。

⑤ 固定ページにフォームを置く

フォームを保存・公開したら、掲載先となる固定ページを開きます。「Snow Monkey Form」ブロックを追加し、作成したフォームを選択します。

フォームの前には、問い合わせの対象や返信の目安を記載すると親切です。返信日数を書く場合は、実際に対応できる範囲にしましょう。

フォームの作成と、掲載先の固定ページの保存・公開は別々に行います。

⑥ 公開前に送信テストをする

表示できたら、実際の利用者と同じように入力して送信します。

• 必須項目を空欄にすると、入力を促す表示が出るか
• 確認画面を使う場合、内容の確認ができるか
• 送信完了メッセージが表示されるか
• 管理者宛メールが届き、必要な入力内容が載っているか
• 自動返信を使う場合、利用者側にも届くか
• スマートフォンでも入力欄やボタンを使いやすいか

ログインしていないブラウザーでも試しておくと、訪問者に近い条件で確認できます。

導入前に知っておきたい注意点

問い合わせ履歴の保存機能は標準ではない

Snow Monkey Forms本体には、問い合わせ内容を履歴として保存し、管理画面で一覧表示する機能がありません。 基本的には、届いたメールを使って問い合わせを管理します。

開発者も、公式フォーラムで送信データの保存機能を設けていないと説明しています。

そのため、「過去の問い合わせを検索したい」「受付内容をCSVで取り出したい」「メールが届かなかった場合にも内容を確認したい」という場合は、保存機能を備える別のプラグインや追加の仕組みも検討しましょう。

ここでいう「保存しない」は、問い合わせ履歴として蓄積する機能についての説明です。送信処理で扱う一時的なデータや、受信したメールまで存在しないという意味ではありません。

送信完了とメールの到着は別に確認する

フォームに「送信完了」と表示されても、メールが相手の受信箱に届いたとは限りません。受信側で迷惑メールと判定されたり、メール送信環境に問題があったりする場合があります。

Fromには、利用者が入力したアドレスをそのまま使うのではなく、サイト側で送信に使えるアドレスを設定するのが基本です。利用者へ返信するための宛先は、Reply-Toで指定します。

例えば、次のように役割を分けます。

• From： サイト側の送信に利用できるアドレス
• To： 問い合わせを確認する担当者のアドレス
• Reply-To： フォームに入力された利用者のアドレス

外部のメール配信サービスを使っている場合は、そのサービスが指定する送信元や認証設定に従ってください。届かないときは、宛先・迷惑メールフォルダー・サーバー側の送信設定を確認し、必要に応じてSMTPなどのメール送信設定も見直します。

ブロック操作への慣れは必要

「コードを書かずに作れる」ことと、「操作を覚えなくても作れる」ことは同じではありません。ブロックを選び、入力欄を追加し、設定を変更する操作は必要です。

ブロックエディターを普段から使っている方には取り組みやすい一方、苦手な方は、まず3項目程度の小さなフォームから試すとよいでしょう。専用のフォーム作成画面を使う他のプラグインと比べて、自分に合う方を選ぶ方法もあります。

代表的な類似プラグインとの比較

フォームプラグインは、機能の数だけでなく、編集方法・送信内容の管理・必要な費用で比べると選びやすくなります。

Contact Form 7：HTMLで調整したい場合に

Contact Form 7は、フォームタグとHTMLで入力欄を組み立てる方式です。追加用の補助ボタンはありますが、見た目を細かく整えるときにはHTMLやCSSの知識が役立ちます。

ページに配置するためのブロックもあります。ただし、入力欄そのものをWordPressのブロックで編集するSnow Monkey Formsとは、作成方法が異なります。

送信内容を残したい場合は、同じ開発者の「Flamingo」を組み合わせられます。送信前の確認画面は、拡張プラグインなどを検討することになります。

WPForms：専用画面で作りたい場合に

WPFormsは、入力欄をドラッグ＆ドロップして配置する方式です。WordPressのブロック操作とは異なるため、こちらの方が分かりやすいと感じる方もいるでしょう。

ただし、無料のWPForms Liteと有料版には機能差があります。ファイルアップロードや条件分岐などが必要なら、対応する有料プランを確認してください。

Forminator：条件分岐や回答管理を使いたい場合に

Forminatorは、無料版にも条件分岐や送信内容の保存・管理機能を備えています。

条件分岐とは、「法人を選んだ場合だけ会社名欄を表示する」といった仕組みです。入力内容によって案内を変えたいフォームや、回答を管理画面で整理したい用途で候補になります。計算、アンケート、クイズ、決済連携などにも対応しています。

一般的なお問い合わせだけで十分なら、機能の多さよりも、作成・修正のしやすさを優先して比べるとよいでしょう。

まとめ

Snow Monkey Formsは、ブロックエディターで編集でき、送信前の確認画面も設けられるフォームプラグインです。一般的なお問い合わせ窓口を作り、メールで受け付けた内容を管理したい場合に、検討しやすい選択肢となります。

一方、問い合わせ履歴の保存や複雑な入力条件が必要なら、運用方法まで含めて他のプラグインと比較することが大切です。

まずは「どの情報を受け取るか」「確認画面は必要か」「問い合わせをどこで管理するか」を決めましょう。そのうえで小さなフォームを作り、入力からメールの受信まで確認すると、導入を進めやすくなります。

WordPressで記事を書いていると、「重要な言葉にマーカーを引きたい」「補足説明を付箋のように見せたい」「期間限定のお知らせを、指定した日時に非表示にしたい」と感じることはありませんか。

こうした文章の装飾や表示の調整を助けてくれるのが、無料プラグインの Snow Monkey Editor（スノーモンキーエディター） です。

この記事では、Snow Monkey Editorの主な機能と導入方法、基本的な使い方を紹介します。最後に、名前の似ている「Snow Monkey Blocks」との違いや、組み合わせ方も説明します。

公式情報

• WordPress公式プラグインページ：Snow Monkey Editor
• Snow Monkey Editor – Snow Monkey（公式）

Snow Monkey Editorはどんなプラグイン？

Snow Monkey Editorは、WordPressのブロックエディターを拡張するプラグインです。文字を装飾する機能や、ブロックの見た目・表示条件を調整する機能を追加できます。

ここでいう「ブロック」とは、記事を構成する段落・見出し・画像などの部品のことです。Snow Monkey Editorを導入すると、こうした部品を使った記事づくりの選択肢が増えます。

名前に「Editor」と付いていますが、別の編集画面に切り替えて使うものではありません。普段のブロックエディターに、装飾や設定の選択肢が加わる仕組みです。

Snow Monkeyテーマ以外でも利用でき、Snow Monkey Blocksを同時に導入することも必須ではありません。まずはEditor単体で、必要な機能から使い始められます。

Snow Monkey Editorの主な機能

① 文章の一部分を装飾できる

ブログで活用しやすいのが、選択した文字に装飾を加える機能です。例えば、次のような調整ができます。

• 蛍光ペン： 覚えてほしい結論にマーカー風の色を付ける
• テキストバッジ： 「NEW」「重要」などをラベル風に見せる
• 文字色・背景色： 注意して読んでほしい部分を目立たせる
• フォントサイズ： 文章の一部の文字サイズを調整する
• 文字間隔： 短い見出しやキャッチコピーの印象を整える
• テキストグラデーション： 文字に色のグラデーションを付ける
• 書式設定のクリア： 装飾を見直す際に書式を解除する

例えば、操作手順の説明で「保存ボタンを押す」という箇所を強調すれば、読者が次に行う操作を見つけやすくなります。

ただし、装飾を増やしすぎると、どこが大事なのか分かりにくくなります。「結論は蛍光ペン」「補足は通常の文字」のように、役割を決めて使うと記事を整えやすくなるでしょう。

② 標準ブロックの見た目を変えられる

Snow Monkey Editorは、段落やリスト、画像などに「ブロックスタイル」を追加します。ブロックスタイルとは、ブロックに適用する見た目の選択肢です。

代表的なものには、注意書き風のアラート、付箋、吹き出し風の装飾、チェックマーク付きのリストなどがあります。画像に影を付けたり、輪郭を丸みのある不規則な形に見せる「流体シェイプ」を適用したりすることもできます。

文章を書いた後で、補足部分の段落にスタイルを付ける使い方が便利です。専用の部品を挿入し直さずに、既存の文章の見せ方を調整できます。

なお、選べるスタイルはブロックの種類によって異なります。

③ 画面サイズに応じて表示や改行を調整できる

パソコンとスマートフォンでは、画面に収まる情報量が異なります。Snow Monkey Editorには、スマートフォン・タブレット・PCの画面サイズに応じて、ブロックを非表示にする機能があります。

例えば、パソコン向けの横長の説明と、スマートフォン向けの簡潔な説明を用意し、表示を切り替える使い方が考えられます。

また、文字の書式設定には、画面サイズに応じて改行を切り替える機能もあります。キャッチコピーなどで、画面幅に合わせて行の区切り方を調整したい場合に役立ちます。

ここでの判定は画面の幅によるものです。設定後は編集画面だけでなく、実際のページを異なる画面幅で確認しましょう。画面サイズによる非表示は見た目を切り替えるための機能なので、秘密の情報を保護する用途には使いません。

④ ブロックごとに公開開始・終了日時を設定できる

期間限定の案内には、ブロック単位の公開設定が役立ちます。公開を始める日時と、公開を終了する日時を指定できます。

例えば、次のような用途です。

• イベントの告知を、受付開始日時から表示する
• キャンペーンの案内を、終了後に非表示にする
• 季節限定のお知らせを、必要な期間だけ掲載する

記事全体を残したまま、その中の案内部分の表示期間を調整できるのがポイントです。

運用を始める際は、短い期間で動作を確かめておくと安心です。ページのキャッシュを利用しているサイトでは、保存された表示が残らないかも確認しておきましょう。

⑤ ユーザーの権限に応じた表示・編集設定ができる

WordPressには、管理者・編集者・投稿者などの「権限グループ」があります。サイト内で行える操作を分けるための仕組みで、「ロール」とも呼ばれます。

Snow Monkey Editorでは、この権限グループに応じてブロックを非表示にできます。

また、管理者は、特定の権限グループに対してブロックの編集をロックできます。

例えば、複数人で記事を編集する際に、管理者が用意した定型の案内を、ほかの担当者がうっかり変更しないようにする用途が考えられます。

一人でブログを書いている場合は、最初から使う必要はありません。共同運営などで、役割を分ける必要が出てきたときに検討するとよいでしょう。

⑥ スクロールに合わせたアニメーションを付けられる

ブロックが画面内に入ったときに、ふわっと表示されるようなアニメーションを設定できます。

サービス紹介ページやイベントの案内などで、注目してほしい部分に動きを加えたい場合に使えます。一方、本文を読むことが中心の記事では、動きが多いと読みにくくなることもあります。まずは案内や画像など、限られた箇所で試すのがおすすめです。

⑦ よく使う設定をプリセットとして保存できる

「ブロックプリセット」は、ブロックの設定を保存し、同じ種類のブロックに適用できる機能です。プリセットとは、繰り返し使う設定をまとめて保存したものを指します。

例えば、対応するブロックでよく使う設定を保存しておけば、毎回同じ調整を繰り返す手間を減らせます。

プリセットはユーザーごとに保存され、ブロックの種類ごとに複数作成できます。ただし、対応するブロックや保存・適用できる設定項目には制限があります。

また、設定を適用する機能なので、保存済みのプリセットを変更しても、過去の記事がまとめて更新されるという使い方を想定しないようにしましょう。

Snow Monkey Editorの導入方法

WordPressの管理画面からインストールできます。

• 管理画面の「プラグイン」から「新規プラグインを追加」を開く
• 検索欄に「Snow Monkey Editor」と入力する
• プラグイン名と作者「Takashi Kitajima」を確認する
• 「今すぐインストール」をクリックする
• インストールが終わったら「有効化」をクリックする

導入前に、プラグインの詳細画面でWordPressの必要バージョンや互換性の表示を確認してください。必要な環境は更新によって変わるため、実際に導入する時点の情報を確認することが大切です。

導入後は、文字の装飾から試してみよう

初めて使う場合は、下書きの記事で蛍光ペンの機能から試すと分かりやすいでしょう。

1. ブロックエディターで記事を開く
2. 段落に文章を入力し、強調したい文字を選択する
3. ツールバーのSnow Monkeyのボタンから書式設定を開く
4. 蛍光ペンを選び、色などを設定する
5. プレビューで文字の読みやすさを確認する

文字の装飾に慣れたら、段落を選んでブロックスタイルを変更したり、対象ブロックの拡張設定を開いて表示条件を調整したりしてみましょう。設定項目の位置や名称は、バージョンによって異なる場合があります。

操作を覚える順番としては、「文字装飾」「ブロックスタイル」「必要な表示設定」の順がおすすめです。最初からすべての機能を使いこなす必要はありません。

使い始めるときに確認したいこと

既存の機能と重なっていないか確認する

テーマや別のプラグインに、似た装飾機能が用意されていることがあります。導入前に「今の環境で何が足りないのか」を整理すると、使う機能を絞りやすくなります。

例えば、文字色の変更だけで十分なら、現在の編集画面でできるかを先に確認しましょう。蛍光ペンやバッジ、プリセットなど、必要な機能が明確になると導入の判断もしやすくなります。

すべてのブロックに同じ機能が付くわけではない

公式説明では、表示設定などのブロック拡張機能は、標準ブロックとSnow Monkey Blocksを対象としています。他のプラグインが追加するブロックにも、同じ設定が自動的に付くとは限りません。

機能が見つからないときは、まず段落などの標準ブロックで設定が表示されるかを確認すると、切り分けの手がかりになります。

補足：Snow Monkey Blocksと組み合わせると何ができる？

Snow Monkey Editorと名前が似ている「Snow Monkey Blocks」は、FAQ、ステップ、料金表、アコーディオンなどの専用ブロックを追加するプラグインです。

両者は、主な役割が異なります。

• Snow Monkey Editor： 文字装飾やブロックの設定を拡張する
• Snow Monkey Blocks： ページづくりに使う専用ブロックを増やす

例えば、操作ガイドの記事なら、Blocksのステップブロックで手順を整理し、Editorで重要な操作名を強調する、という組み合わせが考えられます。

また、Blocksの対応ブロックでもEditorのプリセットを活用できます。公式の解説では、吹き出しの画像や名前などの設定を再利用する例が紹介されています。

ただし、文章の装飾が目的であれば、Editor単体でも使えます。「よくある質問をまとめたい」「手順を分かりやすく見せたい」など、専用ブロックが必要になったときにBlocksを追加する選び方で十分です。

Snow Monkey Blocksとは？ WordPressの記事を読みやすく整える無料プラグイン

WP Pilot

まとめ

Snow Monkey Editorは、普段のブロックエディターに、文章の装飾やブロックの表示・編集設定を追加できるプラグインです。

蛍光ペンや付箋風のスタイルは日々の記事づくりに、公開期間の指定やプリセットは繰り返しの作業を減らす場面に役立ちます。

まずは下書きで、文字の強調とブロックスタイルから試してみましょう。必要に応じて表示設定などを取り入れ、FAQやステップといった部品も使いたくなったら、Snow Monkey Blocksとの併用を検討するとよいでしょう。

WordPressで記事を書いていると、「注意点を枠で囲みたい」「操作の手順を分かりやすく見せたい」「よくある質問をまとめたい」と感じることがあります。

そんなときに役立つのが、無料プラグインの「Snow Monkey Blocks（スノーモンキーブロックス）」です。記事や固定ページで使える部品を追加し、情報を整理したり、見た目を整えたりできます。

この記事では、主な機能やテーマ「Snow Monkey」との違い、基本的な使い方を初心者向けに紹介します。

公式情報

• WordPress公式プラグインページ：Snow Monkey Blocks
• Snow Monkey Blocks – Snow Monkey（公式）

Snow Monkey Blocksはどんなプラグイン？

Snow Monkey Blocksは、WordPressのブロックエディターに便利なブロックを追加するプラグインです。

ブロックとは、文章や画像、見出しなどを配置するための「部品」のことです。WordPressでは、これらの部品を組み合わせて記事を作ります。

Snow Monkey Blocksを導入すると、吹き出しやFAQ、手順説明などの部品が使えるようになります。基本的な内容や見た目は編集画面から設定できるため、コードを自分で書かなくても利用できます。

普段のブログ記事に加え、商品やサービスの魅力を伝える紹介ページの作成にも活用できます。

どのようなブロックが使える？

代表的なブロックと活用例をまとめました。

FAQは「よくある質問」、アコーディオンは「開閉できる説明欄」と考えると分かりやすいでしょう。

初心者の方は、最初からすべてを使いこなす必要はありません。まずは「ボックス」「FAQ」「ステップ」の3つを試すと、記事の中で役割を理解しやすくなります。

テーマ「Snow Monkey」との違い

名前が似ていますが、テーマ「Snow Monkey」とプラグイン「Snow Monkey Blocks」は別の製品です。

テーマはサイトの見た目の土台、プラグインは機能を追加する仕組みです。

Snow Monkey Blocksは、テーマ「Snow Monkey」を購入しなくても利用できます。ほかのテーマでも使えますが、組み合わせによっては余白などの調整が必要になる場合があります。

また、Snow Monkeyテーマと組み合わせると、「目次」「最近の投稿」「このページの子ページ」など、一部の追加ブロックも利用できます。すべてのテーマで同じブロックを使えるわけではない点を押さえておきましょう。

ブログではどう活用できる？

例えば、WordPressの設定方法を説明する記事なら、次のような使い方が考えられます。

• 操作の順番を「ステップ」で示す
• 作業前の注意事項を「アラート」で目立たせる
• 読者が疑問に思いそうな点を「FAQ」にまとめる

飲食店の紹介記事なら、「価格メニュー」で料理と価格を整理し、「ボックス」で訪問時のポイントを補足する方法もあります。

どちらの場合も、装飾を増やすこと自体を目的にするのではなく、読者が必要な情報を見つけやすくなる場所で使うと効果的です。

インストールと基本的な使い方

① プラグインをインストールする

WordPress管理画面の「プラグイン」から、新しいプラグインを追加する画面を開きます。

検索欄に「Snow Monkey Blocks」と入力し、対象のプラグインをインストールして有効化します。作者名は「Takashi Kitajima」です。

② 記事にブロックを追加する

投稿や固定ページの編集画面を開き、「＋」から使いたいブロックを探して追加します。なお、「Pro」と表示されているブロックについては、テーマ「Snow Monkey」が有効化されている必要がございます。

最初は下書きの記事で試すと、公開中の記事に影響を与えずに操作を確認できます。

③ 内容と見た目を整える

文章や画像を入れ、追加したブロックを選択して設定を調整します。変更できる項目はブロックによって異なります。

複数の項目を含むブロックでは、全体と内側の項目で設定が分かれることもあります。設定が見つからないときは、どの部分を選んでいるか確認しましょう。

最後にプレビューを開き、パソコンとスマートフォンの両方で、文字や余白が読みやすいか確かめます。

使うときに気を付けたいこと

テーマ・プラグインとの相性を確かめる

CocoonやSWELLのように、テーマ側で独自ブロックが多数搭載されている場合、わざわざ「Snow Monkey Blocks」を新たにインストールする必要はありません。また、それ以外のテーマであっても、上述のとおり、追加での調整が必要になる場合があります。

別でブロックを追加するプラグイン（「VK Blocks」「Useful Blocks」など）を追加済の場合も、「Snow Monkey Blocks」を新たに追加すると、不具合が生じる場合がございます。

WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介

WP Pilot

標準ブロックと使い分ける

通常の文章や見出しなど、WordPress標準のブロックで十分に表現できる部分は、そのまま使うと管理しやすくなります。

Snow Monkey Blocksは、手順や質問をまとめたいなど、必要な場面で追加していくとよいでしょう。

非推奨の旧ブロックを新しく使わない

公式のブロック一覧には、過去に作成したページとの互換性を保つために残されている「旧スライダー」などもあります。

新しくページを作る際は、「非推奨」や「Deprecated」と表示されるものを避けて選びましょう。また、新規に使い始める場合は、下の項目にある通り利用不可にすることも可能です。

使いたいブロックのみ有効にする

プラグイン有効化中、「管理画面＞設定＞Snow Monkey Blocks」を開くと、「利用可能なブロック」の箇所があります。

使う予定のないブロックや「非推奨」と記載されている箇所は、極力オフにしていただくことをおすすめします。なお、「変更を保存」ボタン（下の方にあります）を押下することを忘れずに。

停止・削除する前に使用箇所を確認する

追加したブロックの見た目や動作は、プラグインの機能に依存します。停止後の影響はブロックによって異なり、文章が残っていても、装飾や開閉などの動作が維持されるとは限りません。

使わなくなった場合は、利用中のページを確認し、必要に応じて別のブロックに置き換えてから停止しましょう。

補足：Snow Monkey Editorと組み合わせると、装飾の幅が広がる

Snow Monkey Blocksとあわせて使えるプラグインに、無料の「Snow Monkey Editor」があります。こちらは、文字の装飾やブロックの表示設定など、ブロックエディターの機能を増やすプラグインです。テーマ「Snow Monkey」以外でも利用できます。

名前は似ていますが、主な役割には次の違いがあります。

• Snow Monkey Editor： 文字装飾やブロックの設定を拡張する
• Snow Monkey Blocks： ページづくりに使う専用ブロックを増やす

「使える部品を増やすのがBlocks」「文章やブロックの見せ方を細かく整えるのがEditor」と考えると、違いをつかみやすいでしょう。

例えば、操作手順を紹介する記事では、Snow Monkey Blocksの「ステップ」で手順を順番に並べ、その説明に使う段落の重要な言葉をSnow Monkey Editorの「蛍光ペン」で強調する、といった使い方が考えられます。部品による整理と文字の強調を組み合わせることで、読者が要点を見つけやすくなります。

また、Snow Monkey Editorには、段落やグループなどに付箋風の見た目を付ける機能や、ブロックにスクロール時のアニメーションを設定する機能もあります。ただし、利用できる装飾や設定はブロックの種類によって異なります。

なお、Snow Monkey Blocksを使うために、Snow Monkey Editorの導入が必須というわけではありません。 まずはBlocksで必要な部品を使い、文字の強調や表示設定をさらに増やしたくなったときに、Editorの追加を検討するとよいでしょう。装飾は大切な部分に絞ると、記事全体の読みやすさも保ちやすくなります。

Snow Monkey Editorとは？ 主な機能と導入方法を解説します

WP Pilot

まとめ：まずは記事の一部分から試してみよう

Snow Monkey Blocksは、記事の要点や手順を見やすく整理したい方に役立つプラグインです。有料テーマ「Snow Monkey」を使っていなくても、無料で導入できます。

まずは既存の記事を一つ選び、注意事項をボックスにまとめたり、手順をステップに置き換えたりしてみましょう。記事の一部分から試すことで、自分のブログに必要な機能を見つけやすくなります。

WordPressで記事や商品、店舗情報などが増えてくると、「カテゴリーやタグだけでは目的の情報を探しにくい」という問題が出てきます。

そんなときに便利なのが「VK Filter Search」です。

VK Filter Searchを使うと、カテゴリーやタグ、キーワードなど、複数の条件を指定して投稿を検索できるフォームをWordPress上に作成できます。

さらに有料版の「VK Filter Search Pro」では、チェックボックスやラジオボタン、段階プルダウンなどを使った、より本格的な絞り込み検索も利用できます。

この記事では、VK Filter Searchの無料版とPro版について、WordPress初心者にも分かりやすいように紹介します。

VK Filter Searchとは？

VK Filter Searchは、WordPressに「絞り込み検索」を追加できるプラグインです。

通常のWordPress検索では、検索ボックスにキーワードを入力して記事を探す方法が中心です。

VK Filter Searchを利用すると、それに加えて、「カテゴリー」「タグ」「カスタムタクソノミー」「投稿タイプ」などを条件にして検索できます。

WordPressの技術ブログであれば、「カテゴリー：WordPress」「タグ：セキュリティ」「キーワード：アップデート」といった複数の条件を組み合わせて記事を探せます。

情報量が増えてきたサイトほど、目的の記事を見つけやすくするために役立つプラグインです。

絞り込み検索とは？

「絞り込み検索」と聞くと難しく感じるかもしれません。

しかし、ネットショップや不動産サイトなどではよく使われています。

不動産サイトなら、「東京都」「マンション」「家賃10万円以下」「駅から徒歩10分以内」といった条件を選んで物件を探します。このように、いくつかの条件を指定して候補を減らしていく仕組みが「絞り込み検索」です。

VK Filter Searchを使えば、WordPressでもこれに近い検索フォームを作成できます。

VK Filter Searchには無料版とPro版がある

VK Filter Searchには、大きく分けて2種類があります。

無料版の「VK Filter Search」と、有料版の「VK Filter Search Pro」です。「VK Filter Search」はプラグイン画面から検索して直接インストールすることができる一方、「VK Filter Search Pro」は購入する必要がございます。

無料版でも基本的な絞り込み検索は十分可能です。一方、Pro版では検索項目の表示方法や検索条件を細かく設定できるため、店舗検索、求人検索、不動産検索など、より複雑な検索フォームを作りたい場合に向いています。

無料版のVK Filter Searchでできること

まずは無料版の機能から見ていきましょう。

カテゴリーやタグから検索できる

無料版では、カテゴリーやタグを検索条件として利用できます。

例えば、「カテゴリー：WordPress」「タグ：初心者向け」と指定して検索できます。

WordPressでは、カテゴリーやタグのような投稿を分類する仕組みを「タクソノミー」と呼びます。

自分で追加したカスタムタクソノミーも検索条件として利用できます。

キーワード検索ができる

通常のWordPress検索と同じように、キーワード入力欄も設置できます。

例えば、「カテゴリー：WordPress」「キーワード：セキュリティ」のように条件を組み合わせて検索できます。

カテゴリーだけでは探しにくい記事も、キーワードを追加することで見つけやすくなります。

投稿タイプを指定できる

WordPressには通常の「投稿」以外にも、「固定ページ」「カスタム投稿タイプ」などがあります。

VK Filter Searchでは、どの投稿タイプを検索対象にするか指定できます。

例えば、カスタム投稿タイプで「店舗情報」を作成している場合、「店舗情報だけを検索する」といったフォームも作成できます。

検索結果ページにもフォームを表示できる

検索を実行したあとに、「カテゴリーを変えて検索し直したい」というケースもあります。

VK Filter Searchでは、検索結果ページにも検索フォームを表示できます。

ユーザーが検索条件を変更しながら何度も探せるため、情報量の多いサイトでは特に便利です。

投稿アーカイブにも検索フォームを配置できる

カスタム投稿タイプの一覧ページなどにも検索フォームを表示できます。

例えば、「店舗一覧」「製品一覧」「求人情報一覧」といったページの上部に検索フォームを置き、条件を指定して一覧を絞り込めます。

無料版でも十分使える

ここまでを見ると分かるように、VK Filter Searchは無料版でもかなり多くのことができます。

• カテゴリーから探す
• タグから探す
• キーワードから探す
• 投稿タイプを限定する

といった用途であれば、まずは無料版で十分でしょう。

一般的なブログや情報サイトであれば、無料版だけで必要な検索機能を実現できるケースも多いです。

無料版の主な制限

無料版で注意したいのが、検索項目の表示方法です。

例えば、カテゴリーを検索条件にする場合、無料版では基本的にプルダウン形式になります。「カテゴリー：WordPress ▼」のような形です。

一方で、「□ WordPress」「□ セキュリティ」「□ プラグイン」といったチェックボックス形式で選ばせたい場合には、Pro版が必要です。

ここが無料版とPro版を選ぶ際の大きなポイントになります。

VK Filter Search Proとは？

VK Filter Search Proは、無料版の機能をさらに拡張した有料版です。

基本的な検索の仕組みは同じですが、以下のようにより細かな設定ができるようになります。

• 検索条件の選択方法
• 検索結果の並び順
• カテゴリーの階層表示
• 日付検索
• カスタムフィールド検索

特に、「条件が多い検索フォームを作りたい」「ユーザーに分かりやすい検索画面を作りたい」という場合に便利です。

本プラグインは31,900円（税込）の買い切りとなっています。サブスクリプションではありませんので、更新後に料金を請求されることはありません。

VK Filter Search Pro

不動産サイトの物件検索で見かけるような高度な絞り込み検索フォームを、WordPress のブロックエディタを使用してノーコードで簡単に設置できます。

商品を確認する

販売元公式サイト

ポチップ

VK Filter Search Proで追加される主な機能

チェックボックスで検索できる

Pro版では、タクソノミーなどをチェックボックスとして表示できます。

「□ WordPress」「□ PHP」「□ CSS」のような形で、複数の条件を同時に選ばせたい場合に便利です。

プルダウンよりも選択肢が見やすいため、ユーザーにとっても使いやすい検索フォームを作れます。

ラジオボタンを使える

Pro版ではラジオボタンも利用できます。

「○ 初心者向け」「○ 中級者向け」「○ 上級者向け」のように、「いずれか1つを選択してほしい」項目に向いています。

AND検索・OR検索を設定できる

Pro版では、複数条件を選んだ場合の検索方法も細かく指定できます。

AND検索は、「WordPressであり、なおかつセキュリティの記事」を探す方法です。一方、OR検索では、「WordPressまたはセキュリティに該当する記事」を検索します。除外検索（いわゆる「NOT検索」）も設定可能です。

検索フォームの目的によって使い分けることで、より柔軟な検索が可能になります。

投稿日で検索できる

Pro版では、投稿日を条件にした検索もできます。

例えば、2026年1月1日から2026年9月30日までといった期間を指定して記事を検索できます。

ニュースサイト、イベント情報、求人情報など、日付が重要になるサイトで便利です。

検索結果の並び替えができる

Pro版では検索結果の並び順も変更できます。

例えば、「投稿日が新しい順」「投稿日が古い順」「更新日が新しい順」「更新日が古い順」などです。

検索結果が多いサイトでは、ユーザーが目的の情報を見つけやすくなります。

カスタムフィールドを条件にできる

Pro版では、カスタムフィールドを使った検索にも対応しています。

カスタムフィールドとは、投稿に独自の情報を追加する仕組みです。不動産サイトであれば、「家賃」「築年数」「面積」「駅からの距離」といった情報を保存できます。これらの値を検索条件に利用できれば、より本格的な絞り込み検索が可能になります。

ただし、カスタムフィールド検索はデータ量や設定内容によってサーバーへの負荷が大きくなる可能性があります。そのため、この機能を使う場合には注意文が表示されます。

大量の投稿を扱う場合には、サイトの速度にも注意した方がよいでしょう。

段階プルダウンを利用できる

Pro版では、階層構造になっているタクソノミーを段階的に選択できます。

「東京都」を選択 →「新宿区」「渋谷区」「港区」などが表示、といった検索フォームの作成が実現できます。

地域検索との相性が非常によく、「不動産サイト」「店舗検索」「求人検索」「施設検索」などで活用できます。

アコーディオン表示ができる

検索条件が多い場合、すべてを表示すると検索フォームが非常に長くなります。

Pro版では、検索条件を折りたたむアコーディオン表示が利用できます。必要な部分だけを開いて検索できます。

スマートフォンでも検索フォームを見やすくしやすい機能です。

投稿数を表示できる

Pro版では、検索項目ごとに投稿数を表示することもできます。

例えば、「WordPress（120）」「CSS（35）」「PHP（42）」といった形です。

ユーザーは検索する前に「どのカテゴリーにどのくらい記事があるのか」を確認できます。

0件の検索項目も表示できる

通常、投稿が存在しない項目は検索候補に表示しないことがあります。

Pro版では、投稿数が0件の項目も表示できます。例えば、「WordPress（120）」「CSS（35）」「JavaScript（0）」といった表示です。

今後記事が追加される予定のカテゴリーなどをあらかじめ表示しておきたい場合にも利用できます。

ラベルを変更できる

Pro版では、検索フォームに表示する文字をより柔軟に変更できます。

例えば、内部的には「カテゴリー」という分類であっても「記事のジャンル」と表示することができます。

専門用語を避け、サイトの利用者に分かりやすい表現へ変更できるのがメリットです。

検索ボタンの表示を変更できる

検索ボタンについても、「検索」ではなく、「記事を探す」「条件から検索する」「この条件で探す」など、サイトに合わせた表示に変更できます。また、色や余白等についても変更可能です。

検索フォーム全体を自然な表現・体裁に整えたい場合に便利です。

無料版とPro版の違いを比較

主な違いを簡単にまとめると、次のようになります。大きな違いは、「検索できるかどうか」というよりも「どのような検索画面を作れるか」という点にあります。

無料版がおすすめのサイト

無料版は、次のようなサイトに向いています。

• 一般的なブログ
• 技術ブログ
• ニュースサイト
• カテゴリーやタグで記事を探せれば十分なサイト
• まず絞り込み検索を試してみたいサイト

特に「カテゴリー＋タグ＋キーワード」程度の検索フォームであれば、無料版から試してみるのがおすすめです。

Pro版がおすすめのサイト

Pro版は、より検索条件が多いサイトに向いています。

例えば、「不動産サイト」「求人サイト」「店舗検索サイト」「施設検索サイト」「製品データベース」「イベント情報サイト」「大量の記事を扱うメディア」などです。

チェックボックス、ラジオボタン、段階プルダウンなどを使えば、検索サイトらしい画面を作りやすくなります。

まず無料版から試すのがおすすめ

VK Filter Searchを初めて使う場合は、まず無料版から試すのがよいでしょう。

無料版でも検索の基本的な仕組みは確認できます。

実際に使ってみて、「チェックボックスにしたい」「カテゴリーを段階的に選びたい」「日付やカスタムフィールドでも検索したい」と感じるようになった段階でPro版を検討すると分かりやすいでしょう。

最初からPro版を導入する必要があるとは限りません。プラグイン自体も31,900円（税込）と高額のため、事前に入念にご検討いただくことを強くオススメいたします。

まとめ

VK Filter Searchは、WordPressに絞り込み検索を追加できる便利なプラグインです。

無料版でも「カテゴリー」「タグ」「キーワード」「投稿タイプ」などを利用した基本的な検索フォームを作成できます。一般的なブログや情報サイトであれば、無料版でも十分活用できるでしょう。

一方、Pro版では「チェックボックス」「ラジオボタン」「AND・OR検索」「投稿日検索」などが利用でき、より高度な検索フォームを作れます。

簡単に整理すると、無料版は「記事を条件から探しやすくする検索プラグイン」、Pro版は「不動産サイトや店舗検索のような本格的な絞り込み検索を作れるプラグイン」と考えると分かりやすいでしょう。

まずは無料版を使って検索フォームを作り、必要な機能が増えてきた段階でPro版を検討するのが、導入しやすい流れです。

関連ライセンス

Vektor Passport（ライセンス期間1年）

ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。

商品を確認する

販売元公式サイト

ポチップ

WordPressで記事を書く際、意外と手間がかかるのが「アイキャッチ画像」の作成です。

記事ごとにCanvaなどの画像編集サービスを開き、タイトルを入力して画像を書き出し、WordPressへアップロードする作業を繰り返している方も多いのではないでしょうか。

こうしたアイキャッチ画像の作成を自動化できるプラグインが、「アイキャッチ画像ジェネレーター by LOOS」（LOOS Featured Image Automator）です。

「アイキャッチ画像ジェネレーター by LOOS」は、記事タイトルをもとに1200×630ピクセルの画像を自動生成し、WordPressのメディアライブラリへ保存したうえで、その記事のアイキャッチ画像として設定してくれます。画像生成には、開発元のLOOSが提供する「OG Image Maker API」が使用されます。

この記事では、「アイキャッチ画像ジェネレーター by LOOS」の仕組みや使い方、メリット、注意点について、初心者にも分かりやすく解説します。

「アイキャッチ画像ジェネレーター by LOOS」とは

公式情報

• LOOS Featured Image Automator – WordPress プラグイン | WordPress.org 日本語

プラグイン概要

「アイキャッチ画像ジェネレーター by LOOS」は、WordPressの記事タイトルからアイキャッチ画像を自動生成するプラグインです。

記事を保存すると、設定したデザインと記事タイトルを組み合わせた画像が生成されます。その画像はWordPressのメディアライブラリへ登録され、そのまま投稿のアイキャッチ画像として設定されます。

プラグインの主な処理は、次のような流れです。

1. 投稿または固定ページを保存する
2. 記事タイトルとプラグインの共通設定を読み込む
3. OG Image Maker APIへ画像生成を依頼する
4. 生成されたJPEG画像を取得する
5. WordPressのメディアライブラリへ保存する
6. 投稿のアイキャッチ画像として設定する

記事ごとに画像編集ソフトを操作する必要がなくなるため、同じ形式のアイキャッチ画像を大量に作成したいサイトに向いています。

開発元はWordPressテーマ「SWELL」でも知られるLOOS

「アイキャッチ画像ジェネレーター by LOOS」の開発元は、株式会社LOOSです。

LOOSは、WordPressテーマ「SWELL」の開発元として知られています。また、WordPress公式ディレクトリでは、SEO SIMPLE PACK、Highlighting Code Block、Useful Blocksなどのプラグインも公開しています。

「アイキャッチ画像ジェネレーター by LOOS」は、2026年6月に公開された比較的新しいプラグインです。

2026年7月14日時点では、バージョン0.2.0が公開されています。対応環境はWordPress 6.5以上、PHP 8.1以上で、WordPress 7.0.1まで動作確認済みとされています。

【プラグイン】SEO対策に、まずはこちらから。「SEO SIMPLE PACK」の使い方

WP Pilot

Webアプリ版も公開されています

以下のページにて、プラグインを使うことなく生成することも可能です（開発元は同じです）。本プラグインは、以下の生成ツールをもとに作成されています。

• OGP画像生成ツール｜無料・登録不要でブログのサムネイル画像をURLだけで生成

「アイキャッチ画像ジェネレーター by LOOS」の主な機能

記事タイトルから画像を自動生成する

このプラグインの中心となる機能は、記事タイトルを画像内へ自動的に配置することです。投稿を保存すると、投稿記事のタイトルを含んだ1200×630ピクセルのJPEG画像が自動生成されます。

1200×630ピクセルは、SNSでWebページを共有する際に使用されるOGP画像でよく採用される比率です。

OGPとは、XやFacebookなどでページのURLを共有したときに、タイトルや画像などを表示するための仕組みです。

生成した画像をメディアライブラリへ保存する

生成された画像は、外部サービス上に表示するだけではありません。

WordPressのメディアライブラリへ取り込まれ、通常の画像ファイルとして保存されます。その後、対象となる投稿のアイキャッチ画像へ設定されます。そのため、テーマ側では通常のアイキャッチ画像と同じように扱えます。

投稿一覧、関連記事、ブログカード、記事上部など、テーマがアイキャッチ画像を表示する場所で利用できます。

WP-Cronを利用して非同期で画像を生成する

画像生成は、投稿の保存処理と同時に完了するわけではありません。

「アイキャッチ画像ジェネレーター by LOOS」では、WordPressの予約処理機能である「WP-Cron」を利用し、投稿保存後に別の処理として画像を生成します。これにより、外部APIからの画像取得が完了するまで投稿の保存画面が止まることを防いでいます。

WP-Cronとは、予約投稿、更新確認、一部プラグインの定期処理などに使われるWordPress独自の仕組みです。

ただし、WP-Cronは一般的なサーバーのcronとは異なり、基本的にはサイトへのアクセスをきっかけに実行されます。そのため、アクセス数が非常に少ないサイトでは、画像生成までに時間がかかる可能性があります。

投稿を保存してもすぐに画像が表示されない場合は、少し時間を置いてから投稿画面やメディアライブラリを確認してみましょう。

記事タイトルを変更すると画像も作り直される

一度公開した記事のタイトルを変更した場合は、新しいタイトルを使った画像が生成されます。

投稿を保存したあと、次回のWP-Cron実行時に画像生成用の情報が再確認されます。以前の画像と内容が異なる場合は、新しい画像が生成され、アイキャッチ画像が差し替えられます。

また、初期設定では、プラグインが以前に生成した古い画像をメディアライブラリから削除する設定が有効になっています。これにより、タイトルを何度も変更した場合に、使われなくなった画像が大量に残ることを防げます。

手動で設定したアイキャッチ画像は上書きしない

「アイキャッチ画像ジェネレーター by LOOS」は、手動で設定したアイキャッチ画像を勝手に上書きしません。

現在設定されているアイキャッチ画像が、このプラグインによって生成されたものではない場合、その投稿では自動生成処理がスキップされます。

例えば、次のような使い分けができます。

• 通常の記事は自動生成画像を使う
• 写真を重視する記事は自分で撮影した画像を使う
• 商品紹介記事は商品写真を手動で設定する
• お知らせ記事は自動生成画像を使う

すべての記事を自動生成画像に統一する必要がない点は、大きなメリットです。

同じ内容では画像を再生成しない

バージョン0.2.0では、画像に影響する変更がないまま投稿を再保存した場合、OG Image Maker APIへ不要な通信を行わない仕組みが追加されました。

画像生成用のURLをもとにした識別情報をWordPress側で保存し、以前と同じ内容である場合は再生成を省略します。

たとえば、本文だけを修正し、記事タイトルや画像の設定を変更していない場合は、基本的に同じアイキャッチ画像が作り直されることはありません。

不要な画像ファイルや外部通信が増えにくいように配慮されています。

画像のデザインを共通設定できる

「アイキャッチ画像ジェネレーター by LOOS」では、画像のデザインを管理画面から設定できます。現在は「OGP画像メーカー」のエディター画面で指定できるものとほぼ同一です。

なお、具体的な選択肢や表示内容は、プラグインのバージョンによって変更される可能性があります。実際のデザインを確認しながら調整するとよいでしょう。

色の設定にはOKLCHが使われる

色の指定には、OKLCHという形式が使われます。OKLCHは、色を次の3つの要素で表す方法です。

• L：明るさ
• C：鮮やかさ
• H：色合い

一般的な16進数カラーコードでは「#007070」のように色を指定しますが、OKLCHでは明るさや鮮やかさを分けて調整できます。

聞き慣れない形式ではありますが、管理画面上で色を選択できる場合は、数値を細かく理解していなくても利用できます。

サイトのブランドカラーやテーマカラーに近い色を設定すると、ブログ全体に統一感を出しやすくなります。

対象となる投稿タイプを選択できる

プラグインの設定画面では、アイキャッチ画像を自動生成する投稿タイプを選択できます。

投稿タイプとは、WordPressでコンテンツを分類する仕組みです。

代表的なものには、次の種類があります。

• 投稿
• 固定ページ
• カスタム投稿タイプ

通常のブログであれば「投稿」のみに限定するなど、必要な投稿タイプだけを選ぶことが大切です。

固定ページまで対象にすると、お問い合わせページ、プライバシーポリシー、運営者情報などにも画像が生成される可能性があります（もちろん、このような影響を承知で利用いただく分には問題ありません）。

記事ごとの設定画面は用意されていない

「アイキャッチ画像ジェネレーター by LOOS」には、記事ごとにデザインを変更するための設定画面はありません。

投稿編集画面のサイドバーやメタボックスに、専用の設定項目は追加されません。画像内で記事ごとに変わるのは、基本的に投稿タイトルだけです。その他のデザイン設定は、サイト全体で共通となります。

たとえば、次のような使い方は標準機能では難しいと考えられます。

• 記事Aだけ背景色を赤にする
• 記事Bだけ別のレイアウトにする
• 記事ごとに異なる補足文を入力する
• カテゴリーごとにデザインを変える

反対に、すべての記事で同じデザインを使いたい場合は、設定がシンプルで管理しやすい仕組みです。

OGPタグそのものは出力しない

このプラグインを利用する際、特に理解しておきたいのがOGPとの関係です。

「アイキャッチ画像ジェネレーター by LOOS」は、生成した画像をWordPressのアイキャッチ画像として設定しますが、og:imageというHTMLタグ自体は出力しません。

og:imageは、SNSへページの画像を伝えるためのOGPタグです。実際にSNSで画像を表示させるためには、使用しているWordPressテーマやSEOプラグインが、アイキャッチ画像をもとにog:imageを出力する必要があります。

たとえば、次のような環境であれば、アイキャッチ画像がOGP画像として使用される可能性があります。

• テーマにOGP出力機能がある
• SEO SIMPLE PACKなどのSEO関連プラグインを使用している

アイキャッチ画像が生成されたあと、ページのHTMLソースを確認し、og:imageにその画像のURLが設定されているか確認すると確実です。

OGPタグを出力しない設計には、SEOプラグインなどと併用した際に、og:imageが重複して出力されることを防ぐ目的があります。

インストール方法

「アイキャッチ画像ジェネレーター by LOOS」（LOOS Featured Image Automator）は、WordPress公式プラグインディレクトリからインストールできます。

手順1：プラグインの新規追加画面を開く

WordPress管理画面から、次の場所へ進みます。

手順2：プラグイン名を検索する

検索欄に、次の名前を入力します：「LOOS Featured Image Automator」

同じような名称のプラグインと間違えないように、作者が「LOOS」となっていることを確認してください。

手順3：インストールして有効化する

「今すぐインストール」を押し、インストールが完了したら「有効化」を押します。

手順4：設定画面を開く

WordPress管理画面から、次の場所へ移動します：「設定」→「アイキャッチ画像ジェネレーター by LOOS」

ここで、対象となる投稿タイプや画像のデザインを設定します。

手順5：デザインを設定する

OGP画像メーカーの設定内容を確認しながら、「API パラメータの設定」の入力項目を記入していきます。

なお、「OGP画像メーカー」のエディター画面で生成したURLから、入力項目をインポートし、自動反映させることが可能です（上部テキスト・下部テキストを除きます）。

手順6：投稿を保存する

対象となる投稿タイプの記事を作成し、タイトルを入力して保存します。

ただし、画像生成はWP-Cronによって処理されるため、保存直後にはアイキャッチ画像が表示されない場合があります。

少し時間を置いたあと、投稿編集画面またはメディアライブラリを確認しましょう。

（注）既存の記事の生成タイミングについて

公式説明では、「対象となる投稿を保存したとき」に画像生成処理が予約される仕組みと説明されています。そのため、プラグインを有効化しただけで、過去の記事すべてに自動的に画像が追加されるものではありません。

既存の記事で画像を生成したい場合は、対象の記事を開き、更新操作を行う必要があります。ただし、大量の記事を一度に更新すると、画像生成処理や外部通信が集中する可能性があります。

まずは数件の記事で動作を確認してから、少しずつ進める方が安全です。

「アイキャッチ画像ジェネレーター by LOOS」のメリット

アイキャッチ画像を作る時間を減らせる

最大のメリットは、アイキャッチ画像を手作業で作成する時間を減らせることです。

記事を1本書くたびに、次の作業を行っている方も多いでしょう。

• Canvaを開く
• テンプレートを選ぶ
• 記事タイトルを入力する
• 文字サイズや改行を調整する
• 画像を書き出す
• WordPressへアップロードする
• アイキャッチ画像として設定する

「アイキャッチ画像ジェネレーター by LOOS」を使えば、記事タイトルを入力して保存するだけで、こうした作業の多くを省略できます。

記事の更新頻度が高いサイトほど、時間短縮の効果を実感しやすいでしょう。

デザインを統一しやすい

画像の設定はサイト全体で共通となるため、記事ごとのデザインにばらつきが出にくくなります。アイキャッチ画像を毎回手作業で作る場合、文字の位置、フォントサイズ、余白、背景色などが少しずつ変わってしまうことがあります。

自動生成であれば、基本的なレイアウトが統一されます。記事一覧や関連記事を表示したときにも、整った印象を与えやすくなります。

アイキャッチ画像の設定忘れを減らせる

記事を急いで公開した際に、アイキャッチ画像を設定し忘れることがあります。アイキャッチ画像がないと、投稿一覧やSNS上で画像が表示されず、記事が目立ちにくくなる可能性があります。

対象の投稿を保存するだけで画像が生成されるため、設定忘れを防ぎやすくなります。

手動設定した画像を優先できる

自動生成系のプラグインでは、既存の画像が上書きされないか不安になることがあります。

「アイキャッチ画像ジェネレーター by LOOS」は、プラグイン以外の方法で設定されたアイキャッチ画像を上書きしません。

自動化と手動設定を柔軟に使い分けられる点は安心材料です。

AI画像生成サービスとは性質が異なる

このプラグインは、記事本文の内容を解析して写真やイラストを生成するAI画像生成プラグインではありません。記事タイトルと共通のデザイン設定を組み合わせ、文字を中心としたOGP向け画像を作成する仕組みです。

そのため、AIが意図しない画像を生成したり、記事内容と関係のない写真が作られたりする心配は比較的少ないと考えられます。

料金のかかる生成AIサービスのAPIキーを用意する必要もありません。

使用上の注意点

外部サービスへ記事タイトルが送信される

画像生成には、上述のOGP画像生成メーカーが提供する「OG Image Maker API」が使用されます。

画像生成時には、次の情報が外部サービスへ送信されます。

• 記事タイトル
• レイアウトなどの画像設定
• 色の設定
• 上部および下部に表示するテキスト

生成された画像は、LOOSのCDNからWordPressへダウンロードされます。CDNとは、画像などのファイルを効率よく配信するための仕組みです。

通常の公開記事であれば大きな問題にならないこともありますが、公開前の機密情報や個人情報を記事タイトルに含めるサイトでは注意が必要です。

次のような用途では、導入前に運用方針を確認した方がよいでしょう。

• 社内限定サイト
• 顧客情報を扱うサイト
• 会員限定コンテンツ
• 公開前の商品名や企画名を扱うサイト
• 記事タイトルに個人情報が含まれるサイト

外部サービスへ情報を送信したくない場合は、このプラグインを有効化しないよう、公式ページでも案内されています。

外部サービスが停止すると画像を生成できない

画像生成はWordPressが設置されているサーバー内だけで完結しません。LOOSが提供するAPIとCDNへ接続する必要があります。

そのため、外部サービスの障害、仕様変更、提供終了、通信エラーなどが発生すると、新しい画像を生成できなくなる可能性があります。

ただし、すでに生成され、WordPressのメディアライブラリへ保存された画像は、通常はそのままサイト内で利用できます。

外部サービスが一時的に停止しただけで、過去のアイキャッチ画像が直ちに消える仕組みではありません。

WP-Cronが正常に動作している必要がある

このプラグインは、WP-Cronを使って画像生成を実行します。

次のような環境では、画像生成が遅れたり、実行されなかったりする可能性があります。

• DISABLE_WP_CRONが有効になっている
• アクセスが極端に少ない
• セキュリティ設定がWP-Cronを妨げている
• サーバー側のcron設定に問題がある
• WordPressのループバック通信に問題がある

WordPress標準のWP-Cronは、予定時刻を過ぎたあとにサイトへアクセスがあった際に実行されます。常に一定間隔で動くものではありません。

画像が生成されない場合は、WordPressの「サイトヘルス」やWP-Cron管理プラグインなどを使い、予約処理が正常に動作しているか確認する必要があります。

記事ごとに細かくデザインを変えられない

設定はサイト全体で共通です。投稿編集画面には専用の設定項目がないため、記事ごとに背景色やレイアウトを変えたい方には不向きです。

カテゴリーによってデザインを変えたい場合や、記事ごとに画像を作り込みたい場合は、Canvaなどを使った手動作成の方が向いています。

写真を重視する記事には向かない場合がある

タイトル中心の画像は、技術記事、コラム、ニュース、お知らせなどと相性がよい一方、写真自体に意味がある記事では物足りないことがあります。

たとえば、次のような記事では、実際の写真を使った方が内容を伝えやすいでしょう。

• 飲食店の紹介
• 観光地の紹介
• 商品レビュー
• カメラや写真の記事
• イベントレポート
• 作品や制作物の紹介

このような記事では、撮影した写真を手動でアイキャッチ画像に設定し、それ以外の記事だけ自動生成する使い分けが適しています。

OGP表示はテーマやSEOプラグインにも左右される

画像がアイキャッチとして正常に設定されても、SNSで正しく表示されるとは限りません。

SNS上の表示には、次の要素も関係します。

• テーマのOGP出力機能
• SEOプラグインの設定
• OGPタグの重複
• キャッシュプラグイン
• CDNのキャッシュ
• SNS側のキャッシュ

画像が生成されたのにSNSで古い画像が表示される場合は、プラグインの故障とは限りません。ページのHTMLソースや、SNS側のキャッシュ状況を確認する必要があります。

新しいプラグインで利用実績がまだ少ない

2026年7月14日時点では、有効インストール数はごく小数で、WordPress.org上のレビューやサポートトピックもまだありません。

公開直後のプラグインであるため、長期間の運用実績や、多数のテーマ・プラグインとの組み合わせに関する情報はまだ十分ではありません。

本番サイトへ導入する前に、次の方法で確認することをおすすめします。

• バックアップを取得する
• テスト環境で試す
• 数件の記事で生成結果を確認する
• OGPタグの出力を確認する
• キャッシュプラグインとの相性を確認する
• タイトル変更時の画像削除を確認する

どのようなサイトに向いているのか

「アイキャッチ画像ジェネレーター by LOOS」は、特に次のようなサイトに向いています。

技術ブログ

WordPress、プログラミング、Web制作などの技術記事では、写真よりも記事タイトルを大きく表示したアイキャッチ画像が使われることがあります。

同じデザインで技術記事を継続的に投稿するサイトと相性がよいでしょう。

ニュースサイトや情報サイト

日々多くの記事を公開するサイトでは、アイキャッチ画像を1枚ずつ作成する負担が大きくなります。

記事タイトルを使った画像を自動生成できれば、更新作業を効率化できます。

お知らせを頻繁に掲載するサイト

企業サイト、店舗サイト、コミュニティサイトなどで、お知らせを頻繁に更新する場合にも便利です。

写真を用意できないお知らせでも、最低限のアイキャッチ画像を自動的に設定できます。

複数人で運営するサイト

複数人が記事を投稿するサイトでは、担当者によってアイキャッチ画像のデザインがばらつきやすくなります。

デザインを共通設定することで、作成者にかかわらず一定の見た目を保ちやすくなります。

アイキャッチ画像の作成が負担になっている個人ブログ

記事本文を書くことに集中したい個人ブロガーにも向いています。

特に、画像編集が苦手な方や、記事公開までの工程を少なくしたい方にとって便利なプラグインです。

あまり向いていないサイト

一方、次のようなサイトには合わない場合があります。

• 記事ごとに個性的な画像を作りたい
• 写真やイラストを中心に見せたい
• カテゴリーごとにデザインを変えたい
• 外部サービスへ記事タイトルを送信できない
• 記事ごとに画像内の文章を編集したい
• 生成画像ではなく、元のアイキャッチ画像を加工したい
• 外部APIに依存しない仕組みを求めている

自動化による効率を優先するのか、記事ごとの表現を優先するのかを考えて選ぶことが大切です。

手動作成との使い分け

「アイキャッチ画像ジェネレーター by LOOS」とCanvaなどの手動作成ツールは、どちらか一方だけを選ぶ必要はありません。

通常の記事は自動生成し、特に力を入れたい記事だけCanvaなどで作り込む方法であれば、作業量を減らしながら表現の自由も残せます。

自動生成に向いている記事の例

• WordPressの操作解説
• プラグインの紹介
• コラム
• お知らせ
• 用語解説
• 短いニュース
• 更新情報

手動作成に向いている記事の例

• 重要な収益記事
• 商品レビュー
• 写真記事
• 観光記事
• 飲食店紹介
• キャンペーンページ
• SNSで特に目立たせたい記事

導入後に確認したいチェック項目

プラグインを導入したあとは、次の点を確認しておきましょう。

• アイキャッチ画像が生成されているか
  投稿を保存したあと、一定時間を置いてからアイキャッチ画像を確認します。
• メディアライブラリへ登録されているか
  生成画像が通常の画像ファイルとして保存されているか確認します。
• 画像サイズが1200×630ピクセルになっているか
  公式説明では、生成画像は1200×630ピクセルのJPEGとされています。
• 日本語タイトルが正しく表示されているか
  長いタイトルや記号を含むタイトルで、改行や文字切れが起きないか確認します。
• タイトル変更後に画像が更新されるか
  テスト投稿でタイトルを変更し、新しい画像へ置き換わるか確認します。
• 古い画像が削除されるか
  「以前の自動生成画像を削除する」設定を有効にしている場合は、古い画像がメディアライブラリから削除されるか確認します。
• 手動画像が上書きされないか
  手動でアイキャッチ画像を設定した投稿を保存し、画像が維持されるか確認します。
• OGP画像として出力されているか
  ページのHTMLソースでog:imageを検索し、生成画像のURLが出力されているか確認します。
• SNS上で正しく表示されるか
  XやFacebookなどで共有した際に、画像が正しく表示されるか確認します。

トラブルが起きたときの確認方法

画像が生成されない場合

次の点を確認します。

• 対象の投稿タイプが設定されているか
• 記事タイトルが入力されているか
• 手動のアイキャッチ画像が設定されていないか
• WP-Cronが無効化されていないか
• WordPressのサイトヘルスに問題が出ていないか
• 外部通信がファイアウォールに遮断されていないか
• サーバーがLOOSのAPIやCDNへ接続できるか

手動で設定したアイキャッチ画像がある場合、その投稿では自動生成がスキップされる点にも注意してください。

保存直後に画像が表示されない場合

画像生成は非同期処理です。投稿保存と同時に完成するとは限らないため、少し時間を置いてから再確認してください。

アクセス数の少ないテストサイトでは、別のページを表示することでWP-Cronが動作する場合があります。

SNSで画像が更新されない場合

SNS側に古いOGP情報が保存されている可能性があります。あるいは、キャッシュプラグインのキャッシュや、CDNのキャッシュ等が影響されているかもしれません。

また、WordPress側でアイキャッチ画像が更新されたとしても、プラグインはog:imageタグを直接出力するわけではないため、テーマやSEOプラグインの設定も確認する必要があります。

まとめ

「アイキャッチ画像ジェネレーター by LOOS」は、記事タイトルから1200×630ピクセルのアイキャッチ画像を自動生成し、WordPressのメディアライブラリへ保存してくれるプラグインです。

主な特徴は次のとおりです。

• 記事タイトルからアイキャッチ画像を自動生成できる
• 生成画像をメディアライブラリへ保存できる
• 投稿のアイキャッチ画像として自動設定できる
• 手動で設定した画像は上書きしない
• タイトル変更時には画像も更新される
• 古い自動生成画像を削除できる
• 同じ内容で再保存した場合は不要な再生成を行わない
• 投稿タイプを選択できる
• 画像デザインをサイト全体で統一できる

一方で、次の点には注意が必要です。

• 記事タイトルがLOOSの外部サービスへ送信される
• 画像生成が外部APIに依存する
• WP-Cronが正常に動作している必要がある
• 記事ごとにデザインを変更できない
• OGPタグそのものは出力しない
• 公開されたばかりで利用実績がまだ少ない

アイキャッチ画像の作成を完全に手放すというよりも、「通常の記事は自動生成し、重要な記事だけ手動で作る」という使い方が現実的です。

特に、技術ブログ、お知らせサイト、ニュースサイトなど、タイトルを中心とした統一デザインの画像を継続的に使用するサイトでは、記事作成の負担を大きく減らせる可能性があります。

まだ新しいプラグインであるため、まずはテスト環境や少数の記事で動作を確認したうえで導入するとよいでしょう。

WordPressでブログを書いていると、Amazon・楽天市場・Yahoo!ショッピングなどの商品リンクを記事内に貼りたい場面があります。

例えば、次のような記事です。

• 買ってよかったもの紹介
• 書籍レビュー
• ガジェットレビュー
• 食品・日用品の紹介
• 旅行用品やカメラ用品の紹介
• ブログ運営に役立つツール紹介

このような記事では、ただテキストリンクを貼るだけでは少し味気なく見えてしまいます。そこで便利なのが、WordPressプラグインの Pochipp（ポチップ） です。

Pochippは、Amazonや楽天市場などの商品を検索し、アフィリエイトリンクをきれいな商品ボックスとして表示できるプラグインです。WordPress公式ディレクトリでも「Amazonや楽天市場から商品を検索してアフィリエイトリンクを管理できるプラグイン」と説明されています。

この記事では、Pochippの魅力、Rinkerとの違い、導入前に知っておきたい注意点を、WordPress初心者の方にも分かりやすく紹介します。

Pochippとは？

Pochippは、WordPressの記事内に商品リンクを作成・表示するためのプラグインです。

主に次のようなショップへのリンクをまとめて表示できます。

• Amazon
• 楽天市場
• Yahoo!ショッピング
• その他、設定に応じた商品リンク

商品画像、商品名、各ショップへのボタンをひとつのボックス内にまとめて表示できるため、読者にとっても分かりやすい商品紹介ができます。

公式サイトでは、Pochippは「ブロックエディター特化のリンク管理ツール」と紹介されています。対象環境はWordPress 5.6以上、PHP 7.4以上とされています（2026/07/09時点）。

つまり、現在のWordPressで標準となっているブロックエディターに合わせて作られた、比較的新しい運用に向いた商品リンクプラグインです。

公式情報

• ポチップ | 商品のアフィリエイトリンクを手軽に管理！ブロックエディター対応の最新WordPressプラグイン
• Pochipp – WordPress プラグイン | WordPress.org 日本語

プラグイン使用例①（通常のアフィリエイトリンク）

いちばんやさしいWordPressの教本 第7版 6.x対応 人気講師が教える本格Webサイトの作り方 (いちばんやさしい教本シリーズ)

¥1,980 （2026/07/08 09:07時点 | Amazon調べ）

口コミを見る

Amazon

＼楽天ポイント4倍セール！／

楽天市場

＼商品券4%還元！／

Yahooショッピング

メルカリ

ポチップ

プラグイン使用例②（カスタマイズ例）

【Pochipp Pro】ポチップ（Pochipp）をさらに強力に

Pochippはリリースよりユーザー2万人以上、Pochipp Proユーザーが1200人以上のWordPressプラグインです。（人数は2026年7月現在）

ご購入はこちらから

ポチップ公式サイト

ポチップ

Vektor Passport（ライセンス期間1年）

ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。

商品を確認する

販売元公式サイト

ポチップ

Pochippの魅力

1. 商品リンクをきれいに表示できる

Pochippの大きな魅力は、商品リンクの見た目を整えやすいことです。

商品紹介では、読者が次の情報をすぐ確認できることが大切です。

• どの商品なのか
• どんな見た目の商品なのか
• どこで買えるのか
• Amazon・楽天・Yahoo!ショッピング・メルカリのどれを選べるのか

Pochippを使うと、商品画像・商品名・購入ボタンを整理して表示できます。

テキストリンクだけの場合、読者がリンクに気づかないこともあります。しかし、商品ボックスとして表示されていれば、記事を読んでいる途中でも自然に目に入りやすくなります。特にレビュー記事や比較記事では、見やすい商品リンクがあるだけで記事全体の完成度も上がります。

なお、Amazonや楽天などに用途が限られているわけでもなく、別のアフィリエイトにもご利用いただけます。

2. ブロックエディターで使いやすい

Pochippはブロックエディターに特化したプラグインです。

ブロックエディターとは、現在のWordPressで使われている編集画面のことです。文章、画像、見出し、ボタンなどを「ブロック」という単位で配置していく仕組みです。

Pochippはこのブロックエディター上で商品リンクを扱いやすく作られています。WordPress公式ディレクトリでも、Pochippは複数のブロックを提供するプラグインとして掲載されています。これが、従来型の商品リンクプラグインとの大きな違いです。

以前からよく使われてきたRinkerもブロックエディターでの利用はできますが、どちらかと言えばショートコード運用との相性が良いプラグインです。ショートコードとは、記事内に短いコードを入れて機能を呼び出す仕組みです。

一方、Pochippはブロックエディター上で扱いやすい設計になっているため、これから新しくWordPressブログを始める方には分かりやすい選択肢です。

3. Amazon・楽天・Yahoo!ショッピング・メルカリをまとめて案内できる

商品リンクを作るとき、Amazonだけを貼るよりも、楽天市場やYahoo!ショッピングも並べた方が読者に親切です。なぜなら、読者によって普段使っているショップが違うからです。

Amazonをよく使う人もいれば、楽天ポイントを貯めている人もいます。PayPayを使っている人なら、Yahoo!ショッピングを好むこともあります。メルカリの利用者も近年は全く珍しくなくなりました。

Pochippを使えば、複数ショップへのボタンをひとつの商品ボックス内にまとめられます。これは読者にとって便利なだけでなく、ブログ運営者にとってもメリットがあります。読者が自分の使いやすいショップを選べるため、クリックされる可能性を広げやすくなるからです。

なお、「もしもアフィリエイト」にも対応しているため、もしAmazonや楽天、Yahoo!ショッピングにおいて「もしもアフィリエイト」をご利用いただいているようであれば、こちらのコードに差し替えることも容易です。

4. 商品紹介記事の作業時間を減らせる

商品紹介記事を書くとき、意外と時間がかかるのがリンク作成です。

通常であれば、次のような作業が必要になります。

• Amazonで商品を探す
• 楽天市場で商品を探す
• Yahoo!ショッピングで商品を探す
• それぞれのリンクを取得する
• 記事内に貼る
• 見た目を整える

この作業を毎回手作業で行うのは大変です。Pochippを使うと、商品リンク作成の流れをかなり効率化できます。

ブログ記事を書くうえで本当に時間をかけたいのは、商品リンクの装飾ではなく、商品の感想、比較、使い方、メリット・デメリットなどの本文部分です。

Pochippでリンク作成の手間を減らせれば、記事内容の充実に時間を使いやすくなります。

5. Rinkerやカエレバなどからの移行にも配慮されている

Pochippの公式サイトでは、Rinker、カエレバ、もしもアフィリエイトからPochippへ移行できる移行プラグインも案内されています。これは、すでに別の商品リンクツールを使っている人にとって大きな安心材料です。

もちろん、記事数が多いブログでは移行前にバックアップを取り、テスト環境などで確認するのがおすすめです。ただ、移行手段が用意されていること自体は、Pochippの導入を検討しやすいポイントです。

6. Pochipp AssistでAmazon検索のハードルを下げられる

Amazonの商品検索では、PA-APIやCreator APIという仕組みが関係することがあります。

これらはAmazonの商品情報を外部ツールから取得するための仕組みです。ただし、初心者にとっては設定が少し難しく感じられることがあります。また、規定の審査を通過する必要があり、全ての方が利用できるわけではありません。

Pochippには、Pochipp Assistという補助プラグインも用意されています。これにより、Amazonの商品検索まわりのハードルを下げられる場合があります。Amazonアソシエイトに慣れていない方や、初期設定でつまずきやすい方にとっては、Pochipp Assistの存在は心強いポイントです。

なお、無料版と有料版（月額180円）がありますが、有料版の方が制限は緩めです。無料版での運用が厳しいようであれば、有料版へ移行いただくこともオススメです。

また、Amazonまわりの仕様は変更されることがあります。そのため、Amazon関連の設定を行う場合は、必ずPochipp公式サイトの最新情報を確認しながら進めるのが安全です。

7. Pro版でさらに便利にできる

Pochippには無料版だけでなく、Pochipp Proもあります。無料版でも基本的な商品リンク作成はできますが、Pro版ではより本格的な運用に役立つ機能が用意されています。

例えば、クリック率の確認やセール情報の表示など、ブログ収益化を意識した機能を強化できます。Pochipp Proについて紹介している解説記事でも、セール情報やクリック率分析に触れられています。物販アフィリエイトを本格的に伸ばしたい場合、クリック率を確認できることは重要です。

また、画像の差し替えも可能になり、独自性・柔軟性のあるアフィリエイトリンクの作成も実現できるようになるなど、できる幅が広がります。

最初は無料版で始め、商品リンクの利用頻度が増えてきたらPro版を検討する、という流れでもよいでしょう。

Rinkerと比べたときのPochippの魅力

商品リンクプラグインとしては、Rinkerも有名です。

Rinkerは長く使われてきた定番プラグインで、商品リンクを管理しやすく、利用者も多いです。すでにRinkerで多くの記事を運用している場合、無理にPochippへ乗り換える必要はありません。

一方で、これから新しく商品リンク運用を始めるなら、Pochippは非常に有力です。理由は、ブロックエディターに特化しているからです。

現在のWordPressでは、ブロックエディターで記事を作る流れが標準になっています。そのため、これからブログを始める人にとっては、ブロックとして自然に扱えるPochippの方が分かりやすい場面があります。

ざっくり分けると、次のような考え方です。

• すでにRinkerを使っていて問題がない → Rinker継続でもよい
• これから新しく商品リンクプラグインを選ぶ → Pochippが使いやすい
• ブロックエディター中心で記事を書いている → Pochippが合いやすい
• ショートコード運用に慣れている → Rinkerも候補になる

どちらが絶対に優れているというより、運用スタイルによって向き不向きがあります。ただ、WordPress初心者や、今から物販アフィリエイトを始める人には、Pochippの方が導入しやすく感じられる可能性が高いです。

Pochippが向いているブログ

Pochippは、次のようなブログに向いています。

レビュー記事を書くブログ

実際に使った商品を紹介するレビュー記事では、商品リンクがとても重要です。レビューを読んで「良さそう」と思った読者が、すぐ商品ページを確認できるからです。

Pochippで商品リンクを分かりやすく置いておけば、読者の行動を自然にサポートできます。

買ってよかったもの紹介ブログ

「買ってよかったもの」「おすすめアイテム」系の記事とも相性が良いです。複数の商品を紹介する記事では、商品リンクの見た目がバラバラだと読みにくくなります。

Pochippを使えば、商品ボックスの見た目をそろえやすく、記事全体に統一感を出せます。

書籍・教材紹介ブログ

本や教材を紹介するブログにも向いています。Amazon・楽天ブックスなどへのリンクをまとめて案内できるため、読者が購入先を選びやすくなります。

英語学習、資格試験、WordPress学習、プログラミング学習などのブログでは、参考書や教材を紹介する機会も多いはずです。

ガジェット・家電ブログ

ガジェットや家電は、比較検討されやすいジャンルです。読者はレビューを読んだあと、価格や在庫を確認したくなることが多いです。

Pochippで複数ショップへの導線を置いておくと、読者がそのまま購入先を確認しやすくなります。

雑記ブログ・個人ブログ

Pochippは専門ブログだけでなく、雑記ブログにも使えます。例えば、日常の中で使ってよかった文房具、食品、カメラ用品、旅行用品などを紹介する場合にも便利です。

ただし、雑記ブログの場合は、商品リンクを貼りすぎると広告感が強くなります。記事の内容に合う商品だけを自然に紹介するのがおすすめです。

Pochippを使うときの注意点

商品リンクを貼りすぎない

Pochippは便利ですが、便利だからといって商品リンクを貼りすぎるのは避けた方がよいです。

商品リンクが多すぎる記事は、読者に「広告ばかりの記事」と感じられる可能性があります。大切なのは、読者にとって本当に役立つ場所にリンクを置くことです。

商品の感想や比較をしっかり書いたうえで、「詳しく見る」「価格を確認する」という導線としてPochippを使うと自然です。

【雑談】SEO対策における「E-E-A-T」とは？ 個人ブロガー向けに意味と対策をやさしく解説

WP Pilot

アフィリエイト表記を忘れない

アフィリエイトリンクを掲載する場合は、広告・PRであることを読者に分かるように示すことが大切です。記事の冒頭やサイト内の分かりやすい場所に、広告リンクを含むことを明記しておきましょう。

ステルスマーケティング規制の対応のため、アフィリエイト表記の記載はほぼ必須です。また、読者との信頼関係を守るためにも重要な記載となります。

Amazonや楽天など、外部サービスの規約変更・仕様変更等に注意する

商品リンクプラグインは、Amazon・楽天・Yahoo!ショッピングなど外部サービスと関係します。そのため、各サービスの仕様変更や規約変更の影響を受けることがあります。

特にAmazonは、PA-APIやCreators APIなどの仕組みが関係するため、公式情報の確認が欠かせません。Pochipp公式サイトでも、Amazon Creators API対応などの情報が案内されています。また、楽天

「一度設定したらずっと放置」ではなく、ときどき公式情報を確認する運用が安心です。

クラシックエディタ中心の人は注意

Pochippはブロックエディターに特化したプラグインです。公式サイトの「よくあるご質問」の項目でも、クラシックエディタには対応しておらず、ブロックエディターでの利用が前提とされています。

そのため、Classic Editorプラグイン等を使って、昔ながらの編集画面で記事を書いている場合は、Pochippが合わない可能性があります。

クラシックエディタ中心の運用であれば、Rinkerなど他の選択肢も含めて検討するとよいでしょう。

WordPressの「ブロックエディター」と「クラシックエディター」の違い

WP Pilot

まとめ：Pochippは収益化を始めたいWordPressブログにおすすめ

Pochippは、WordPressブログで商品紹介をしたい人にとって、とても便利なプラグインです。

特に魅力的なのは、次の点です。

• 商品リンクをきれいに表示できる
• ブロックエディターで使いやすい
• Amazon・楽天・Yahoo!ショッピングをまとめて案内できる
• 商品リンク作成の手間を減らせる
• Rinkerなどからの移行手段も用意されている
• Pochipp AssistやPro版で運用を広げられる
• 読者にとって購入先を選びやすい

物販アフィリエイトでは、ただリンクを貼るだけではなく、読者が迷わず商品を確認できる導線を作ることが大切です。Pochippを使えば、商品紹介を自然で見やすい形に整えやすくなります。

もちろん、収益化で大切なのはプラグインそのものではなく、記事の内容です。実際に使った感想、比較したポイント、メリット・デメリット、どんな人に向いているかを丁寧に書いたうえで、購入先への案内としてPochippを使うのが理想です。

WordPressで商品紹介記事を書きたい方、Amazon・楽天・Yahoo!ショッピングへのリンクをきれいにまとめたい方、これから物販アフィリエイトを始めたい方は、Pochippを導入候補に入れてみる価値があります。

この記事では「VK Blocks」のアラートブロックをアレンジしたものを掲載しています。各ブロックともコピーしてお使いいただけます。

こちらの記事に掲載しているものについて、制作にお役立ていただけますと幸いです。

プラグイン「VK Blocks」とは

以下の記事で説明しています。よろしければご覧いただけますと幸いです。

WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介

WP Pilot

「アラート」ブロックとは

公式の解説・アレンジ集

• アラート | 事業案内 | 株式会社ベクトル
• カスタム CSS ( Pro版のみ ) | 事業案内 | 株式会社ベクトル
• アラートブロック_カスタムCSS | VK パターンライブラリ

アイコン変更の例

アイコンはFont Awesome 7（Free）の中からお選びいただけます（2026/06/28現在）。

アイコンを変更するだけでも、割と幅広い用途で使えることが分かるかと思います。

Success

使用アイコン：fa-regular fa-circle-check

Info

使用アイコン：fa-solid fa-square-check

Warning

使用アイコン：fa-solid fa-hand-point-right

Danger

使用アイコン：fa-solid fa-skull-crossbones

カスタムCSS適用例（VK Blocks Pro）

注意点

以下は「VK Blocks Pro」をご利用の方限定の「カスタムCSS」機能を使ったものになります。

無料版をご利用の方は使っても意図通りには反映されません。

カスタムCSS適用例①

使用アイコン：fa-solid fa-file-pen

selector {
  background-color: #eee;
  color: #060606;
  border: 1px #bbb solid !important;
}

selector .vk_alert_content {
  border-left: 2px #999 dashed !important;
}

カスタムCSS適用例②

使用アイコン：fa-solid fa-person-digging

selector {
  background-color: #eee;
  color: #060606;
  border: 1px #999 solid !important;
}

selector .vk_alert_icon {
  color: #0000BB;
}

selector .vk_alert_content {
  border-left: 1px #999 dotted !important;
}

カスタムCSS適用例③

使用アイコン：fa-solid fa-pen-to-square

selector {
  background-color: transparent;
  color: #060606;
  border: 3px #bbb dotted !important;
  border-radius: 6px !important;
}

selector .vk_alert_icon_icon {
  color: #AA0000;
}

selector .vk_alert_icon_text {
  color: #dd0000;
}

selector .vk_alert_content {
  border-left: 5px #933 solid !important;
  padding: 0.5em 0.8em;
}

カスタムCSS適用例④

使用アイコン：fa-solid fa-phone-flip

selector {
  background-color: #fff;
  color: #060606;
  border: 2px #333 solid !important;
  border-radius: 6px !important;
  padding: 0 !important;
}

selector .vk_alert_icon {
  background-color: #555 !important;
  padding: 0.5em 1em;
  color: #f0f0f0;
  width: 110px;
}

selector .vk_alert_content {
  border-left: 0px !important;
}

WordPressでブログやホームページを運営していると、

• 同じようなレイアウトの記事を何度も作る
• 過去の記事を元に新しい記事を書きたい
• 公開中の記事を安全にリライトしたい

と思うことはありませんか？

そんなときに役立つのが、Yoast Duplicate Post です。

名前のとおり記事を複製できるプラグインですが、実際には「記事作成の効率化」や「安全な更新作業」をサポートしてくれる便利なツールでもあります。

この記事では、Yoast Duplicate Postの特徴や導入するメリット、注意点について初心者向けに分かりやすく解説します。

Yoast Duplicate Postとは？

Yoast Duplicate Postは、WordPressの記事や固定ページを簡単に複製できる無料プラグインです。

通常、新しい記事を作るたびに、「タイトル」「アイキャッチ画像」「ブロック構成」「カテゴリー」などを設定する必要があります。

しかし、このプラグインを使えば、既存の記事をそのままコピーし、必要な部分だけを書き換えて利用できます。

記事制作の時間を短縮できるため、多くのWordPressユーザーに利用されています。

主な機能

Yoast Duplicate Postには、主に次のような機能があります。

• 投稿・固定ページの複製
• カスタム投稿タイプの複製
• 下書きとしてコピー
• 一覧画面から簡単に複製
• コピー対象の細かな設定
• ユーザー権限ごとの利用制御
• Rewrite & Republish機能

特に最後の「Rewrite & Republish」は、他の複製プラグインにはあまり見られない便利な機能です。

3種類の複製方法

複製（Clone）

複製（Clone）は、その場で記事を複製する機能です。編集画面は開かず、一覧画面にコピーが追加されます。

テンプレート記事を作成したい場合に便利です。

新規下書き（New Draft）

こちらは最もよく使われる機能です。記事を複製すると同時に編集画面が開くため、そのまま内容を変更できます。

例えば、「商品紹介」「お知らせ」「イベント情報」「サービス紹介」など、同じ構成の記事を作る際に非常に便利です。

書き換え&再公開（Rewrite & Republish）

公開中の記事を安全に更新できる機能です。

通常、公開中の記事を直接編集すると、途中まで書いた内容が保存されてしまうことがあります。

書き換え&再公開（Rewrite & Republish）では、

• 公開記事
• コピーを作成
• コピー側で編集
• 完成後に公開記事へ反映

という流れになります。そのため、読者に未完成の記事を見せることなく、安心してリライト作業を進められます。

SEO記事の更新や企業サイトの運営では特に便利な機能です。

Yoast Duplicate Postを導入するメリット

作業時間を大幅に短縮できる

最大のメリットは、記事作成の効率化です。

似たようなレイアウトの記事を何本も作る場合、新規作成よりも圧倒的に早く作業できます。

レイアウトを統一できる

毎回ブロックを組み直す必要がありません。

そのため、「デザイン崩れ」「ブロックの入れ忘れ」「ボタン配置ミス」なども防ぎやすくなります。

特に複数人で運営しているサイトでは、記事の品質を一定に保ちやすくなるでしょう。

アイキャッチ画像やカテゴリーも引き継げる

設定によっては、「アイキャッチ画像」「カテゴリー」「タグ」「カスタムフィールド」「抜粋」などもコピーできます。

毎回同じ設定を入力する手間がなくなります。

安全に記事をリライトできる

公開中の記事を直接編集するのは、思わぬトラブルにつながることがあります。

例えば、

• 編集途中の記事が保存される
• レイアウトが崩れる
• 一時的に内容が中途半端になる

といったケースです。

「書き換え&再公開」を利用すれば、完成してから公開記事へ反映できるため安心です。

テスト環境として活用できる

HTMLやCSS、JavaScriptの動作確認をしたい場合にも役立ちます。コピー記事で検証し、問題がなければ本番の記事へ反映できます。

このような使い方ができるので、他にもデザインやブロック等の検証にも向いています。

コピーできる内容

設定にもよりますが、一般的には次の内容をコピーできます。

• タイトル
• 本文
• アイキャッチ画像
• 抜粋
• カテゴリー
• タグ
• カスタムフィールド
• 親ページ
• 投稿フォーマット

不要な項目は設定画面から除外できます。

注意点

便利なプラグインですが、いくつか注意したい点もあります。

タイトルを変更し忘れない

コピーした記事は元の記事と同じタイトルになっています。公開前に、変更漏れがないか必ず確認しましょう。

コピー先であることが分かりやすくなるよう、接頭辞や接尾辞を編集いただくことも手かと思います。

SEO情報を確認する

SEOプラグインを利用している場合、

• SEOタイトル
• メタディスクリプション
• SNS画像

などもコピーされることがあります。

そのまま公開すると検索エンジンに重複した情報を送ってしまう可能性があるため、公開前に見直すことをおすすめします。コピー不要であれば、「複製しないカスタムフィールド」に該当の項目を記載いただくことを強くおすすめします。

重複コンテンツにならないよう注意する

コピーした記事をほとんど変更せず公開すると、内容が重複してしまいます。

検索エンジンから評価が分散したり、重複コンテンツと判断されたりする可能性があるため、十分に内容を書き換えてから公開しましょう。

コピー記事を増やしすぎない

便利だからといって、

• ○○（コピー）
• ○○（コピー2）
• ○○（コピー3）

のように大量に残してしまうと、管理が難しくなります。

不要になったコピー記事は定期的に整理すると管理しやすくなります。

利用権限や有効な投稿タイプを確認する

複数人でサイトを運営している場合は、誰でも複製できる状態にするのではなく、必要なユーザー、必要な投稿タイプだけ利用できるよう権限を設定すると安心です。

運営ルールと合わせて設定しておくと、誤操作や不要なコピーの作成を防げます。

どのようなサイトにおすすめ？

Yoast Duplicate Postは、特に次のようなサイトで活躍します。

• ブログ
• ニュースサイト
• 企業ホームページ
• 不動産サイト
• 求人サイト
• レシピサイト
• 会員制サイト
• 商品紹介ページが多いネットショップ

同じような構成の記事を繰り返し作るサイトほど、効果を実感しやすいでしょう。

まとめ

Yoast Duplicate Postは、「記事をコピーするだけ」のプラグインではありません。

記事作成を効率化するだけでなく、公開済みの記事を安全に更新できる「書き換え&再公開」機能など、日々の運営を支える便利な機能が充実しています。

一方で、コピーした記事をそのまま公開すると、タイトルやSEO情報、記事内容が重複してしまう可能性があります。

そのため、複製はあくまで作業のスタート地点と考え、公開前にはタイトル・パーマリンク・SEO設定・本文を十分に見直すことが大切です。

定型レイアウトの記事が多いサイトや、公開済みの記事を頻繁にリライトするサイトでは、作業効率を大きく向上させてくれるプラグインと言えるでしょう。

公式情報

• VK Blocks・VK Blocks Pro | 株式会社ベクトル
• VK Blocks で画面サイズ毎の改行指定ができるようになりました | 株式会社ベクトル

機能の内容

プラグイン「VK Blocks」には、画面幅ごとに改行するかしないかを指定することができる機能がございます。

例えば、段落中にxsとsmのコードを挿入すれば、「xs」と「sm」対象の画面幅では改行され、それ以外の環境では改行されないという見た目となります。

WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介

WP Pilot

使用例

以下ブロックとスクリーンショット画像を、是非とも見比べてみてください。

各コードと実際に出力されるHTMLの対応関係

実際には、br-xs br-sm等のショートコード風の記載がそれぞれ相当のHTMLに変換されているのみとなっております。そのため、例えばショートコード内やブロックパターン等に該当HTMLを記載するなどの応用が可能です。

xs： 画面幅 ～576px

<br class="vk_responsive-br vk_responsive-br-xs"/>

sm： 画面幅 576 ～ 768px

<br class="vk_responsive-br vk_responsive-br-sm"/>

md： 画面幅 768 ～ 992px

<br class="vk_responsive-br vk_responsive-br-md"/>

lg： 画面幅 992 ～ 1200px

<br class="vk_responsive-br vk_responsive-br-lg"/>

xl： 画面幅 1,200 ～ 1,400px

<br class="vk_responsive-br vk_responsive-br-xl"/>

xxl： 画面幅 1,400px ～

<br class="vk_responsive-br vk_responsive-br-xxl"/>