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サイトにブログロールを追加する方法(プラグインなし)

WordPressサイトにブログロールを追加することは、あなたが所有しているサイト、尊敬しているサイト、フォローしているサイトへのリンクを共有する素晴らしい方法です。ブログの世界では定番の要素であるブログロールを使えば、読者に閲覧してもらいたいブログのリストを作成することができます。

例えば、ブログロールを使用して、当社の他のサイト、パートナー、役に立つウェブサイトへのリンクを表示しています。これは、ユーザーが同様のコンテンツや製品を発見するのに役立ちます。

このガイドでは、プラグインを使わずにWordPressサイトにブログロールを簡単に追加する複数の方法をご紹介します。

How to Add a Blogroll in WordPress

ブログロールとは?

ブログロールは、あなたのWordPressブログに関連する他のブログへのリンクのリストです。あなたの他のサイトや好きなブログ、ユーザーにチェックしてもらいたいサイトへのリンクを含めることができます。

初期のブログは、より個人的でコミュニティ主導のものだった。志を同じくする人々は、自分が楽しんでいる他のブログにリンクを張ることが多かった。

WPBeginnerでのブログロールの使い方です。私たちの他の製品サイトへのリンクを見ることができます。

Blogroll on WPBeginner website

その昔、ブログロールは一般的な機能で、ほとんどのブログプラットフォームが初期設定でサポートしていました。しかし、ブログが主流になり、人気が出て、競争が激しくなるにつれ、ブログロール機能はあまり使われなくなりました。

WordPressには当初からブログロール機能があった。最初はリンクと呼ばれていましたが、WordPress 2.1でブログロールと改名されました。

WordPress 2.5で再びリンクに変更され、WordPress 3.5までそのままだった。その後、WordPressチームはこの機能をコアから完全に削除した。

この機能はまだ「Link Manager」という無料のプラグインとして利用可能だった。しかし、そのWordPressプラグインは何年も更新されておらず、WordPressでブログロールを追加するのにもはや必要ない。

ヒント:WordPressが時代とともにどのように変化してきたかに興味がある方は、WordPressの歴史に関する詳細な記事をお読みください。

WordPressでブログロールを追加する理由

ブログロールは、ユーザーにあなたが推薦する他のサイトを訪問する機会を提供します。

通常は、あなたやあなたの会社が所有するブログやサイトです。しかし、あなたが尊敬している、あるいはユーザーにチェックしてもらいたい他のブログへのリンクを追加することもできます。

これにより、ユーザーはあなたが所有する他のブログを発見したり、あなたが推薦する他のサイトを見たりすることができる。

関連 WordPressのリンク切れの監視と修正に関するチュートリアルをご覧ください。

それでは、WordPressでブログロールを簡単に追加し、リンクを管理し、サイト上のどこにでも簡単に表示する方法を見ていきましょう。下のリンクをクリックすると、どのセクションにもジャンプできます:

WordPressでブログロールメニューを作成する

WordPressには素晴らしいメニュー管理機能があり、そのためコアチームはブログロール機能を削除することにした。

通常、WordPressではナビゲーションメニューを使って、サイトのナビゲーションバーやフッターリンクなどにリンクを追加します。

しかし、同じナビゲーションメニューを使ってWordPressでブログロールを作成・管理することもできます。

WordPressでナビゲーションメニューを追加するには、お使いのWordPressテーマによって複数の方法があります。

WordPressの管理エリアの「外観 ” メニュー」に「メニュー」ページが表示されていれば、クラシックテーマを使っていることになります。

一方、「外観 ” エディター」メニューしか表示されない場合は、フルサイトエディター(FSE)テーマを使用しています。 ここからフルサイトエディターの説明に飛ぶことができます。

クラシックテーマから始め、フルサイトエディタを使用するテーマでブログロールナビゲーションメニューを追加する方法を紹介します。

外観 ” メニューのページで新規メニューを作成してください。

Create a new menu

WordPressは新しい空白のメニューを作成し、そのメニューの名前を尋ねるでしょう。WordPressサイト上で作業する際に識別しやすいように、Blogrollと名付けることができます。

メニューの作成』ボタンをクリックして保存することをお忘れなく。

その後、左側の「メニュー項目を追加」列の下にある「カスタムリンク」タブをクリックして展開することができます。

Add custom links to your menu

