SWELLの「よかったらシェアしてね」の削除＆変更完全ガイド

SWELLでブログを書いていると、記事下に出てくる「よかったらシェアしてね！」の一文が、ちょっと気になることはありませんか。

この記事では、SWELLのシェアメッセージ「よかったらシェアしてね！」の消し方・変え方、両端の「＼」「／」だけをCSSで消す方法まで、ひと通りまとめて紹介します。

結論からいうと、この一文はSWELLの設定と少しのCSSで、かなり簡単に自分のブログらしいメッセージに変えられます。

SWELLの「よかったらシェアしてね」とは？表示場所と役割

SWELLのSNSシェアボタンに出る「よかったらシェアしてね」

SWELLの「よかったらシェアしてね！」は、多くのブログで、記事本文のすぐ下にあるSNSシェアボタンの上に表示されています。

イメージを表にすると、こんな配置です。

場所	要素	役割
記事下エリア	「よかったらシェアしてね！」テキスト	読者にシェアをお願いする一言メッセージ
記事下エリア	SNSシェアボタン（XやLINEなど）	実際にシェアしてもらうためのボタン
記事下エリア	URLコピーやいいねのボタンなど	読者のアクションを増やすための補助要素

この一言があることで、「読んで終わり」ではなく「よかったらシェアしてね」という一歩先の行動を、やんわり促してくれています。

なぜ「よかったらシェアしてね」を変えたくなるのか

便利な一文ではあるのですが、そのままだと気になる場面もあります。私が実際に感じたのは、こんな違和感でした。

• ビジネス寄りの内容なのに、少しカジュアルすぎて浮いて見える
• 「よかったら」という柔らかさが、自分のブランドイメージと少し違う
• サイト全体のトーンやデザインと、微妙に噛み合っていない

逆に、この一文を整えてあげるだけで、記事下の雰囲気が驚くほど変わります。

• きちんとしたサイトなら、少しフォーマルな言い回しにする
• 優しいブログなら、感謝の気持ちを前に出したメッセージにする
• ブログ名やキャラクター名を入れて、覚えてもらいやすくする

こんなふうに、自分のサイトに合う言葉を選んであげると、「あ、ここまでちゃんと作り込まれているんだな」と読者に伝わりやすくなります。

SWELLで「よかったらシェアしてね」を変更・非表示にする基本設定

カスタマイザーで文言を変える3ステップ

まずは、一番王道の「文言を書き換える方法」です。SWELLでは、カスタマイザーの中にシェアメッセージ用の入力欄が用意されています。

大まかな流れは次の3ステップです。

ステップ	操作内容	ポイント
1	WordPress管理画面で「外観」→「カスタマイズ」を開く	SWELLのデザイン関連の設定は、基本的にここから行います
2	「投稿・固定ページ」→「SNSシェアボタン」を選ぶ	シェアボタンの表示位置やデザインも、この画面でまとめて設定できます
3	「『記事下部シェアボタン』の上に表示するメッセージ」の欄を編集する	ここに初期状態で「よかったらシェアしてね！」が入っています

この入力欄に、自分の好きな文章を入れれば、そのまま記事下のメッセージとして表示されます。

たとえば、こんな書き換え方が考えられます。

自分が読者の立場だったら、どんな言葉なら気持ちよくシェアできるかを想像しながら、一文を選んでみてください。

文言を消して「よかったらシェアしてね」を非表示にする

メッセージ自体が不要な場合は、文言を丸ごと消してしまうこともできます。やることはとてもシンプルです。

• 先ほどの「『記事下部シェアボタン』の上に表示するメッセージ」欄を開く
• 中に入っている「よかったらシェアしてね！」の文字をすべて削除する
• 何も入力しない状態のまま、「公開」ボタンで保存する

これで、シェアボタン自体は残しつつ、上のメッセージだけを非表示にできます。

記事下をすっきり見せたい人や、すでに別の場所（例えば、本文の最後の一文）でシェアをお願いしている人には、このやり方が合っていると思います。

よくあるつまずきポイントと確認しておきたいこと

設定自体は簡単なのですが、意外とつまずきやすいポイントもあります。よくあるパターンを先にまとめておきます。

• キャッシュ系プラグインを使っていて、変更がすぐに反映されない
• ブラウザのキャッシュが残っていて、前の「よかったらシェアしてね！」が表示され続ける
• 子テーマやカスタマイズで、シェアボタン周りのHTMLやCSSを変更している

