WordPressにウィジェットを追加する方法は?

公開: 2021-08-17

WordPress Webサイトの作成は簡単ですが、ウィジェットの追加もはるかに簡単です。 ウィジェットは、サイトをよりインタラクティブで動的にするように設計されています。 ウィジェットを使用すると、テーマのコードにアクセスしなくても、ソーシャルメディアフィード、フォトギャラリー、お問い合わせフォーム、最近人気のある投稿、ライブチャットなどをサイトの任意のページに追加できます。

つまり、HTMLの基本的な知識があるか、コーディングの経験がない人でも、WordPressダッシュボードのウィジェットの横にある[追加]をクリックするだけで、ウィジェットを使用したり、WordPressサイドバーに追加したりできます。

ウィジェットの追加が特定のテーマでうまく機能しない場合があるいくつかの例外があります。そのため、何かを壊さないように、新しいウィジェットを追加する前に、テーマデザイナーに確認することをお勧めします。

WordPressウィジェットとは何ですか?

WordPressはウィジェットと呼ばれるシステムを使用しており、スライドショー、カスタムメニュー、ソーシャルメディアフィードなどをサイトのサイドバー領域に追加できます。 初心者にとって、これは動的コンテンツをサイトに追加し始める簡単な方法です。

ウィジェットは、WordPressダッシュボードの[外観]メニューからアクセスできるWordPressの[ウィジェット]セクションにあります。 ウィジェットには、永続的なウィジェットと一時的なウィジェットの2種類があります。

ウィジェットを使用する利点は何ですか?

ウィジェットには多くの利点があります。 まず、それらは使いやすく、サイトの任意のページに追加するのに数秒しかかかりません。 次に、テーマファイルを編集せずに動的コンテンツを追加できます。 第三に、ウィジェットはモバイルフレンドリーであり、どのデバイスでも機能します。 最後に、ウィジェットをサイトに配置したくない場合は、ウィジェットを簡単に削除できます。

WordPressにウィジェットを追加する方法(5.8バージョン以降)

WordPress 5.8バージョンのサイドバーにウィジェットを追加することは、以前のバージョンとは異なります。 方法は次のとおりです。

新しいバージョンでは、Gutenbergブロックからウィジェットを追加する必要があります。 投稿またはページエディタとしてのプロセス。 この新機能を使用すると、サイドバーにウィジェットを追加する方が簡単です。 Gutenbergブロックを使用して、ウィジェットを専門的に制御および設計できます。

block widgets

したがって、WordPressの新しいバージョンでサイドバーウィジェットを設計するために余分なことを学ぶ必要はありません。

ダッシュボードを使用してWordPressにウィジェットを追加する方法は? (5.8バージョンより前)

WordPressにウィジェットを追加する方法はたくさんあります。 ほとんどのテーマには、箱から出してすぐに利用できるウィジェットが付属しています。 サイトテンプレートにショートコードを追加してウィジェットを追加することもできます。これにより、ウィジェットをサイトの特定の領域に配置できます。

WordPressダッシュボードを使用したウィジェットの追加

ダッシュボードを使用してウィジェットを追加するには、次の手順に従います。

WordPressダッシュボードにログインします。 [外観]をクリックして、画面の左側のメニューで[ウィジェット]を選択します。 追加するウィジェットをクリックして、ウィジェットを表示するサイトテンプレートのサイドバーまたはその他の領域にドラッグします。 ウィジェットが正常に配置されたことを示すダイアログボックスが表示されます。

widgets

サイトのサイドバーに追加するウィジェットのタイトルをクリックしてから、サイドバーの場所を選択し、最後に[ウィジェットの追加]をクリックすることもできます。

WordPressウィジェットに簡単にアクセスできるユーザー補助モードがあります。 これを使用するには、ウィジェットウィンドウの右隅からユーザー補助モードを有効にするだけです。

enable accessiblity mode

[追加]ボタンがすべてのウィジェットで使用できるようになります。 ボタンをクリックすると、コンテンツとウィジェットの設定オプションをより簡単に見つけることができるアクセス可能な画面に移動します。

manage accessiblity mode