ここで、ブログまたはWordPressサイトのURLを入力し、ブログのタイトルを「リンクテキスト」フィールドに追加する必要があります。その後、「メニューに追加」ボタンをクリックしてください。

これで、空白のブログロールメニューの右カラムに項目が表示されます。

Add as many custom links you want

これで、ブログロールに表示したいリンクを追加するプロセスを繰り返すことができます。作業が終わったら、「メニューを保存」ボタンをクリックして、ブログロールのリンクを保存するのを忘れないでください。

ブログロールリンクは外部リンクであり、ユーザーをあなたのサイトから引き離し、SEOリンクジュースを渡します。

そのため、ユーザーや検索エンジンがあなたのサイトでより多くの時間を過ごすことができるよう、内部リンクを習慣化する必要があるのです。

ブログロールのリンクをすべて所有しており、ユーザーが他のサイトを表示するためにあなたのサイトを離れることを気にしないのであれば、リンクを追加する必要はありません。

しかし、外部リンクを所有していない場合は、新しいウィンドウで開き、「nofollow」マークを付けることをお勧めします。

これらの追加オプションは初期設定では非表示になっていますが、簡単に解除することができます。

画面右上の「表示オプション」ボタンをクリックしてください。フライダウンメニューが表示されますので、「リンクターゲット」と「リンク関係(XFN)」の設定にチェックを入れてください。

Open screen elements

その後、先ほど追加したリンクまでスクロールダウンし、「カスタマイザーリンク」オプションをクリックして展開します。

リンクを新しいタブで開く」オプションの隣にあるボックスにチェックを入れ、「リンクの関係(XFN)」フィールドに「nofollow」と入力します。

Select open in new tab and enter nofollow link

nofollowまたは新しいウィンドウで開きたいリンクすべてに対して、このプロセスを繰り返すことができます。その後、忘れずに「メニューを保存」ボタンをクリックして変更を保存してください。

nofollowリンクの詳細や使用するタイミングについては、WordPressでnofollowリンクを追加する方法の詳細ガイドをご覧ください。

WordPressサイトにブログロールを表示する

ブログロールの作成が完了したら、WordPressブログにブログロールを追加します。

ブログロールを表示する最も一般的な場所は、サイトのサイドバーです。しかし、ブログロールページを作成して、お勧めのリソースやブログ、興味深いサイトへのリンクをすべて表示することもできます。

外観 ” ウィジェットページに行き、’+’ ボタンをクリックするだけで、ナビゲーションメニューウィジェットブロックをサイドバーに追加できます。

Add a navigational menu widget

その後、ブログロールに表示したいタイトルを入力し、ドロップダウンメニューから先ほど作成したメニューを選択します。

更新」ボタンをクリックして、ウィジェット設定を保存することを忘れないでください。

Enter title for menu and select menu

あなたのサイトにアクセスすると、サイドバーにブログロールが表示されます。

テストサイトではこんな感じだった。

View blog roll menu in sidebar

WordPressテーマにフッターウィジェットエリアがある場合は、フッターエリアにブログロールを表示することもできます。

WordPressダッシュボードから外観 ” ウィジェットページに行き、フッターウィジェットエリアまでスクロールすることで確認できます。

Add navigational menu widget to footer

フッターウィジェットエリアにナビゲーションメニューウィジェットブロックを追加するだけです。

ここから、メニューのタイトルを追加し、ブログロールメニューを選択する必要があります。更新」ボタンをクリックして変更を保存することを忘れないでください。

Select blogroll menu

ブログロールのリンクが実際に表示されているサイトをご覧いただけます。

テストサイトのフッターセクションのブログロールメニューはこんな感じです。

Blog roll in footer

フルサイトエディター(FSE)にブログロールメニューを表示する

フルサイトエディタ(FSE)はブロックベースのWordPressテーマエディタです。ブログの記事を編集するように、ブロックを使ってテーマをカスタマイズできます。

フルサイトエディターは特定のテーマに限定されています。詳しくは、WordPressのフルサイト編集に最適なテーマの投稿をご覧ください。

まず、WordPressのダッシュボードから外観 ” エディタにアクセスします。その後、「カスタマイズ」ボタンをクリックして、完全なサイトエディタを開きます。このチュートリアルでは、Twenty Twenty-Twoテーマを使用します。

Go to full site editor

フルサイトエディタに入ると、ウェブサイトのトップページが表示されます。

