AFFINGER

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

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の評判
AFFINGERの評判を使用歴1年の僕が解説【見本サイトも紹介】

続きを見る

関連
AFFINGER5お気に入り記事装飾
AFFINGER5でお気に入りの機能や記事装飾20選【2020年版】

続きを見る

関連
AFFINGER5
AFFINGER5をお得に購入する方法【結論:特典内容で選ぶ】

続きを見る

こちらの記事もよく読まれています

  • この記事を書いた人
大福

大福

人間関係に嫌気がさして10年間務めた会社を退職。その後3年間のニート生活を送る。自宅にいながらパソコン1台で稼げることを知り、現在はストレスフリーな毎日を送っています。このサイトではブログやアフィリエイトで稼ぐ方法を発信しています。自宅にいながら稼げるって素晴らしい♪

-AFFINGER

© 2020 大福日記