\クリックで応援!/

AFFINGER WordPress

AFFINGER5トップページ カスタマイズ方法【固定ページも】

よあけウェブ

WEBマスター歴20年以上/元WEBデザイナー(出版社のHPなど)
ブログ収入1000万円突破、メルマガ読者1200人超え
資格:ネットショップ実務士レベル1/基礎心理カウンセラー
趣味:ブログ・音楽・筋トレなど

 

ふなさん
こんにちは よあけウェブです!

 

アフィンガー5のトップページ カスタマイズ方法がわからない・・・ むずかしすぎる・・・

ふなさん
AFFINGER5 アフィンガー5を購入したばかりだとシンプルでおしゃれなカスタマイズ方法がわからないかも知れません。
実はめちゃくちゃ簡単にシンプルなトップページがカスタマイズできます。
同じように固定ページもカスタマイズできます。

 

こんな方におすすめ

  • アフィンガー5トップページのカスタマイズ方法を知りたい人
  • アフィンガー5固定ページのカスタマイズ方法を知りたい人

 

AFFINGER5をまだ購入していない人は当ブログの購入特典を今すぐチェックしてください

当ブログの限定購入特典をチェック!

 

 

AFFINGER5(アフィンガー5)トップページ カスタマイズ方法

ブログ記事をある程度書いたら、トップページを整えましょう。
主にカテゴリーごとのオススメ記事をトップページで構成して、ブログの特徴を読者に印象付ける役割があります。

ふなさん
当ブログ風のトップページカスタマイズ方法を説明します。
私は元WEBデザイナーです。
ここ15年ほどで、ブログ構築も数え切れないほどやってきました。

常に大切にしているのは、見た目のデザインよりもコンテンツ自体が大事だということです。
見た目を個性的にしても読者が読みたいのは基本的に文章です。
文字情報です。

ブログのデザインは本当にシンプルな方が良いのです。

ブログ記事全体のカスタム方法はこちらの記事を参考にしてください。

  • サイト全体の設定
  • フォント設定
  • プロフィール設定

 

アフィンガー5 トップページ カスタマイズ方法

ふなさん
それでは一緒にトップページカスタマイズをして行きましょう!

固定ページをカスタムするにはClassic Editorが必要です。
プラグイン にインストールしておきましょう。

 

スタマイズ手順

  1. 新着記事
  2. バナー風カテゴリ画像
  3. ひとことポイント
  4. おすすめ記事
  5. トップページの設定

 

ふなさん
固定ページを新規作成して固定ページを編集していきしましょう

 

トップページに新着記事を表示させる

新着記事

AFFINGER WordPress

GoogleサーチコンソールでHTMLタグ(メタタグ)を再確認する方法

2021/3/2

サーチコンソールのhtmlタグはどこにあるの?サーチコンソールのHTMLタグが確認 できない!サーチコンソール タグの埋め込みってどうすれば?! ブログテーマを変更したので、サーチコンソール ...

AFFINGER WordPress

WordPressテーマ AFFINGERとSWELL 特典・アフィリエイト比較

2021/2/26

いちろー AFFINGERはブロックエディタに対応してないからもうオワコンWordPressテーマだよね? やっぱりSWELL一択ですな! ちょいまち! AFFINGERもアップデートしてAFFING ...

AFFINGER WordPress

WordPressブロックエディタ(Gutenberg)の使い方

2021/2/20

WordPressは2018年のアップデートで標準エディタがブロックエディタ(Gutenberg)になりました。 ふなさん クラシックエディタを使っていた人は、はじめは戸惑うことが多いかもしれません。 ...

これを表示させてみましょう。

タグ →記事一覧カード →カテゴリ一覧

これで記事一覧のタグを挿入できます。

このようなタグが入ります。

タグの説明:cat=

cat="" カテゴリの数字を入れます。
0なら全ての記事が出ます。
カテゴリ数値を入力すれば、指定のカテゴリの記事のみが新着順で表示されます。

カテゴリ数値はカテゴリ設定ページに表示されているカテゴリIDのことです。

タグの説明:cat=

page="3" 表示する記事数を指定します。
当ブログでは3記事にしています。
新着記事よりもおすすめ記事を読んでもらいたいからです。

 

トップページにバナー風カテゴリ画像を表示させる

経験20年以上の元WEBデザイナーが教える初心者のためのブログ構築術

これを表示させてみましょう。

タグ →ボックスデザイン →バナー風ボックス →基本

これでバナー風カテゴリ画像を挿入できます。

このようなタグが入ります。

タグの説明:url=

url="" 記事カテゴリーのURLを入力します。
タイトルをクリックしたらリンクします。

タグの説明:title=

title="" タイトル名を入力します。

タグの説明:margine_bottom=

margine_bottom="" バナー風カテゴリ画像のしたのマージン(空きスペース)を設定します。
当ブログの場合「16」で設定しています。

ふなさん
たったこれだけでバナー風カテゴリ画像ができちゃいます。
ほかにも応用できるので覚えておくと便利です。

 

ひとことポイントの表示

経験20年以上の元WEBデザイナーが教える初心者のためのブログ構築術

これを表示させてみましょう。

タグ →テキストパーツ →ポイント

