SWELLでSNSフォローボタンのアイコンを設置する方法

2026年10月28日

※本記事はアフィリエイト広告を含む記事へのリンクを含みます。

ブログを読んでくれた人に、XやInstagramもフォローしてもらえたらうれしいですよね。でも、どこにSNSのリンクを置けばいいのか、どうやってアイコンを表示するのか迷う方は多いはずです。SWELLならSNSフォローのアイコンを、URLを入れるだけで設置できます。

この記事では、SWELLでSNSフォローボタンのアイコンを設置する方法を手順付きで解説します。私が実際にやってしまった失敗や、フォローにつながる置き方もお伝えしますね。プラグインなしで、数分で設定できますよ。

※まだSWELLを導入していない方へ：SWELLは買い切り型のWordPressテーマなので、一度購入すれば追加費用なしでずっと使えます。この記事で紹介している設定も、ブロックエディタ上でクリックするだけで再現できますよ。

➡️【公式】SWELLの購入ページはこちら

デザインに悩む時間を減らして、記事を書くことに集中できる環境が手に入ります。

ニャフィ

ブログにXのフォローボタンを付けたいにゃ。

たいがブログ

ファンが増えるきっかけになりますね。SWELLなら簡単ですよ。

ニャフィ

どこに置けばフォローしてもらえるのかにゃ？

たいがブログ

設定手順と、効果的な置き場所を順番にお伝えしますね。

▼あわせて読みたい：SNSから読者を呼び込むなら、アクセスが集中しても落ちにくいサーバーが安心です。ブログの土台になるサーバー選びはこちらで解説しています。

SWELLのSNSフォローアイコンとは？設置前に知っておきたい基本

SNSフォローアイコンは、ブログから自分のSNSアカウントへ案内するためのボタンです。記事を気に入ってくれた読者が、そのままフォローしてくれるきっかけになります。

SWELLでは、カスタマイザーの「SNS情報」にアカウントのURLを入力することで、アイコンが表示されるようになります。先にURLを登録し、あとで表示場所を決める流れです。

シェアボタンとフォローボタンの違い

シェアボタンは「記事を広めてもらう」もの、フォローボタンは「自分のアカウントをフォローしてもらう」ものです。私は最初この2つを混同していて、フォローしてほしいのにシェアボタンしか置いていませんでした。目的に合わせて両方を用意するのが理想です。

アイコンは本当に動かしているSNSだけにする

登録できるSNSはいくつもありますが、更新していないアカウントまで並べると逆効果です。以前、ほとんど投稿していないInstagramのアイコンを置いていたら、「更新されていない」と読者に言われてしまいました。今動かしているSNSだけに絞りましょう。

SWELLでSNSフォローアイコンを設置する方法

ここからは、実際にSNSフォローアイコンを表示させる手順を見ていきましょう。カスタマイザーでURLを登録し、表示場所を選ぶだけで完了します。

以前使っていた別のテーマでは、SNSアイコンを並べるためにプラグインと追加CSSが必要でした。SWELLはURLを入れるだけでアイコンが整った形で表示されるので、見た目を整える手間がかかりません。

URLはプロフィールページのものをコピーする

入力するURLは、各SNSの自分のプロフィールページのURLです。投稿のURLを入れてしまうと、フォローではなく特定の投稿に飛んでしまいます。入力後に一度クリックして、正しく開くか確かめましょう。

表示場所はヘッダーやフッターから選ぶ

登録したアイコンは、ヘッダーやフッターなどに表示できます。まずはどのページにも出るヘッダーかフッターに置き、記事を読んだあとに目に入る場所を意識すると効果的ですよ。

STEP

SNSのプロフィールURLをコピーする

XやInstagramなどで自分のプロフィールページを開き、URLをコピーしておきます。

STEP

カスタマイザーのSNS情報を開く

管理画面の「外観」→「カスタマイズ」→「SNS情報」の順に開きます。

STEP

各SNSの欄にURLを入力する

使っているSNSの欄に、コピーしたプロフィールURLを貼り付けます。使わないSNSは空欄のままで大丈夫です。

STEP

アイコンを表示する場所を設定する

カスタマイザーの「ヘッダー」や「フッター」の設定で、SNSアイコンを表示する項目をオンにします。

STEP

公開してリンク先を確認する

「公開」をクリックして保存し、表示されたアイコンを実際に押して、自分のプロフィールが開くか確認したら完了です。

フォローにつながるSNSアイコンの置き方のコツ

アイコンを表示できたら、次は読者が「フォローしたい」と思うタイミングで目に入る置き方を考えていきましょう。ヘッダーやフッターだけでは、なかなか押してもらえないこともあります。

ポイントは、書き手に興味を持った瞬間にアイコンがあることです。置き場所を少し工夫するだけで、フォローのされ方は変わってきます。

記事下の著者情報とセットで見せる

記事を読み終えた読者は、「この人は誰だろう」と著者情報に目を向けます。私はヘッダーにだけアイコンを置いていたころ、ほとんどフォローにつながりませんでした。著者情報にSNSのリンクを添えるようにしてからは、記事経由のフォローが明らかに増えています。

サイドバーのプロフィールにも表示する

パソコンで読む人向けには、サイドバーのプロフィールにもSNSアイコンを並べておくと効果的です。「外観」→「ウィジェット」からSWELLのプロフィール用ウィジェットを追加すれば、顔写真と一緒にアイコンを見せられます。別のテーマでは同じ見た目を作るのに苦労しましたが、SWELLは組み合わせるだけで整います。

▼あわせて読みたい：SNSで発信する内容のヒントは、読者の検索キーワードにも隠れています。無料から使えるキーワード調査ツールの実力はこちらで正直にレビューしています。

SWELLのSNSフォローアイコン設置でよくある質問

URLを入力したのにアイコンが表示されません。: URLの登録だけでなく、ヘッダーやフッターでアイコンを表示する設定がオンになっているか確認しましょう。「公開」の押し忘れやキャッシュも見直してください。
表示したいSNSの入力欄がありません。: 入力欄にないSNSは、記事内やウィジェットにボタンやテキストリンクを置いて案内する方法がおすすめです。必要なSNSだけ見せることを意識しましょう。
フォロワーが少なくても置いたほうがいいですか？: 置いておくのがおすすめです。フォロワー数より、発信を続けているかどうかのほうが大切。私も少ない時期から設置して、少しずつ増えていきました。
SNSのアカウントを変えたらどうすればいいですか？: カスタマイザーの「SNS情報」でURLを書き換えるだけで、サイト全体のアイコンのリンク先がまとめて変わります。著者情報のリンクもあわせて見直しましょう。