SWELLでお知らせバーを設定する方法とクリックされるコツ

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

新しい記事やキャンペーンの情報を、読者にいち早く届けたいと思ったことはありませんか。せっかく大事なお知らせがあっても、記事の中に埋もれていては気づいてもらえませんよね。SWELLのお知らせバーなら、サイトの一番上で目立たせられます。

この記事では、SWELLでお知らせバーを設定する方法を手順付きで解説します。私が実際にやってしまった失敗や、クリックされやすい文言のコツもお伝えしますね。設定はカスタマイザーだけで、数分で完了しますよ。

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

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

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

ニャフィ

サイトの一番上に、お知らせを出したいにゃ。

たいがブログ

目立たせたい情報がありますよね。SWELLなら簡単にできますよ。

ニャフィ

派手すぎて邪魔にならないか心配だにゃ…

たいがブログ

設定手順と、なじむデザインのコツを順番にお伝えしますね。

▼あわせて読みたい:お知らせで読者を呼び込むなら、ページの表示速度も大切です。ブログの土台になるサーバー選びはこちらで解説しています。

あわせて読みたい
エックスサーバーの評判は本当?初心者ブログで実際に使ってみた正直レビュー 本記事はアフィリエイト広告を含みます。 「エックスサーバーって評判いいって聞くけど、初心者の自分でも本当に使いこなせるのかな」と不安になっていませんか。 サー...
目次

SWELLのお知らせバーとは?設定前に知っておきたい基本

お知らせバーは、サイトのヘッダー付近に横長の帯でメッセージを表示する機能です。どのページを開いても目に入るので、伝えたい情報を確実に届けられますよ。

設定はすべてカスタマイザーの「お知らせバー」から行います。文言・リンク先・色の3つを決めておけば、迷わず設定できます。

お知らせバーの主な使い道

新着記事の告知や、特に読んでほしい収益記事への誘導によく使われます。私も人気のレビュー記事へのリンクを置いたところ、トップページ以外から訪れた読者にも読まれるようになりました。サイト全体に表示される導線として、とても便利です。

文言は短く、ひと目で伝わるものにする

お知らせバーは細い帯なので、長い文章はスマホで途切れてしまいます。私は最初、説明を詰め込みすぎて2行に折り返し、ヘッダーが窮屈に見える失敗をしました。20文字前後に収めると、すっきり見せられますよ。

SWELLでお知らせバーを設定する方法

ここからは、実際にお知らせバーを表示させる手順を見ていきましょう。カスタマイザーの右側でプレビューを見ながら調整できます。

以前使っていた別のテーマでは、同じ表示をするのにプラグインが必要でした。SWELLは標準機能だけで完結するので、余計なプラグインを増やさずに済みます。

表示位置はヘッダーの上か下から選ぶ

お知らせバーはヘッダーの上か下に表示できます。サイト名より先に見せたいなら上、ヘッダーのデザインを崩したくないなら下がおすすめです。実際に両方を試して、なじむ方を選びましょう。

色はブログのメインカラーに合わせる

目立たせたいからといって、ブログと関係ない派手な色を使うと浮いてしまいます。メインカラーに合わせた背景色にすると、自然に目を引きつつ統一感も保てますよ。文字色とのコントラストも忘れずに確認しましょう。

STEP
カスタマイザーのお知らせバーを開く

管理画面の「外観」→「カスタマイズ」→「お知らせバー」の順に開きます。

STEP
表示位置を選ぶ

お知らせバーの表示位置で、ヘッダーの上か下のどちらかを選びます。選ぶとプレビューにバーが表示されますよ。

STEP
お知らせの文言とリンク先を入力する

表示したいテキストと、クリックしたときのリンク先URLを入力します。リンクをボタン形式で見せる設定もあります。

STEP
背景色と文字色を整える

背景色や文字色を、ブログのメインカラーに合わせて設定します。背景効果を選べば、グラデーションなどの演出も加えられます。

STEP
公開してスマホ表示を確認する

「公開」をクリックして保存し、スマホで文言が途切れていないかを確認したら完了です。