もし設定を変えたのに反映されないときは、次のように確認してみてください。

• 別のブラウザやシークレットウィンドウでページを開き直してみる
• 使用中のキャッシュプラグインがあれば、一度キャッシュを削除する
• 子テーマを使っている場合は、一時的に親テーマに切り替えて表示が変わるか確認する

私も最初は「設定を変えたのに反映されない…」と焦りましたが、落ち着いてキャッシュを確認すると、すんなり解決することがほとんどでした。

CSSで「＼」「／」だけ消したい人向けのSWELLカスタマイズ

before/afterで装飾されているイメージ

SWELLでは、「＼」「／」の記号がテキストに直接書かれているのではなく、CSSの::beforeと::afterという機能を使って自動的に付けられています。

イメージとしては、次のような構成です。

項目	説明
本体テキスト	「よかったらシェアしてね！」の文字そのもの
before	テキストの前に付く「＼」の装飾
after	テキストの後ろに付く「／」の装飾

この仕組みのおかげで、入力欄には「よかったらシェアしてね！」だけを書いておけば、前後の「＼」「／」は自動で付けてくれるようになっています。

CSSで装飾をオフにする考え方

両端の「＼」「／」だけを消したい場合は、メッセージ本体はそのままにして、CSS側で::beforeと::afterを非表示にします。

おおまかな流れは次の通りです。

• ブラウザの検証ツールで、シェアメッセージ部分のクラス名を確認する
• SWELLの場合、メッセージ部分は「.c-shareBtns__message」内の「span.__text」に入っている
• この要素に対して、::beforeと::afterをdisplay: none;にするCSSを書く

具体的には、WordPress管理画面の「外観」→「カスタマイズ」→「追加CSS」に、次のようなコードを追加します。

.c-shareBtns__message span.__text::before { display: none; }

.c-shareBtns__message span.__text::after { display: none; }

この2行を追加すると、メッセージの両端に自動で付いていた「＼」「／」だけが非表示になり、「よかったらシェアしてね！」の文字だけがすっきり表示されるようになります。

表示が変わらないときのチェックリスト

CSSを追加したのに表示が変わらない場合は、次のような原因が考えられます。

状況	よくある原因	確認ポイント
まったく変化がない	指定しているクラス名が違っている	検証ツールで、追加CSSが対象の要素に効いているか確認する
PCでは変わるがスマホでは変わらない	スマホ用のCSSが別に書かれている	メディアクエリ（@media）内で同じ要素が上書きされていないかチェックする
たまに元に戻る	キャッシュの影響	キャッシュ削除後にもう一度表示を確認する

一見むずかしそうに見えますが、落ち着いて一つずつ潰していけば、必ず原因は見つかります。自分で触るのが不安なときは、テスト用のサイトやステージング環境で先に試してみると安心です。

クリックされやすい「よかったらシェアしてね」の文言アイデア集（SWELL向け）

ブログタイプ別おすすめ文言一覧

ブログのジャンルや読者層によって、しっくり来るメッセージは少しずつ変わります。いくつかパターンを表にまとめました。

ブログタイプ	おすすめの文言例	雰囲気
特化ブログ・解説系	「この記事がお役に立ったら、シェアで応援してもらえると嬉しいです。」	落ち着いた丁寧な印象
雑記ブログ・日常系	「よかったらシェアしてね。あなたの一言が更新のエネルギーになります。」	親しみやすい印象
仕事・ビジネス系	「同じ課題で悩んでいる方にも届くよう、よろしければシェアをお願いします。」	きちんとした印象
商品レビュー・アフィリエイト系	「同じ商品で迷っている人の参考になるよう、シェアで広めてもらえると助かります。」	読者への配慮が伝わる印象

そのまま使ってもいいですし、「ブログ名」「運営者名」「キャラクター名」などを入れて、少しアレンジしてもOKです。

文字数・言い回しのコツ

文言を考えるときは、次のポイントを意識すると、読みやすくて押しつけがましくないメッセージになります。

• 1〜2行程度におさまる長さにする
• 「シェアして」「応援して」だけでなく、読者のメリットも一言添える
• 絵文字や顔文字は、サイトの雰囲気に合う範囲で控えめに使う

例えば、同じお願いでも、言い方によって印象はかなり変わります。

• きつく感じる例：「必ずシェアしてください。」
• やわらかい例：「もし少しでも参考になったと感じたら、シェアしてもらえるととても励みになります。」

