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

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

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

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

小豆

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

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

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

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

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

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

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

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

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

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

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

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

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

NEWS（お知らせ）の表示

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

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

大福

好みに合わせて、以下の項目も設定しよう。

カラー設定

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

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

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

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

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

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

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

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

大福

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

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

カラー設定

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

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

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

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

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

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

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

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

＼ AFFINGER6にも対応済み ／

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

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

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