これで挿入できます。

このようなタグが入ります。

記事を読みたくなるような文言を入力しましょう。

おすすめ記事がどんな内容なのか、はじめて訪れた人に直感的にわかってもらうために、一言コメントを入れます。
記事を積極的にクリックして読んでもらうためです。
気持ちをぐっとひと押し。

 

トップページにおすすめ記事を表示させる

これを表示させてみましょう。
これはカード設定を使っています。

記事編集画面のカード(ブログカード)をクリック

これでカードタグを挿入できます。

このようなタグが入ります。

記事IDは記事編集画面のURL部分に表示される「?post=0000000」の数値部分です。

これでおすすめ記事を呼び出すことができます。
好きなだけ設定しましょう。
多すぎても記事を読んでもらえない可能性があるので、あなたのブログの人気記事や絶対に読んでもらいたい記事を厳選して設定しましょう。

 

いちろー
同じ要領でいくつかのおすすめ記事を設定していきます。

 

作成した固定ページをブログのトップページに設定する

固定ページの編集が完了したら、いよいよブログのトップページに設定します。

ブログトップページを表示させた状態 →カスタマイズ →ホームページ設定 作成した固定ページを選択して保存

これで設定完了です。
準備した固定ページがブログのトップページになっているはずです。
トップページを確認しましょう。

これでAFFINGER5のトップページ設定はとりあえず完了!

お疲れ様でした!

 

【超重要】AFFINGER5 おすすめ記事の設定

ヘッダーカード、サイドバーのおすすめ記事の設定方法とおすすめ記事の選定の理論を画像付きで具体的に解説しました。

 

【6特典付】AFFINGER5購入レビュー|損をしない買い方とは?

アフィンガー5の特典付き購入方法と当ブログのオリジナル特典について説明しました。

 

アフィンガー5(AFFINGER5)はこんな人におすすめ

  • HTML + CSSの知識がなくても記事の装飾をよくしたい
  • 個人でアフィリエイトや情報発信を本格的に始めたい
  • 無料のものを使うより有料のものを使って利益に差をつけたい
  • ブログを高速化させてSEO対策をしたい
  • 検索順位を上げてアクセスと収益を上げたい

 

アフィンガー5(AFFINGER5) 当ブログ限定特典

特典のサンプルはこちら

当ブログからアフィンガー5(AFFINGER5)を購入してくれた人にオリジナルの特典を用意しました。

この特典は当ブログが独自に用意した非公式の特典なので他では入手できません。
特典に関するお問い合わせ等はYoake Webまでお願いします。

 

YOAKE WEBオリジナル10特典・内容

  • AFFINGER5 特典1 稼げるキーワード
  • AFFINGER5 特典2 会員限定有料ブログ閲覧権(通常9800円)
  • AFFINGER5 特典3 ブログの始め方
  • AFFINGER5 特典4 セルフプロデュース講座
  • AFFINGER5 特典5 自動収益システム構築法
  • AFFINGER5 特典6 あなたにメリットをもたらす"7つの習慣"速習
  • AFFINGER5 特典7 【2020年】AdSense(アドセンス)審査に合格する方法
  • AFFINGER5 特典8 再配布OKの特典プレゼント
  • AFFINGER5 特典9 WordPress・AFFINGER5 構築チェックシート
  • AFFINGER5 特典10 ブログ動画講座(30分)

 

ふなさん
趣味でブログをやりたい人なら無料テーマで十分ですが、速く結果を出したい稼ぎたいブロガーは速攻で使うべきブログテーマです。

私もプチ目標である月収50万円をはるかに超えることができました。

 

AFFINGER5 / WING

当ブログ限定特典付きで購入

パワフルに収入UP!SEOに強い本格WordPressテーマ

 

 

ブログを読んだらクリックでお知らせしてくれると飛んでよろびますヽ(´▽`)/

LINE登録でプレゼント

初心者にとってはじめの1万円を稼ぐハードルが高いのです

ブログではじめの1万円を稼ぐ方法

 

\迷わずにはじめの一歩を踏み出すブログ入門/

・ブログの始め方

・ブログの固定ファンを増やす方法

・【特別掲載】AdSense審査に合格する方法

友だち追加

おしらせ

ネットはやっぱり面白い: 20年ほどネットで稼いでいる変な人の思考 (YOAKE Web) Kindleを出版しました。 『ネットはやっぱり面白い』 令和、新型コロナ、外出自粛・・・ どんどん時代が変わる中、1999年から20年ほどネットで稼ぎ続けている変な人が書いた本。 とにかく現代では最低限生きていくために必要なことのひとつとして、求められていることは「自宅に居ながらにして収入を得る」ということではないだろうか? Amazonで購入

にほんブログ村 ブログブログ ブログノウハウへ

\記事が役に立ったと思ったらシェアや感想をお願いします/

  • この記事を書いた人
  • 最新記事

よあけウェブ

WEBマスター歴20年以上/元WEBデザイナー(出版社のHPなど)
ブログ収入1000万円突破、メルマガ読者1200人超え
資格:ネットショップ実務士レベル1/基礎心理カウンセラー
趣味:ブログ・音楽・筋トレなど

-AFFINGER, WordPress