ワードプレス

「AFFINGER5 管理」のおすすめ設定例を全公開:前編【デザイン/トップページ/投稿・固定記事/ヘッダー/メニュー】

affinger-management-first-20200304_ec



今回は、このブログでも愛用中のWordPressテーマ「WING(AFFINGER5)」における…

「AFFINGER5 管理」のおすすめな設定例

をまとめて公開していく、その「前編」です

具体的には…

  • デザイン
  • トップページ
  • 投稿・固定記事
  • ヘッダー
  • メニュー

この5つのパートになります

ちなみに、「後編」については ↓ から♪

affinger-management-second-20200305_ec
「AFFINGER5 管理」のおすすめ設定例を全公開:後編【おすすめ記事一覧/SNS/SEO/Google連携・広告/会話・ファビコン/その他】

続きを見る

まず「AFFINGER5 管理」とは、WordPress管理画面のなかの…

affinger-management-first-20200304_top-01

↑ ここのこと(オレンジ部分!)

ブログのいろんな設定がまとめて簡単にできちゃうよ

ただ、設定できる項目がたくさんある分、ブログ初心者の方には…

  • なにからどう手をつければいいのか、正直わからない
  • 無難でおすすめな設定を、とりあえず一通り知りたい

というのも本音かなと思います

なのでこの記事では、僕が実際に自分のブログで設定している内容を、一例として全公開しておこうと思います

それではさっそく見ていきましょー🐥

このブログのWordPress環境

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

【デザイン~メニュー編】AFFINGER5 管理の「おすすめな設定例」一覧

まずは、AFFINGER5 管理の画面を開きましょう(下記手順です)

affinger-management-first-20200304_top-01

↑ WordPress管理画面 > AFFINGER5 管理 > AFFINGER5 管理 をクリックします

ここからは、5つのパートにわけて見ていきますね🐥

まずはデザインから!

【AFFINGER5 管理】デザイン

pc-work-202001_01

まずは、AFFINGER5 管理の画面から…

affinger-management-first-20200304_1-01

↑ 左側一覧の「デザイン」タブをクリックしましょう

affinger-management-first-20200304_1-02

↑ ここはすべて、初期設定のままです

affinger-management-first-20200304_1-03

↑「PC閲覧時のサイトの幅」の欄に、 1114 と入力します

ちなみに「1114px」という数値にしてる理由は、「Googleアドセンス広告の横並び表示」に対応させるためです

アドセンス広告の並列表示には、この「1114px」というのがサイトの幅として必要な最低ラインになります

そのほかは初期設定のままです

affinger-management-first-20200304_1-04

↑「抜粋設定」から…

  • PC閲覧時の「ブログカード」及びコンテンツ内の「おすすめ記事」の抜粋を非表示にする

にチェックを入れます

そのほかは初期設定のままです

affinger-management-first-20200304_1-05

↑「フォントのサイズ」で、「スマートフォン閲覧時」のなかの…

  • 「基本」のサイズ → 17
  • 「H2タグ」のサイズ → 19

つづいて、「PC閲覧時」のなかの…

  • 「基本」のサイズ → 17
  • 「H4タグ」のサイズ → 18

とそれぞれ入力します

そのほかはすべて、初期設定のままです

affinger-management-first-20200304_1-06

↑ すべて初期設定のままです

affinger-management-first-20200304_1-07

↑ 同じく初期設定のままです

これで、「デザイン」タブの設定はOKです

こんな感じでサクサク進めてくよ!

【AFFINGER5 管理】トップページ

pc-work-202001_02

同じく左側の一覧から…

affinger-management-first-20200304_2-01

↑「トップページ」タブをクリックしましょう

affinger-management-first-20200304_2-02

↑ ここは初期設定のままです

affinger-management-first-20200304_2-03

↑「記事一覧」から…

  • 新着記事一覧に表示する見出し

に、 新着記事 と入力します

また…

  • トップページのサイドバーの新着記事一覧を非表示にする

にチェックを入れます

そのほかは初期設定のままです

affinger-management-first-20200304_2-04

↑ ここはすべて初期設定のままです

