広告 AFFINGER

【AFFINGER5】トップページにお知らせを表示する方法【2種類紹介】

2020年9月18日

AFFINGER5お知らせ

AFFINGER5でブログTOPページに「お知らせ」を表示する方法の紹介です。

用途に合わせて使える「2パターンのお知らせ」を紹介します。

 

こんな人のお役に立てる記事です。

小豆
小豆
トップページにお知らせが表示されているブログをたまに見かける。
自分のブログでもやってみたいんだけど、どうやるの?

AFFINGER5でトップページに表示できる2種類のお知らせ

AFFINGER5なら、以下のような「お知らせ」を簡単にトップページに表示することができます。

便利なお知らせ機能

  • 新着記事をお知らせ
  • 電光掲示板型お知らせ

 

  • 新着記事をお知らせ

トップページにお知らせ機能

新着記事を読まれやすくするためのお知らせ機能です。

設定が必要なのは、最初の一回だけ!

設定後は、新規記事を追加する度に自動更新されていきます。

 

  • 電光掲示板型お知らせ

流れるテキスト

ヘッダー下に表示される「電光掲示板」のような見た目のお知らせです。

実際の表示のされ方は、こんな感じ。

流れるテキストで視認性が上がり、とにかく目立ちます。

 

電光掲示板型お知らせは、こんな用途に向いています。

こんな用途で使うと効果的

  • 記事○○を追加しました
  • 新カテゴリー○○を追加しました
  • 記事○○の商品がセール中です
  • 楽天スーパーセールが開催中です
  • Amazonタイムセール祭りに移動する

新着記事お知らせを表示させる方法とカラー設定

新着記事お知らせは、以下の手順で表示します。

お知らせの設定

WordPressメニュー → AFFINGER5管理 → トップページ

お知らせの表示

NEWS(お知らせ)の表示

お知らせをTOPページの一番上に表示するにチェック

※設定後は忘れずに画面下の保存をクリックしてください

 

大福
大福
好みに合わせて、以下の項目も設定しよう。
  • お知らせタイトルバーに表示する文字
  • お知らせに表示するカテゴリ
  • お知らせに表示する件数

 

カラー設定

新着記事お知らせのカラーを変更するには、以下の手順で行います。

お知らせ青

お知らせ赤

WordPressメニュー → 外観 → カスタマイズ → オプションカラー → お知らせ

電光掲示板型お知らせを表示させる方法とカラー設定

電光掲示板型お知らせは、以下の手順で表示できます。

ウィジェットの設定

WordPressメニュー → 外観 → ウィジェット

ヘッダー画像エリア上のウィジェットSTINGERカスタムHTMLを追加

カスタムHTMLを入力

内容に以下のコードを入力

アイコン付き流れるテキストタグ

<div class="st-marquee">
<p><i class="fa fa-hand-o-right"></i> <a href="ここにURLを入力">ここにテキストを入力</a></p>
</div>

※タイトルは空欄のままで大丈夫です

 

大福
大福
赤字部分を入れ替えると、アイコンを変更することができるよ。

アイコンはfontawesomeのものを使用しています。

 

カラー設定

カラーやその他詳細設定は、以下の手順で行います。

ウィジェットの詳細設定

WordPressメニュー → 外観 → カスタマイズ

基本エリア設定 → ヘッダー画像上・下ウィジェット

 

まとめ:お知らせ機能で新規記事にアクセスを流そう

僕が運営しているブログもそうですが、以下のパターンってけっこう多いんですよね。

😐検索から特定記事を訪れる

🤔記事を読み終わった後に、トップページにアクセスする

お知らせ機能を使えば、別の記事から訪れた人を新規記事に誘導することが可能になりますね。

アクセスの集まりづらい新規記事のPVアップに効果的です。

 

  • 関連記事

 

AFFINGER利用者向けオリジナル特典の販売

\ AFFINGER6にも対応済み /

オリジナル特典バナー

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ&役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

  • AFFINGER5利用者向けカスタマイズ集 9選
  • AFFINGER利用者向けカスタマイズ&役立つテクニック 14選

 

2022年1月1日より期間限定で割引販売いたします。
・利用者向けカスタマイズ集 9選:2,980円 → 2,480円
・カスタマイズ&役立つテクニック 14選 4,980円 → 3,980円

 

特典詳細ページへ移動する

Sponsored Links

  • この記事を書いた人

大福

ブロガー兼アフィリエイター歴5年目。
当ブログのアクセス数は月7万PVほど。
月に20万円ほどのブログ収入で、田舎でのんびりと暮らしています。
人懐っこい性格ですが、人見知りです。

-AFFINGER