新しいブロックベースのWordPressウィジェットエディターの使用方法
公開: 2021-09-17WordPress 5.8（2021年7月にリリース）では、WordPressはWordPressウィジェットエディターに大きな変更を加え、長年のシステムから新しいブロックベースのウィジェットアプローチに切り替えました。
WordPressウィジェットエディターでカスタムエディターを使用する前は、ブロックを使用してサイトのウィジェット領域のコンテンツを制御するようになりました。これは、投稿やページを作成するときに使用するのと同じブロックです。
この記事では、新しいブロックベースのWordPressウィジェットエディターを紹介し、それがどのように機能するかを示します。 次に、最も便利な7つのウィジェットを見て、それらを最大限に活用する方法を示します。 さっそく飛び込みましょう！
ブロックベースのWordPressウィジェットエディターのしくみ
まず、ウィジェットエディタにアクセスして使用する方法を見ていきましょう。
ウィジェットエディタにアクセスする方法
WordPressウィジェットエディターにアクセスするには2つのオプションがあります。
まず、[外観]→[ウィジェット]に移動して、完全なウィジェットエディターインターフェイスを開くことができます。
次に、WordPressカスタマイザーから[外観]→[カスタマイズ]→[ウィジェット]に移動して、ウィジェットエディターにアクセスすることもできます。
カスタマイザーを使用すると、サイトのフロントエンドでウィジェットがどのように表示されるかをライブプレビューで確認できるので便利です。 ただし、欠点は、実際のエディター用のスペースが少ないことです。
そのため、ヘビーデューティーウィジェット編集のために[外観]→[ウィジェット]に移動し、最後の仕上げとしてカスタマイザーに切り替えることをお勧めします。
WordPressウィジェットエディターの使用方法
専用のWordPressウィジェット領域で作業している場合でも、WordPressカスタマイザーで作業している場合でも、ウィジェットを編集するための基本的なプロセスは同じです。
ただし、スクリーンショットでは、専用のWordPressウィジェット領域（[外観]→[ウィジェット]）を使用します。
新しいブロックウィジェットシステムにより、WordPressウィジェットは投稿やページの作成に使用するのと同じブロックエディターを使用するようになりました。 仕組みに慣れていない場合は、WordPressブロックエディターのガイドをご覧ください。
新しいブロック/ウィジェットを追加するには、左上隅のプラスアイコン、または編集しているウィジェット領域内のプラスアイコンをクリックします。
次のセクションでは、追加できる最も便利なブロックウィジェットのいくつかを見ていきます。
テキストを追加するには、段落または見出しブロックを追加し、クリックして入力するだけです。
ブロックウィジェットの完全な設定を編集するには、それをクリックするだけです。 次に、サイドバーでその設定を編集できます（通常のブロックエディターと同じように）。
異なるウィジェット領域間でウィジェットを移動するには、「波線」アイコンをクリックし、ドロップダウンを使用して、移動先のウィジェット領域を選択します。
別のウィジェット領域を編集する場合は、矢印をクリックして展開します。 たとえば、上のスクリーンショットでは、 Shop Sidebarウィジェット領域をクリックして、そのウィジェット領域内のブロックを編集できます。
全体として、新しいWordPressウィジェットエディターのすべてはブロックエディターとほぼ同じように機能します。これは、WordPressサイトを編集するための一貫したエクスペリエンスを作成し、ウィジェット領域をより細かく制御できるため便利です。
最も便利なWordPressブロックウィジェット
新しいブロックベースのWordPressウィジェットエディターの使用方法がわかったところで、最も便利な7つのWordPressブロックウィジェットを見てみましょう。
ただし、これらが唯一の選択肢ではないことを覚えておいてください。他の機能についても理解しておくことをお勧めします。
1.アーカイブ
アーカイブウィジェットは、過去の投稿を月と年ごとに整理します。
このナビゲーション支援機能は、視聴者が古いコンテンツにすばやくアクセスするのに役立ちます。 将来のユーザーのためにこれらすべての新しいブログ投稿のアイデアを整理する簡単な方法を探しているなら、これはその仕事に最適なウィジェットかもしれません。
ドロップダウン設定として[表示]をオンにすることを強くお勧めします。 これにより、ユーティリティを制限することなく、アーカイブウィジェットが占めるスペースを最小限に抑えることができます。 投稿が多い古いサイトがある場合は、特にこれを検討する必要があります。
最後に、[投稿数を表示]設定を有効にすることを検討してください。 過去に一貫した投稿スケジュールに固執していない場合、これはユーザーをより生産的な月に導くのに役立ちます。
2.最新のコメント
名前が示すように、このウィジェットはサイト全体の最新のコメントを表示します。 コメントがどの投稿に関連しているかも表示されるので、コンテキストが失われることを心配する必要はありません。
最新コメントウィジェットの最良の部分は、アクティブなサイトをいかに効果的に見せるかであると考えています。 [日付を表示]オプションを有効にすると、このポイントをさらに家に帰すことができます。
他の人があなたの投稿を操作しているのをユーザーが見た場合、同じことをするように勧められることがあります。 さらに、特集されている人は認識を高く評価するかもしれません。 視聴者が独自のプロフィール写真を使用している場合、このパーソナライズされた感覚は特に強くなります。
これらすべての潜在的な利点にもかかわらず、おそらくこのウィジェットの表示設定に注意を払う必要があります。 コメントが多すぎると、最速のWordPressテーマでも速度が低下する可能性があります。 そのため、一度に表示するコメントの数を制限することをお勧めします。
3.最新の投稿
最新の投稿ブロックは、サイトのどこにいても、視聴者を常に把握するのに役立ちます。 これは、このウィジェットを追加すると、最新のコンテンツのリストが生成されるためです。
そのため、最新の作業にすばやくアクセスするための簡単な方法です。 その結果、ユーザーは新しいコンテンツのためにホームページやメインブログに戻る必要がなくなり、代わりに注目を集めた投稿に直接アクセスできます。
何よりも、このウィジェットは高度にカスタマイズ可能です。 たとえば、投稿の抜粋や作成者の名前などの詳細を含めるように選択できます。 サイトがビジュアルに大きく依存している場合は、注目の画像を表示することもできます。
一部のコンテンツのみを表示したい場合は、特定のカテゴリや作成者からの投稿を除外することもできます。
4.ソーシャルアイコン
ソーシャルメディアであなたとつながる機会をユーザーに提供することは、あなたのリーチを拡大するのに役立ちます。 そこで、ソーシャルアイコンウィジェットが登場します。
この機能は、Facebookなどの人気のソーシャルメディアサイトへのリンクを表示するのに役立ちます。 また、Amazonなどのあまり一般的でないものを追加することもできます。 あなたが彼らのアフィリエイトプログラムに参加しているなら、これはあなたがより多くの売上を上げるのを助けることができます。
WordPressウィジェットエディターをスタイリッシュな意味で使用することに慣れている場合は、アイコンのカラーパレットを調整することも検討してください。 認識可能なデザインから離れすぎたくない場合もありますが、微妙な変更でさえ、これらのアイコンがサイトのテーマによりよく適合するのに役立つ場合があります。
5.タグクラウド
あなたのWordPressサイトには、おそらく何らかのタグ付けシステムがあります。 タグクラウドは、すべてのタグをグループに表示することで、この機能を前面に押し出します。
さらに、各タグのサイズは、それを使用する投稿の数によって決まります。 [投稿数を表示]設定をオンにすると、これをより明確にすることができます。 この情報を視覚的に伝達することで、ユーザーがブログで最も人気のあるトピックを直感的に探索できるようになります。
ただし、一部のサイトには、検索エンジン用の明確なタグシステムがあります。 これにより、タグクラウドでさえ整理できないタグの長いリストが作成される可能性があります。 これがあなたのように聞こえる場合は、代わりにこのウィジェットを使用してカテゴリを表示することを検討してください。 巨大なテキストブロックを作成しなくても、同じナビゲーション上の利点が得られます。
6.ナビゲーションメニュー
ナビゲーションメニューウィジェットは、もう1つのシンプルで強力なブロックです。 この機能は、選択したナビゲーションメニューをどこに配置しても表示します。
ナビゲーションは、サイトのUXの重要な部分です。 おそらくすでにプライマリナビゲーションメニューをヘッダーに表示していますが、ナビゲーションメニューウィジェットには、任意のウィジェット領域に別のメニューを表示するオプションがあります。
たとえば、フッターリンク用に別のメニューを作成し、このウィジェットを使用して、フッターにそれらのリンクを自動的に表示できます。
7.検索
検索ウィジェットを使用すると、ユーザーはサイトでコンテンツを検索できます。 簡単に思えるかもしれませんが、ウィジェットを編集する方法を知っていることは、これと同じくらい簡単であることが重要です。
ナビゲーションメニューウィジェットと同様に、検索ウィジェットは目立つ場所に配置すると最も効果的であると考えています。 このようにして、ユーザーはサイトを簡単に閲覧し、クエリに対する回答を見つけることができます。
それでも、デフォルトの100％幅は、サイトのデザインでは機能しない場合があります。 幸い、この機能を完全に放棄する必要はありません。 代わりに、 [表示設定]オプションメニューで正確なパーセンテージ幅をカスタマイズできます。
このウィジェットを設定した後、オートコンプリート検索機能の追加を検討することもできます。 この小さな変更により、ほとんどすべてのサイトにプロ意識を加えることができます。
ブロックウィジェットを無効にして古いWordPressウィジェットを使用する方法
新しいブロックベースのWordPressウィジェットエディターは、古いWordPressウィジェットシステムよりもはるかに柔軟性があります。 ただし、古いウィジェットシステムを引き続き使用したい場合は、オプションがあります。
Classic Editorプラグインでブロックエディターを無効にできるのと同様に、公式のClassic Widgetsプラグインでは、ブロックベースのウィジェットを無効にして、古いWordPressウィジェットエディターを引き続き使用できます。
構成する設定はありません。プラグインをアクティブ化するとすぐに、サイトはレガシーウィジェットシステムの使用に戻ります。
WordPressウィジェットエディターを使い始める
ウェブサイトを運営するには、通常、かなりの戦略が必要です。 そのため、WordPressウィジェットエディターの使用方法を知るだけでは不十分な場合があります。効果的に使用する方法を理解することも重要です。 幸い、数回クリックするだけで、最も便利な機能を最大限に活用できます。
この記事では、新しいブロックベースのウィジェットエディターがどのように機能するかを示し、次に7つの最も実用的なウィジェットについて説明しました。 それらの基本的な使用法を説明し、Webサイトへの貢献を最適化するためのいくつかの賢い方法を取り上げました。
サイトのより多くの部分でウィジェットを使用できるようにしたい場合は、カスタムWordPressサイドバーを作成する方法に関するガイドを確認することもできます。
ウィジェットをより効果的に編集する方法について質問がありますか？ 以下のコメントセクションでお知らせください。