WordPressウィジェットとブロックの違いとは?(解説)

WordPressの機能を長年テストしてきた中で、私たちはプラットフォームが従来のウィジェットから新しいブロックシステムへと進化するのを見てきました。

どちらのツールもサイトのカスタマイズに役立ちますが、根本的に異なる方法で機能し、異なる目的を果たします。

WPBeginnerでは、ウィジェットとブロックの違いを理解することが難しい場合があることを私たちは知っています。しかし、それぞれをいつ使用すべきかを知ることは、WordPressサイトをどれだけ効果的に管理できるかに大きな違いをもたらします。

このガイドでは、WordPressウィジェットとブロックの間の混乱を解消します。何千ものユーザーがWordPressサイトを構築およびカスタマイズするのを支援してきた実際の経験に基づいて、それぞれの使用例を共有します。

WordPressウィジェットとブロックの違いを理解する

この記事で取り上げるトピックの概要を以下に示します。

さっそく始めましょう!

WordPressウィジェットとは?

WordPressウィジェットは、サイドバーなどのウィジェット対応エリアに追加できる動的なコンテンツ要素です。

ウィジェットは WordPress 2.2 (2007年5月) で導入されました。

その目的は、ユーザーがブログ記事の最後に同じ要素を繰り返し挿入することなく、カスタマイズ可能な要素をウェブサイトに追加できる簡単な方法を提供することでした。

例えば、WordPressのテーマファイルを編集してサイドバーを作成し、Google AdSenseのトラッキングコードのようなものを手動でコーディングすることができます。

ユーザーは、テーマファイル全体やブログ投稿の一部である必要のないウィジェットを使用して、コンテンツや機能を簡単に挿入できました。

ウィジェットにより、ユーザーは理想的なWordPressブログをより簡単に作成できるようになり、バナー広告やメールサインアップフォームを簡単に追加できるようになりました。

次第に、ほとんどすべてのWordPressテーマがウィジェット対応エリアをデザインやレイアウトに追加することでウィジェットを採用しました。これらはほとんどの場合サイドバーとフッターでした。

WordPressのウィジェットエディターは、2021年にリリースされたWordPress 5.8まではこのようになっていました。

古いウィジェット画面

WordPressのブロックとは何ですか?

ブロックは、ユーザーがWordPressのコンテンツエディターを使用してエリアに追加できる要素です。WordPressはWordPress 5.0でこのブロックベースのコンテンツエディターに切り替えました。

開発時のコードネームであったGutenbergエディターと呼ばれることもあります。

ブロックはウィジェットに非常に似ており、それぞれがページまたは投稿の単一の要素を処理します。

ただし、ウィジェットとは異なり、ブロックは投稿および固定ページエディターの一部としてのみ導入されたため、サイトのフッターやサイドバーのような領域に簡単に追加することはできませんでした。

ブロックは、段落、画像、ギャラリー、メールサインアップのようなプラグイン固有の機能、または動画埋め込みなど、あらゆる要素を投稿またはページに挿入できます。

WordPressブロックエディタの使用

カバー、パターン、テーブル、カラム、グループなどのデザインレイアウト要素を追加するためのブロックもあります。

詳細については、美しいコンテンツレイアウトを作成するためにデフォルトのエディターをどのように使用するかを示す、完全な WordPress ブロックエディターチュートリアル を参照してください。

WordPressにおけるウィジェットとブロックの違い

WordPress 5.8までは、ウィジェットとブロックの違いは非常に明確でした。

ユーザーは、テーマのウィジェット対応エリアにウィジェットを追加しました。これらは主に、投稿/ページコンテンツ以外の要素を表示するために使用されていました。たとえば、最近の投稿リスト、必須リンク、バナー広告、フォームなどです。

しかし、ウィジェットとブロックの違いは現在かなり曖昧になっています。

ウィジェットは、WordPressウェブサイトのサイドバーのようなウィジェット対応エリアで使用される自己完結型要素です。

ブロックは自己完結型の要素でもあり、ブロックエディターからアクセスできます。投稿やページ、ウィジェット対応エリアで使用できます。テーマでフルサイトエディターが有効になっている場合は、テンプレートでも使用できます。

ウィジェットは、開発者が お問い合わせフォーム、お客様の声、ソーシャルメディアフィードなどの他の要素を出力できるようにした最初の機能でした。

ただし、ブロックを使用しても同様のことを達成できます。現在、多くの トップ WordPress プラグイン には、どこにでも追加できるブロックが付属しています。

プラグインブロック

例えば、WPForms には、どこにでも追加してフォームを表示できるお問い合わせフォームブロックがあります。

All in One SEO には、目次、HTMLサイトマップ、パンくずナビゲーションなどのブロックが含まれています。

MemberPress には、メンバーシップの販売、ダウンロードリストの表示、コンテンツのペイウォール化などを行うためのブロックが付属しています。

ブロックベースのウィジェットエディター

WordPress は、ウィジェット対応エリアを含む、ウェブサイトのすべてのエリアを編集できるようにブロックエディターを適応させる予定でした。