自分が読者だったら、「この一言なら気持ちよく応援できるな」と思える表現を探してみてください。

SWELLのシェアボタン全体を見直して、シェアされやすい導線にしよう

シェアボタンの表示位置とおすすめの使い分け

SWELLでは、シェアボタンをいくつかの位置に表示できます。それぞれの特徴をまとめると、次のようになります。

表示位置	特徴	おすすめの使い方
記事上	読み始める前に目に入るが、クリックは少なめになりがち	キャンペーンやお知らせなど、最初に目に入れたい記事向け
記事下	読み終わったタイミングで、そのままシェアしてもらいやすい	多くのブログで基本となる配置
画面端の固定表示	スクロールしている間もずっと見えている	長文記事やスマホからの閲覧が多いブログ向け

個人的には、「記事下＋画面端固定」の組み合わせがバランスが良くて好きです。読み終わったときにも、読みながらふと「シェアしようかな」と思ったときにも、どちらも押しやすくなります。

ボタンデザインとサイト全体の世界観を合わせる

SWELLは、シェアボタンのデザインもいくつか用意されています。ここをサイト全体の雰囲気と合わせてあげると、統一感が出て素人感が消えていきます。

• 丸みのあるボタンは、やさしい・親しみやすいデザインのサイトと相性がいい
• シンプルなアイコンだけのボタンは、ミニマルなレイアウトとよく合う
• アクセントカラーをブログのブランドカラーに寄せると、全体の世界観がまとまりやすい

シェアメッセージのトーンと、ボタンのデザインをセットで考えると、「ちゃんと考えて作っているサイト」という印象を与えやすくなります。

アクセス解析でシェアの効果をざっくり見る方法

細かい分析までやりきらなくても、「シェアメッセージを整えた効果がありそうか」をざっくり見ることはできます。

• アクセス解析ツールで、XやLINEなどSNSからのアクセスがどのくらいあるかを見る
• メッセージを変える前後で、SNSからの流入に変化があるかを比べてみる
• 特定の記事だけSNS経由のアクセスが多い場合、その記事の文言や配置を他の記事にも生かしてみる

「数字を完璧に分析しないと…」と身構える必要はありません。ざっくりとした変化を見るだけでも、次の改善のヒントが見えてきます。

よくある質問

Q1. SWELLで「よかったらシェアしてね！」が出てこない・消えないのはなぜ？

A. まずはカスタマイザーの設定を確認してみてください。シェアメッセージを表示する入力欄が空欄になっている場合は、そもそも何も表示されません。

逆に、「よかったらシェアしてね！」の文字を消したのに画面上で変わらない場合は、キャッシュプラグインやブラウザのキャッシュが原因になっていることが多いです。キャッシュを削除したうえで、別のブラウザやシークレットウィンドウから確認すると、正しく反映されているかチェックしやすくなります。

Q2. 固定ページやLPでも「よかったらシェアしてね！」を出したいです

A. SWELLでは、投稿ページと固定ページでシェアボタンの扱いが少し異なる場合があります。固定ページに同じデザインのシェアボタンとメッセージを表示したいときは、専用のブロックやショートコード、カスタマイズ用のコードを使って再現する方法があります。

ただ、HTMLやPHPの編集が必要になることもあるので、自信がない場合は制作者さんや詳しい方に相談しながら進めるのがおすすめです。

Q3. SWELL以外のテーマでも「よかったらシェアしてね！」を使えますか？

A. 文章としての「よかったらシェアしてね！」は、どのテーマでも自由に使えます。ただし、SWELLと同じ位置やデザインで表示するには、そのテーマ独自のシェアボタン設定やウィジェット、カスタムHTMLブロックなどを使って調整する必要があります。

どのテーマでも共通して言えるのは、「自分のブログのトーンに合ったメッセージにしてあげると、読者にとって自然な印象になる」ということです。

まとめ：SWELLの「よかったらシェアしてね」を自分らしく整えよう

この記事の内容を振り返ります

今日できる最初の一歩としては、まずカスタマイザーを開いて、シェアメッセージの入力欄を確認してみてください。そのうえで、自分のブログの雰囲気に合う一言に書き換えたり、思い切って非表示にしてみたりして、「これだ」と思える形を探してみましょう。

ほんの一文を整えるだけでも、記事下の印象はガラッと変わります。自分らしい「よかったらシェアしてね！」を見つけて、読者との距離が少し近くなるきっかけにしてもらえたら嬉しいです。