アクセシビリティモードでWordPressウィジェットを追加する方法

WordPressには、ウィジェットを挿入するためのアクセシビリティ・モードがあることをご存じないかもしれません。これにより、代わりにリンクをクリックしてサイドバーにウィジェットを追加することができます。

キーボードナビゲーションを使用して、ドラッグ・アンド・ドロップ操作の必要性を回避し、より簡単にウィジェット・インターフェースを探索することができます。この機能は、視覚障害やその他のアクセシビリティが必要なユーザーに特に役立ちます。

この投稿では、アクセシビリティモードを有効化し、ドラッグ＆ドロップを使わずにWordPressウィジェットを簡単に追加する方法を紹介する。

WordPressでウィジェットのアクセシビリティモードを有効化する理由

WordPress 5.8で導入されたブロックベースのウィジェットエディターと、WordPressの以前のバージョンで提供されていたクラシックなウィジェットエディターの両方で、ウィジェットを追加するためにドラッグアンドドロップインターフェースが使用されています。

しかし、ドラッグ＆ドロップでWordPressサイトにさまざまなウィジェットを追加するのは難しいと感じるユーザーもいる。

クラシック・ウィジェット・エディターには、ドラッグ・アンド・ドロップなしでリンクをクリックするだけでウィジェットを追加できるアクセシビリティ・モードがありました。WordPress 5.8以降を使用している場合、プラグインを使用して同じモードを有効化することができます。

ということで、WordPressサイトでウィジェットのアクセシビリティモードを簡単に有効化する方法を順を追って見ていきましょう。

WordPressでウィジェットのアクセシビリティモードを有効化する方法

まず、Classic Widgetsプラグインをインストールして有効化する必要があります。詳しくは、WordPressでクラシックウィジェットを復元する方法の初心者ガイドをご覧ください。

有効化したら、WordPress管理エリアの外観 ” ウィジェット画面にアクセスしてください。クラシックウィジェットのインターフェースが表示されます。

画面右上の「アクセシビリティモードを有効化」リンクをクリックします。

アクセシビリティモードを有効化すると、ウィジェット画面が新しいインターフェースで再読み込みされます。この新しいインターフェースでは、ウィジェットタイトルの隣にある’追加’リンクを使用して、利用可能なウィジェットを追加することができます。

そうすると、ウィジェットが個別ページで開き、そこで設定を行うことができます。ウィジェットにタイトルを付けてから、有効化したいオプションを選択してください。

ページの下半分では、新しいウィジェットを追加したいサイドバーまたはウィジェットエリアを選択できます。

その隣に、位置ドロップダウンがあり、選択したサイドバーでこのウィジェットの位置を選ぶことができる。

例えば、サイドバーの上部にウィジェットを配置するには、左側のリストから「サイドバー」を選択し、右側のドロップダウンメニューから「位置1」を選択する必要があります。

満足したら、「Save Widget」ボタンを押して、ウィジェット画面に戻ってください。

アクセシビリティ・モードでは、このように有効化したウィジェットの横に「編集」ボタンも有効化されます：

編集」ボタンをクリックすると、ウィジェットを追加したときと同じ画面になります。

ここで、ウィジェット設定を編集し、ページ下部の「非アクティブ・ウィジェット」オプションを選択して、ウィジェットを削除することもできます。

そうしたら、「ウィジェットを保存」ボタンをクリックして、ウィジェットを無効化することを忘れないでください。

ボーナス：WordPressの非アクティブなウィジェットを削除する

ウィジェットにアクセシビリティ・モードを追加したら、WordPressブログの非アクティブ・ウィジェットを削除することも重要である。

WordPressテーマを変更すると、有効化したウィジェットの一部が非アクティブウィジェットセクションに配置されます。これは、新しいテーマに一致するウィジェットエリアがないためです。

これらのウィジェットはサイトを乱雑にするので、非アクティブなウィジェットを削除することをお勧めします。これを行うには、WordPressダッシュボードから外観 ” ウィジェットページに アクセスし、「非アクティブウィジェット」エリアまでスクロールダウンします。

ここで、’Clear Inactive Widgets’ボタンをクリックして、それらを永久に削除することができる。

ただし、クラシックウィジェットを使用していない場合は、WordPressで非アクティブウィジェットを削除する方法のチュートリアルを参照してください。

このチュートリアルで、アクセシビリティモードで WordPress ウィジェットを追加する方法を学んでいただけたでしょうか。また、特定の WordPress ページでウィジェットを表示または非表示にする方法や、Gutenberg フレンドリーな WordPress テーマのエキスパートによるベストピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.