これを実現するために、WordPress 5.8 で新しいブロックベースのウィジェットエディターが導入されました。

ユーザーは、テーマのウィジェット対応エリアでブロックを使用できるようになりました。

ブロックウィジェットエディター

ウィジェットは引き続き 外観 » ウィジェット メニューの下にあります。

ただし、ウィジェット対応領域が定義されていないブロックベースのテーマを使用している場合は、そこに表示されない可能性があります。

代わりに、**外観 » エディター**メニューが表示されます。

ウィジェット画面のないサイトエディター

多くのレガシーWordPressウィジェットには、すでに同じことができるブロックがあります。

新規ブロック追加ボタン(+)をクリックすると、ウィジェットとして分類された多くのブロックが見つかります。

ウィジェットブロック

これらは依然としてブロックですが、ユーザーがレガシーウィジェットのように動作することを理解できるように、ウィジェットとして分類されています。

ただし、代替ブロックがない従来のウィジェットを使用する必要があるユーザーは、レガシーウィジェットブロックを使用して引き続き使用できます。

レガシーウィジェットブロック

WordPressプラグインに投稿やページに追加するブロックがある場合、同じブロックをウィジェット対応エリアでも使用できるようになりました。

テーマ開発者は、ユーザーがウェブサイトのさまざまなエリアに追加できるカスタムブロックを作成することもできます。

WordPressウィジェットの未来

WordPressは、WordPressウェブサイトでのコンテンツ編集において、より直感的で統一された方法へと移行しています。

これは、古いウィジェットが利用できなくなることを意味します。WordPress のテーマやプラグイン開発者は、すでに製品でブロックエディターへの対応を進めています。

ただし、多くのWordPressテーマは依然として古いウィジェットを使用しており、これらのテーマは現在クラシックテーマと呼ばれています。同様に、多くのWordPressプラグインはショートコードとレガシーウィジェットを使用しています。

古いウィジェットを引き続き使用する必要がある場合は、WordPressでブロックウィジェットを無効にすることができます。

簡単な方法は、無料のWPCodeプラグインを使用することです。これにより、多数のプラグインを追加することなくWordPressをカスタマイズできます。

私たちはこれを何度も使用しており、コードを追加する最も安全なオプションであることがわかりました。ブロックウィジェットを無効にするために使用できる、あらかじめ作成されたスニペットさえあります。

WPCodeライブラリから「ウィジェットブロックを無効にする」スニペットを選択します

または、Classic Widgets プラグインを使用することもできます。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化すると、プラグインはブロックベースのウィジェットエディターを古いウィジェットページに置き換えるだけです。

注意: Classic Widgets プラグインは、2024年まで、またはWordPressチームが必要と判断する限り、アップデートとサポートを受け続けます。しかし、それ以降はプラグインがアップデートやメンテナンスを受けなくなる可能性があることを示唆しています。そのため、カスタマイズを将来にわたって活用するために、WPCode の使用をお勧めします。

ブロック対ウィジェット – どちらが良いか?

新しいブロックベースのウィジェットエディターをできるだけ早く使い始めることをお勧めします。なぜなら、それがWordPress開発の方向性だからです。

使いやすく、モダンで、以前のウィジェット画面よりも柔軟性があります。

ウェブサイトのWordPressプラグインまたはテーマがブロックベースのウィジェットをサポートしていない場合は、開発者に連絡して、ウィジェットをブロックに変換するように依頼できます。

アップデートをリリースする予定がない場合は、代替のプラグインやテーマを簡単に見つけて置き換えることができます。

よくある質問:WordPressウィジェットとブロック

ここでは、読者からブロックとウィジェットについてよく寄せられる質問をいくつか紹介します。

テーマを変更したりWordPressをアップデートしたりすると、古いウィジェットはどうなりますか?

新しいテーマのウィジェットエリアが存在する場合、既存のウィジェットは引き続き表示されます。テーマがブロックベースのウィジェットをサポートしている場合、WordPress はコンテンツと構造を可能な限り忠実に保持しようとします。

WordPressの新しいバージョンでもウィジェットを使用できますか?

はい、ただし、それらはブロックベースのウィジェット画面に表示されるようになりました。WordPress 5.8以降を使用している場合、ウィジェットはデフォルトでブロックを使用して処理されますが、必要に応じてクラシックウィジェットインターフェイスを復元するプラグインをインストールすることもできます。

すべてのウィジェットをブロックに切り替える必要がありますか?

いいえ、しかしブロックに切り替えることで、より多くの制御と柔軟性が得られます。コンテンツのスタイル設定やプレビューがより簡単になり、多くのテーマやプラグインがブロックベースのレイアウトにより良いサポートを提供するようになりました。

この記事がWordPressのウィジェットとブロックの違いを理解するのに役立ったことを願っています。また、WordPressの最高のブロックプラグインの選択肢や、ブロックエディターとページビルダーの違いに関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

1 CommentLeave a Reply

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。