この記事には広告が含まれています。

AFFINGER6でトップページを自由にカスタマイズする方法|初心者でもできる完全ガイド

AFFINGER6でトップページを自由にカスタマイズする方法|初心者でもできる完全ガイド

初心者の方は

トップページの編集方法がわからない・・・

という方も多いのではないでしょうか。

「トップページの編集をAFFINGER管理から行うのは解るけど・・・」

「通常の記事作成みたいにできないの・・・」

そんな悩みを抱えている方向けの記事になります。

難しく考える必要はありません。

マイブロック機能を活用すれば、通常の記事作成と同じ要領で作成した内容をトップページとして表示させることができます。

では、順を追って解説していきます。

  • マイブロック機能でトップページのコンテンツを作成する
  • ショートコードをコピーする
  • AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける

① マイブロック機能でトップページのコンテンツを作成する

まずトップページのコンテンツをマイブロック機能で作成します。

「マイブロック」→「新規追加」をクリックします。

AFFINGER6:マイブロック機能

記事作成と同様の要領でトップページのコンテンツを作成します。

タイトルは表示されませんので、「トップページ」とでも入力しておけばOKです。

例えば、下画像では「記事一覧ブロック」や「カテゴリー記事一覧ブロック」を挿入して見出しごとに関連記事を表示させるようなトップページコンテンツを作成してあります。

AFFINGER6:マイブロック機能で作成したトップページ

コンテンツの作成が完了したら「公開」をクリックしてください。

② ショートコードをコピーする

作成したマイブロックのショートコードをコピーします。

AFFINGER6:マイブロック機能のショートコード

③ AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける

「AFFINGER管理」→「トップページ」→「挿入コンテンツ」の入力欄にコピーしたショートコードを貼り付けます。

AFFINGER管理にショートコードを貼り付け

貼り付け終わったら「Save」をクリックして保存します。

これで作成したコンテンツをトップページに表示できました。

こんな感じに表示されます。

AFFINGER6:トップページ編集例

〇 コンテンツを変更する方法

トップページのコンテンツを変更したい場合は、マイブロック内のコンテンツを変更すれば自動で変更されます。

見出しのデザインを変更してみました。

AFFINGER6:トップページ編集例

更新すれば、トップページの表示に反映されます。

こんな感じにトップページに内容が反映されます。

AFFINGER6:トップページ編集例

これでトップページに好きなようにコンテンツを表示させることができました。

トップページのカスタマイズは他にもウィジェットを利用する方法やAFFINGER管理で「タブ式カテゴリー」を表示させたり「お知らせ」を表示させたりもできます。

下画像のような「お知らせ」(NEWS)をトップページに表示させる方法です。

AFFINGER6:お知らせ(News)

「お知らせ」(NEWS)の挿入は「AFFINGER6管理」→「トップページ」→「News(お知らせ)の表示」から行います。

詳しくはこちらの記事をご覧になってください。

関連記事:

AFFINGER6:トップページにお知らせ(NEWS)を挿入する方法
AFFINGER6:トップページにお知らせ(NEWS)を挿入する方法

2025/12/25    

下画像のような「お知らせ」(NEWS)をトップページに表示させる方法です。 「お知らせ」(NEWS)を挿入する手順 「お知らせ」(NEWS)の挿入は「AFFINGER6管理」→「トップページ」→「Ne ...

下のようなタブ式カテゴリーを表示させる方法です。

AFFINGER6:タブ式カテゴリ一覧

タブ式カテゴリーは「AFFINGER管理」→「トップページ」→「タブ式カテゴリ一覧」で設定できます。

詳しくはこちらの記事をご覧になってください。

関連記事:

AFFINGER6:トップページにタブ式カテゴリーを表示させる方法
AFFINGER6:トップページにタブ式カテゴリーを表示させる方法

2025/12/25    

この記事がお勧めな方 AFFINGER6でトップページのカスタマイズをしたい方 AFFINGER6でタブ式カテゴリーの表示方法を知りたい方 下のようなタブ式カテゴリーを表示させる方法です。 タブ式カテ ...

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6の使い方【まとめ】-初心者向けガイド-
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2025/7/8    

AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...

2025/12/2

【2025年版】AFFINGER6購入プラン徹底比較|通常版・EX版・セット販売どれを選ぶべき?

「AFFINGER6を買いたいけど、どのプランを選べばいいの?」 「通常版とEX版、結局どっちがいいの?」 そんな迷いを抱えていませんか? AFFINGER6は、ブログ収益化を本気で目指す多くのブロガーが愛用するWordPressテーマです。 しかし、公式ページには「通常版」「EX版」「セット販売」など複数のプランがあり、初心者が最初にどれを選ぶべきか分かりづらいのが正直なところ。 この記事では、AFFINGER6を実際に愛用している筆者が、各プランの違いと選び方を目的別・レベル別に分かりやすく比較。 「 ...

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2025/12/10

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内容を初心者向けに詳しく解説しています。 AFFINGER6を使ってみたいなぁと思った方は参考にしてみてください。 価格 14,800円(税込み) 有名ブロガーさん多数使用のWordPressテーマ! 「稼ぐ」に特化!アフィリエイトサイトにお勧め! 高いカスタマイズ性能! 直感操作で初心者にもおすすめ! このブ ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2025/12/10

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 機能比較表:AFFINGER6 vs AFFINGER6 EX 機能AFFINGER6AFFINGER6 EX記事のカード化無限スクロール機能トップページの1カラム化ヘッダーナビゲーション・ ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2025/12/10

