WordPressでウィジェットタイトルにリンクを追加する方法

WordPressのウィジェットは、サイトに特別な機能を追加するのに役立ちますが、ウィジェットタイトルをさらに便利にできるとしたらどうでしょうか?クリック可能なリンクにすることで、訪問者を関連コンテンツに誘導し、ナビゲーションを改善し、ユーザーエンゲージメントを高めることができます。

この記事では、WordPressのウィジェットタイトルにリンクを追加する簡単なガイドを提供し、その機能を強化して、ウェブサイトをよりユーザーフレンドリーにします。

WordPressでウィジェットのタイトルにリンクを追加する方法

WordPressでウィジェットタイトルにリンクを追加する理由

ウィジェットは、WordPressのサイドバー、フッター、その他のウィジェット対応エリアに追加できるコンテンツブロックです。

ウィジェットは、画像ギャラリー、カレンダー、人気の投稿ランダムな引用、その他の動的なコンテンツをウェブサイトに追加する簡単な方法です。

カスタムウィジェットを完全に自分で作成することもできます。詳細については、カスタムWordPressウィジェットの作成方法に関するガイドをご覧ください。

WordPressのテーマによっては、これらのウィジェットに組み込みのタイトルが付いている場合があります。これらのタイトルは、ウィジェットが訪問者に表示している情報に関する有用なコンテキストを提供します。

例えば、「最新コメント」のようなタイトルは、これらが最新のコメントであることを明確にします。

場合によっては、これらのウィジェットタイトルをリンクにしたい場合があります。これにより、訪問者が関連コンテンツを見つけやすくなります。

例えば、最新の投稿を表示するウィジェットがある場合、「最新の投稿」というタイトルをWordPressブログにリンクするのは理にかなっています。

リンクされたウィジェットタイトルを持つ一連のWordPressウィジェット

このガイドでは、WordPressのウィジェットタイトルにリンクを追加する3つの異なる方法を説明します。特定のメソッドに直接ジャンプしたい場合は、以下のリンクを使用してください。

  1. ブロックベースのエディターを使用してWordPressのウィジェットタイトルにリンクを追加する方法
  2. フルサイト編集を使用してWordPressのウィジェットタイトルにリンクを追加する方法
  3. クラシックウィジェットを使用してWordPressのウィジェットタイトルにリンクを追加する方法
  4. WordPressでさまざまな種類のリンクを追加するためのエキスパートガイド

方法1:ブロックベースのエディターを使用してWordPressのウィジェットタイトルにリンクを追加する方法

すべてのWordPressテーマはウィジェットの扱い方が異なります。一部のテーマではウィジェットタイトルがデフォルトで表示されませんが、他のテーマでは特定のウィジェットのタイトルのみが表示されます。

ウィジェットにすでにタイトルがある場合、ブロックエディターを使用してそれをリンクにすることができます。これを行うには、外観 » ウィジェットに移動するだけです。

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

ウェブサイトに新しいウィジェットを追加するには、「+」ボタンをクリックします。

このメニューで、WordPressウェブサイトに追加したいウィジェットを見つけます。

次に、それをメインサイドバー、ヘッダー、またはフッターバーなどのウィジェット対応エリアにドラッグアンドドロップできます。

WordPressウェブサイトにウィジェットを追加する

それが完了したら、ウィジェットのタイトルをハイライト表示するためにクリックしてドラッグするだけです。WordPressは、タイトルを編集するために使用できるフローティングアイコンの行を表示します。

次のステップは、「リンク」ボタンをクリックすることです。

ウィジェットタイトルにリンクを追加する

次に、使用したいリンクを入力するか、ポップアップにURLをコピー&ペーストします。

デフォルトでは、WordPressはリンクを同じタブで開きます。リンクを新しいタブで開きたい場合は、「新しいタブで開く」スライダーをクリックして有効にします。

WordPressでウィジェットタイトルにリンクを追加する方法

これで、キーボードの「Enter」キーを押す準備ができました。これによりリンクが保存されます。

他のウィジェットタイトルにリンクを追加するには、上記と同じ手順に従ってください。

ウィジェットの外観に満足したら、「更新」ボタンをクリックしてください。これで、ウェブサイトにアクセスして、すべてのウィジェットタイトルとリンクがライブになっていることを確認できます。

埋め込みリンク付きのウィジェットタイトル

外観 » ウィジェットメニューにウィジェットを追加しましたが、タイトルを入力する場所が見つかりませんか?

パニックにならないでください。すべてのテーマがウィジェットタイトルをサポートしているわけではなく、すべてのウィジェットに組み込みのタイトルがあるわけでもありません。幸いなことに、見出しブロックを使用して、任意のWordPressウィジェットにタイトルを追加できます。

このトリックを使用するには、まだ行っていない場合は、外観 » ウィジェットエディターにアクセスしてください。次に、「+」ボタンをクリックします。

これで、ドラッグ&ドロップでテーマにウィジェットを追加できるようになりました。

それが完了したら、左側のメニューから見出しブロックを探します。これで、ドラッグ&ドロップでこのブロックをウィジェットの上に配置できるようになりました。

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

見出しブロックを配置したら、ウィジェットのタイトルとして使用したいテキストを直接入力します。

その後、ウィジェットタイトルのテキストをハイライトし、「リンク」ボタンをクリックします。

WordPressの見出しブロック

使用したいリンクをここに入力するか、コピー&ペーストして、キーボードの「Enter」キーを押してください。