先に進み、上部にあるテンプレートの詳細ドロップダウンメニューをクリックします。ここから「フッター」セクションを選択します。

Head to the footer section in FSE

その後、フッターにナビゲーションブロックを追加する必要があります。

上部の「+」ボタンをクリックするだけで、ブロックが追加されます。

Add navigation block to footer

次に、フッターエリアにナビゲーションメニューが表示されます。

右側の設定パネルから「メニュー」ドロップダウンメニューをクリックし、先ほど作成したブログロールメニューを選択することができます。

Select your blogroll menu

カスタムリンクのレイアウトや向きを変更するオプションがあります。

完了したら、変更を保存することを忘れないでください。これで、あなたのサイトにアクセスし、ブログロールの動作を確認することができます。

Preview of blogroll in FSE

WordPressテーマビルダーを使ったブログロールの表示

SeedProdのようなWordPressテーマビルダーを使用している場合は、ブログロールを表示することもできます。

SeedProdは、最高のドラッグアンドドロップWordPressウェブサイトビルダーです。それはあなたがカスタムテーマを作成することができ、事前にビルトインテンプレートを提供し、多くのカスタマイズオプションを提供しています。

このチュートリアルでは、テーマビルダーが含まれているSeedProd Proバージョンを使用します。無料で使えるSeedProd Liteバージョンもあります。

まず、SeedProdプラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

インストールすると、SeedProdのウェルカムページが表示されます。ライセンスキーを入力し、「Verify key」ボタンをクリックしてください。ライセンスキーはSeedProdアカウントエリアにあります。

Entering the SeedProd license key

その後、WordPressダッシュボードからSeedProd ” Theme Builderに移動する必要があります。

次に、上部にある「テーマ」ボタンをクリックする。

Create SeedProd theme

SeedProdは、選択可能なビルトインテーマテンプレートを提供しています。

テンプレートにマウスオーバーし、オレンジ色のチェックボタンをクリックするだけで、テーマを選択できます。

Choose a SeedProd theme

次に、さまざまなテーマ・テンプレートが表示されます。

フッター」テンプレートまでスクロールダウンし、「デザインを編集」オプションをクリックします。

Edit footer design

ドラッグ&ドロップでサイトビルダーが起動します。

WordPressテーマのフッターセクションは、さまざまなブロックを追加してカスタマイズすることができます。ブログロールを追加するには、ナビゲーションメニューブロックをフッターエリアに追加します。

Add the Nav menu block

ナビメニューブロックを追加すると、初期設定のシンプルメニュータイプが表示されます。

左側のメニューから、メニューの種類として「WordPressメニュー」を選択します。次に、ドロップダウンメニューからブログロールを選択します。

Select the blogroll menu

その後、左のメニューから「Advanced」タブに切り替えると、ブログロールのナビゲーションメニューをさらにカスタマイズすることができます。

リストのレイアウトを縦長や横長に変更したり、タイポグラフィ、テキストの色、マウスオーバーの色などを編集することができます。

Customize your nav menu

完了したら、上部にある「保存」ボタンをクリックし、サイトビルダーを終了します。

次に、SeedProdテーマが有効化されていることを確認する必要があります。

Enable SeedProd theme

WordPressダッシュボードからSeedProd ” Theme Builderに行き、’SeedProdテーマを有効化’トグルをクリックするだけです。

カスタムテーマのブログロールメニューをあなたのサイトに表示できるようになりました。

View blogroll in custom theme

詳しくは、コードなしでカスタマイザーの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$編集プロセスをご覧ください。

アバター

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

    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. Jiří Vaněk

    Thank you for the guide. What you think is better, I decide. Like a blogroll, or put it on the RSS page of their website and take excerpts of their article?

    • WPBeginner Support

      It depends on the site, some sites would prefer you not use their RSS on external sites in which case we recommend using the Blogroll method.

      管理者

  3. Jonathan Matos

    This was most helpful, thank you! Very concise and to the point. I utilized the video with ease, and it got the job done; perfectly. I appreciate you.

    Happy holidays!

    • WPBeginner Support

      Glad our guide was helpful :)

      管理者

  4. Pramod Kumar

    Why should we use “no follow” links. Will it matter ?

  5. Rohit Thakur

    Sounds interesting, Right now I’m going to add into my blog. Might be this will help my audience to explore more.

    • WPBeginner Support

      Glad you found our content helpful :)

      管理者

返信を残す

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