AFFINGER6は初心者でも大丈夫?使いやすさと評判を実体験から解説!

「AFFINGER6って難しそう…初心者でも使いこなせるの?」 そんな不安を持っていませんか? AFFINGER6(アフィンガー6)は、“収益化に強い”WordPressテーマとして多くのブロガーから高い評価を得ています。 ただ、初めて有料テーマを導入する人にとっては「設定が大変そう」「操作が複雑そう」と感じることもあるでしょう。 この記事では、実際にAFFINGER6を使っている筆者が、初心者でも安心して使える理由と導入前に知っておくべきポイントをわかりやすく解説します。 AFFINGER6は初心者にこ ...

AFFINGER6のメリット・デメリットを本音レビュー|本気で収益化したい人向けWordPressテーマ

2026/1/3

AFFINGER6のメリット・デメリットを本音レビュー|本気で収益化したい人向けWordPressテーマ

AFFINGER6は、「ブログで本気で収益を出したい人」向けに作られたWordPressテーマです。 ブログで稼ぎたい アフィリエイト収益を伸ばしたい 無料テーマでは限界を感じている こう感じているなら、AFFINGER6は有力な選択肢になります。 一方で、 設定が難しそう 初心者には向かない? SWELLなど他テーマとどっちがいい? と迷っている人が多いのも事実です。 この記事では、実際にAFFINGER6を使ってきた経験をもとに、メリット・デメリットを正直に解説し、「買うべき人・買わなくていい人」をは ...

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

2026/1/7

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 この記事では、両テーマを実際に使った筆者が、デザイン・操作性・SEO・収益化・カスタマイズ性などあらゆる角度から徹底比較します。 『SWELL』と『AFFINGER6』の二択! という方向けの記事なので、迷っている方は参考 ...

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

2025/12/15

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 有料テーマを検討する初心者の多くが「どっちがいいんだろう?」と悩むところです。 結論から先に言います。 収益化を本気で狙うなら ・・・AFFINGER 操作性・デザイン・手軽さ重視なら・・・ THE THOR この結論は、「 両テーマを実際に使った視点」を踏まえたうえでのものです。 この記事では、「結局どっちを選べばいいの?」という悩みに対して、徹底的に解説します。 比較前に知っておくべき大前提 ...

AFFINGER6をおすすめする5つの理由【買う価値ある?】

2026/1/4

【2025年版】AFFINGER6をおすすめする5つの理由|買う価値は?実際に使って分かった魅力を解説

WordPressでブログを始めようと思ったとき、多くの初心者が最初につまずくのが 「テーマ選び」 です。 種類が多すぎて違いが分からない 無料と有料、どちらがいいのか迷う 初心者でも扱えるテーマなのか不安 そんな中で、「本気で稼ぎたい初心者」 におすすめできるテーマがAFFINGER6(アフィンガー6) です。 この記事では、ブログ初心者の視点からAFFINGER6をおすすめする理由を5つ分かりやすく解説します。 この記事はこんな人にお勧め WordPressを始めたばかりの初心者 将来的にブログで収益 ...

AFFINGER6で農業向けサイトを作成する手順-初心者向け-

2025/12/10

AFFINGER6で農業向けサイトを作成する手順-初心者向け-

AFFINGER6で農業サイトを作成してみました。 サンプルサイトはイチゴ農園をイメージして作成してあります。 こんな感じです→○○いちご農園 「農業サイトを作りたい」 そう思っても初心者の方は何をしていいのかわからないと思います。 そこで、基本的な農業サイトが手順に沿って完成できるように詳しく解説していきます。 まずは基本的なサイトを作り、自分なりにデザインを工夫していくのが、初心者の方にはお勧めです。 ちなみにAFFINGER6のバージョンは「AFFINGER6EX: 20250802 」です。 上位 ...

AFFINGER6購入者限定:読了率(スクロール量)計測プラグインが無料配布!

2025/11/12

AFFINGER6購入者限定:読了率(スクロール量)計測プラグインが無料配布!

AFFINGER6購入者限定で無料プラグイン:読了率(スクロール量)計測プラグインが使用できるようになりました。 読了率(スクロール量)計測プラグインとは? 読了率(スクロール量)計測プラグインは「読者が記事をどれくらい読んでくれたか」を視覚化してくれるプラグインです。 どの見出しまで読んでくれたのかをパーセントで表示してくれます。 見出しレベルは「H2」「H3」が計測対象のようです。 読者が記事のリンクをクリックした際はアクションとしてログに残ります。 実際の表示 ログの実際表示はこんな感じです。 読了 ...