別の方法として、ライブプレビューオプションを使用してウィジェットをサイドバーに追加できます。 ライブプレビューを使用すると、ウィジェットを追加する前にウィジェットがどのように表示されるかを確認できます。

ライブプレビューモードを使用してウィジェットを追加するには、WordPressの外観>テーマカスタマイザーに移動し、ウィジェットを見つけます。 次に、目的のウィジェットセクションを選択し、ウィジェットブロックを見つけて、最後に[ウィジェットの追加]をクリックします。

WordPressでウィジェットを削除する方法は?

ウィジェットを削除するプロセスは、ウィジェットを追加するプロセスと非常によく似ています。 WordPressダッシュボードにログインし、[外観]> [ウィジェット]を選択して、削除するウィジェットのタイトルをクリックします。

delete widget

WordPressウィジェット領域のアクセシビリティモードを使用してウィジェットを削除することもできます。 [画面オプション]タブをクリックして、ユーザー補助モードのチェックボックスを選択するだけです。 これで、「ウィジェットの削除」と呼ばれる追加のリンクが表示されます。

特定のセクションのウィジェットを削除する場合は、そのセクションから直接削除できます。

ウィジェットを簡単に非アクティブにして、その設定を非アクティブに変更することもできます。 非アクティブなウィジェットの実行は簡単です。ウィジェットを非アクティブなウィジェットセクションにドラッグアンドドロップするだけです。

inactive widgets

非アクティブなウィジェットはいつでも使用できます。 ウィジェットの設定をアクティブに戻すだけで、目的のサイドバーの場所にドラッグアンドドロップできます。

同じ場所に複数のウィジェットを追加する場合は、非アクティブなウィジェットをセクションからドラッグして、追加する領域またはサイドバーにドロップすることで簡単に追加できます。

WordPressでショートコードを使用してウィジェットを追加する方法は?

ショートコードを使用するには、WordPressダッシュボード>ウィジェットに移動し、テキストウィジェットをクリックして、サイドバーの場所にドラッグするだけです。 次に、テキストブロックウィジェットを開き、ここにショートコードを貼り付けて、最後にウィジェットの保存ボタンをクリックします。

add shortcode widget

WordPressで利用できるウィジェットの種類は何ですか?

WordPressのサイトテンプレートに追加できるウィジェットにはいくつかの種類があります。 利用可能な最も一般的なウィジェットのいくつかを見てみましょう。

デフォルトでは、テキストウィジェット、カスタムHTML、検索、最近の投稿、カテゴリ、画像、タグクラウド、コメントなどがあります。

その上、多くのWordPressテーマはさまざまなタイプのウィジェットを提供しています。 したがって、最高品質のプレミアムWordPressテーマを使用すると、WordPressに追加できるウィジェットがたくさん表示され、サイトがより魅力的で素晴らしいものになります。

トップWordPressカスタムウィジェットプラグイン

カスタムウィジェット制御プラグインを使用すると、任意のカスタムウィジェットを追加して、必要に応じてそれらを制御できます。 とても簡単です。 WordPressユーザーの間で非常に人気のあるウィジェットオプションプラグインを使用できます。

このプラグインをインストールするには、WordPressダッシュボード>プラグインセクションに移動し、[新規追加]ボタンを見つけてクリックするだけです。

次に、プラグインページが表示され、[ウィジェットオプション]を検索して、[今すぐインストール]ボタンをクリックします。 その後、プラグインをアクティブ化するだけで完了です。

Widget Options plugin

ウィジェットオプションプラグインを使用すると、既存のウィジェットをさらに制御し、新しいウィジェットブロックを追加できます。

WordPressが提供するデフォルトのウィジェットを削除してカスタムウィジェットに置き換えるか、WordPressの既存のウィジェットを無効にすることもできます。

結論は

WordPressにウィジェットを追加するプロセスは、ウィジェットを削除するのと非常によく似ています。 したがって、この分野の初心者であれば、心配する必要はありません。 正しいことをする前に、いくつか試してみてください。

私の記事が、ウィジェットをWordPressに問題なく簡単に追加する方法について理解するのに役立つことを願っています。 このトピックに関して質問やアイデアがある場合は、ここにコメントを投稿してください。