お知らせバーをクリックされやすくする運用のコツ

お知らせバーは設置しただけでは、なかなかクリックされません。大切なのは文言の工夫と、こまめな入れ替えです。

サイト全体に表示されるぶん、中身が古いままだと信頼を損ねることもあります。「設定したら終わり」ではなく、育てていくパーツだと考えましょう。

読者のメリットが伝わる文言にする

私は最初「新着記事を公開しました」とだけ書いていましたが、ほとんどクリックされませんでした。そこで「初心者向けサーバーの選び方を解説中」のように、読むと何がわかるかを入れたところ、反応が目に見えて増えています。読者目線のひと言が、クリックの決め手になります。

終わったお知らせは放置しない

以前、終了したキャンペーンのお知らせを出しっぱなしにしてしまい、読者から指摘されたことがありました。期限のある情報は、終わったらすぐに差し替えるのが鉄則です。カレンダーに見直し日を入れておくと、うっかり放置を防げますよ。

▼あわせて読みたい:お知らせバーで案内する記事も、検索から読まれてこそ価値が高まります。無料から使えるキーワード調査ツールの実力はこちらで正直にレビューしています。

あわせて読みたい
ラッコキーワードレビュー|無料から使えるキーワード調査ツールはブログ運営に本当に使えるか正直に話... 本記事はアフィリエイト広告を含みます。 「ラッコキーワード、無料で使えると聞くけど、有料プランまで必要なのか正直知りたい」という人はいませんか。記事のネタを探...

SWELLのお知らせバー設定でよくある質問

設定したのにお知らせバーが表示されません。

まずは表示位置が「表示しない」になっていないか確認しましょう。カスタマイザーで「公開」を押し忘れていないか、キャッシュが残っていないかもチェックしてみてください。

リンクを付けずに文字だけ表示できますか?

できます。リンク先URLを空欄にすれば、お知らせの文字だけを表示できます。サイトの方針や休止のお知らせなどに使うと便利ですよ。

お知らせバーは常に表示しておくべきですか?

伝えたい情報があるときだけで十分です。中身のないお知らせを出し続けると、読者が見なくなってしまいます。必要なときに使いましょう。

プラグインのお知らせバーとどちらがいいですか?

SWELLを使っているなら標準機能で十分です。私も以前はプラグインを使っていましたが、SWELLに移ってからは管理がひとつにまとまり、ぐっと楽になりました。

【当サイト限定特典】:今月中に下記の公式特設ページから申し込むと、最大30%OFF(月額693円〜)の圧倒的コスパで国内シェアNo.1の超高速環境が手に入ります。

➡️【公式】エックスサーバーの限定特設ページはこちら

設定さえ終われば、今日からすぐにブログを書き始められます。この機会にぜひ一歩踏み出してみてください。

まとめ:お知らせバーで大切な情報を確実に届けよう

SWELLのお知らせバーは、カスタマイザーで表示位置・文言・色を決めるだけで設置できます。読者のメリットが伝わる文言にして、終わったお知らせはすぐ差し替えるのが成果につながるコツでした。

サイト全体に表示される、とても強力な導線です。まずは一番読んでほしい記事へのリンクを、お知らせバーに置いてみてください。

ニャフィ

サイトの一番上にお知らせが出たにゃ!

たいがブログ

お疲れさまでした!これで大事な情報を見逃されませんね。

ニャフィ

短い文言ほど、誤字がないか気になるにゃ…

たいがブログ

手頃な料金で使える校正ツールのレビューもぜひどうぞ。

▼あわせて読みたい:全ページに表示される文言だからこそ、ミスは避けたいもの。お手頃価格で始められる日本語校正ツール「Shodo」を実際に使ってみた感想をまとめています。

あわせて読みたい
Shodo(ショドー)レビュー|日本語校正ツールはブログ運営に本当に使えるか正直に話します 本記事はアフィリエイト広告を含みます。 「Shodo、無料で使えると聞くけど、有料プランまで必要なのか正直知りたい」という人はいませんか。記事を公開したあとに誤字...

おすすめ記事

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次