これで、「トップページ」の設定もOK🐥

おつぎは投稿・固定記事!

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

【AFFINGER5 管理】投稿・固定記事

pc-work-202001_03

また左側の一覧から…

affinger-management-first-20200304_3-01

↑「投稿・固定記事」タブをクリックしましょう

affinger-management-first-20200304_3-02

↑「投稿・固定記事設定」から…

  • 記事一覧・関連記事一覧などにカテゴリを表示する

にチェックを入れます(最初から入ってれば、そのままでOK!)

つづいて…

  • PC閲覧時に記事下のアドセンス広告を横並びにする

にチェックを入れます

そのほかは初期設定のままです

affinger-management-first-20200304_3-03

↑「コメント」から…

  • コメント欄・コメントフォームを非表示にする

にチェックを入れます

また、「アイキャッチ設定」から…

  • アイキャッチ画像の表示を全ての記事で有効化する

にチェックを入れます

そのほかは初期設定のままです

affinger-management-first-20200304_3-04

↑ ここも初期設定のままです

affinger-management-first-20200304_3-05

↑ 同じく初期設定のままです

affinger-management-first-20200304_3-06

↑ 初期設定のままです

これで、「投稿・固定記事」の設定もOK🐥

今度はヘッダー!

【AFFINGER5 管理】ヘッダー

pc-work-202001_04

この「ヘッダー」タブについては、すべて初期設定のままになります

なので一応、設定画面だけ載せておきますね🐥

左側の一覧から…

affinger-management-first-20200304_4-01

↑「ヘッダー」タブをクリックしましょう

affinger-management-first-20200304_4-02

↑ 初期設定のままです

affinger-management-first-20200304_4-03

↑ 初期設定のままです

affinger-management-first-20200304_4-04

↑ 初期設定のままです

次が「前編」の最後、メニュー!

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

【AFFINGER5 管理】メニュー

pc-work-202001_05

同じく左側の一覧から…

affinger-management-first-20200304_5-01

↑「メニュー」タブをクリックしましょう

affinger-management-first-20200304_5-02

↑ ここは初期設定のままです

affinger-management-first-20200304_5-03

↑「スマホ用スライドメニュー」から…

  • アイコン下に「MENU」「CLOSE」を追加する

にチェックを入れます

ちなみに、この「スマホ用スライドメニュー」の作成手順は ↓ をどうぞ♪

affinger-slide-menu-setting-20200301_ec
AFFINGER5で「スマホ用スライドメニュー」を作成する手順【WordPressブログ】

続きを見る

「スマホ用スライドメニュー」のカスタマイズは ↓ から♪

affinger-customize-slide-menu-20200302_ec
AFFINGER5で「スマホ用スライドメニュー」の色とデザイン設定をカスタマイズする手順【WordPressブログ】

続きを見る

そのほかは初期設定のままです

affinger-management-first-20200304_5-04

↑「その他のスマホ用メニュー」から…

  • スマホ用ミドルメニューを表示する

にチェックを入れます

1番下側の save をクリックして、一度設定を保存しましょう

その後、同じ ↑ の場所で…

  • ヘッダー画像より下に表示

を選択します(ここは「スマホ用ミドルメニュー」にチェックを入れて一度 save しないと、選択できない仕様になってます)

ちなみに、「スマホ用ミドルメニュー」の作成手順は ↓ をどうぞ♪

affinger-menu-setting-20200228_ec
【スマホ用もあり】AFFINGER5で「ヘッダー&フッターメニュー」を作成する手順【WordPressブログ】

続きを見る

「スマホ用ミドルメニュー」のカスタマイズは ↓ から♪

affinger-color-setting-header-menu-202002-ec
WING AFFINGER5で「ヘッダーメニューの色設定」をカスタマイズする手順【WordPressブログ】

続きを見る

そのほかは初期設定のままです

今回の「AFFINGER5 管理の設定例:前編」は、これで以上となります

大変お疲れさまでした♪

あずき🐥

このブログで使用中のワードプレステーマ

本気でブログ収益化するなら /

WING AFFINGER5 バナー01

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-ワードプレス

© 2020 あずきのぶろぐ。