この見出しブロックは、ウィジェットタイトルと同様に、WordPressウェブサイトのウィジェットの横に表示されます。

フルサイト編集テーマを使用していますか?

ブロックベースのエディターを使用する代わりに、テンプレートとテンプレートパーツを使用してウェブサイトにウィジェットを追加する必要があります。開始するには、[外観] » [エディター] に移動してください。

WordPress FSEエディター

フルサイトエディターの上部で、ドロップダウンをクリックし、ウィジェットを追加したい領域を選択します。

表示されるテンプレートパーツは、使用しているテーマによって異なる場合があります。次の画像では、当社のテーマにヘッダーとフッターがあることがわかります。

フルサイト編集エディター

ウィジェットを追加したいテンプレートをクリックするだけで、エディターが自動的にそのセクションにスクロールします。

これで、「+」アイコンをクリックできるようになりました。

WordPressのFSEウィジェットエディター

左側のメニューで、WordPressテーマに追加したいウィジェットを見つけます。

次に、このウィジェットをドラッグアンドドロップでテーマに追加します。

FSE カテゴリーウィジェット

ウィジェットにまだタイトルがない場合は、左側のメニューにある見出しブロックを見つける必要があります。次に、見出しブロックをドラッグアンドドロップして、WordPressウィジェットの隣に配置します。

その後、ウィジェットタイトルとして使用したいテキストを入力するだけです。

FSEを使用してウィジェットタイトルにリンクを追加する

次のステップは、見出しテキストをハイライトすることです。その後、「リンク」アイコンをクリックします。

次に、リンクしたいURLを直接入力するか、コピー&ペーストします。

WordPress FSEでウィジェットタイトルにリンクを追加する

これで完了です。テーマにさらにウィジェットタイトルとリンクを追加するには、上記の手順を繰り返してください。

変更に満足したら、「保存」ボタンをクリックしてテーマを更新します。これで、ウェブサイトにアクセスすると、新しいウィジェットタイトルがライブで表示されます。

方法3:クラシックウィジェットを使用してWordPressのウィジェットタイトルにリンクを追加する方法

WordPressの古いバージョンを使用している場合、または古い外観 » ウィジェットメニューを復元するためにClassic Widgetsプラグインを使用している場合は、代わりにこの方法を使用する必要があります。

WordPressのクラシックウィジェットエディター

まず、Link Widget Titleプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

このプラグインは、クラシックウィジェットエディターにいくつかの新しいフィールドを追加し、タイトルを入力してリンクを追加できます。

Link Widget Title WordPressプラグイン

ウィジェットをクリックするだけで、すべての設定が表示されます。「タイトル」フィールドに新しいタイトルを入力する準備ができました。

次に、「タイトルリンク」フィールドにリンクを直接入力するか、コピー&ペーストします。

WordPressでウィジェットタイトルにリンクを追加する

デフォルトでは、このリンクは同じタブで開きます。リンクを新しいタブで開くことを希望する場合は、「リンクを新しいウィンドウ/タブで開く」ボックスにチェックを入れてください。

Link Widget Titleプラグインを使用すると、タイトルバー全体をクリック可能にすることもできるため、訪問者は必ずしもウィジェットのタイトルテキストをクリックしなくてもリンクを開くことができます。

タイトルセクション全体をクリック可能にするには、「タイトルバー全体を clickable にする」ボックスにチェックを入れるだけです。

ウィジェットの設定に満足したら、「保存」ボタンをクリックしてください。

この記事がWordPressのウィジェットタイトルにリンクを追加する方法を学ぶのに役立ったことを願っています。WordPressでさまざまな種類のリンクを追加することに関連する他の記事もご覧になりたいかもしれません。

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

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

究極のWordPressツールキット

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

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

21 CommentsLeave a Reply

  1. このプラグインは、どの検索にも表示されないため、現在利用できないようです。どなたか確認していただけますか、または名前が変更されたかどうか教えていただけますか?よろしくお願いします!

  2. こんにちは!このプラグインは私にとって非常にうまく機能しましたが、今ではウィジェットのタイトルが色を変えました。ウィジェットのタイトルを元の色に戻し、かつ「クリック可能」にするにはどうすればよいですか?

  3. このプラグインは非常に役立ち、今でも見事に機能しますが、Wp 3.8.1以降更新されていません。
    代替手段はありますか?

  4. うまくいきません。ブログの別のページ(例:「お問い合わせ」から「お問い合わせ」ページへ)にリンクしようとしています。しかし、保存しようとするとリンクが消えてしまいます。何が間違っているのか、またはどのように修正すればよいか、何か提案はありますか?よろしくお願いします、デニソン

  5. はい、

    しかしSEOは…

    タイトル属性をどのように追加できますか?

    ありがとうございます!

  6. このプラグインは素晴らしいです!唯一の問題は、ウィジェットのタイトルが青色になったこと(リンクだからだと思いますか?)と、ホバー時の色が私の望むものではないことです。これをどうやって変更すればいいですか?

    ありがとう!
    ベッカ

  7. 少し話は変わりますが…あなたが使っているGoogle+プラグインは何ですか?あなたの投稿の例の通りですか?ありがとう!

  8. このプラグインをアップロードした後、次のように表示されます:(プラグインには有効なヘッダーがありません)そして展開されず、どうすればよいですか。ご協力ありがとうございます。

返信する

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