Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのウィジェットを追加する際、ドラッグ&ドロップのインターフェースを使いにくいと感じますか?

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

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

How to Add WordPress Widgets in Accessibility Mode

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

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

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

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

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

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

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

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

Enable Accessibility Mode for the Classic Widget Editor

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

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

Add a Widget by Clicking the Add Link

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

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

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

Configure the Widget and Choose a Sidebar

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

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

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

Edit a Widget by Clicking the Edit Link

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

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

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

Choose inactive widgets option

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

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

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

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

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

Click clear inactive widgets button in classic editor

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

このチュートリアルで、アクセシビリティモードでWordPressウィジェットを追加する方法を学んでいただけたら幸いです。また、無料メールドメインの取得方法や、サイトを美しくする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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

9件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Sheena says

    Hi, I enabled this feature. However I cannot see any add/edit buttons, I also cannot revert this option/or see the disable option. I am now stuck as to how to edit/amend my widgets. Please help

      • juber says

        i do not working that option so how can i disable accessibility mode.Please help me i am very Tired to this……..

  3. Joseph says

    This option seems to be eliminated in the newer versions of WordPress. Do you know how I can get it bak?

  4. Dale Reardon says

    Thankyou ever so much for this article. I am blind and was always getting my wife to do the widgets for me.
    Didn’t know this existed.
    Dale.

返信を残す

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