初心者の方は
トップページの編集方法がわからない・・・
という方も多いのではないでしょうか。
「トップページの編集をAFFINGER管理から行うのは解るけど・・・」
「通常の記事作成みたいにできないの・・・」
そんな悩みを抱えている方向けの記事になります。
難しく考える必要はありません。
マイブロック機能を活用すれば、通常の記事作成と同じ要領で作成した内容をトップページとして表示させることができます。
では、順を追って解説していきます。
トップページの内容を自由に編集する方法
- マイブロック機能でトップページのコンテンツを作成する
- ショートコードをコピーする
- AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける
① マイブロック機能でトップページのコンテンツを作成する
まずトップページのコンテンツをマイブロック機能で作成します。
「マイブロック」→「新規追加」をクリックします。
記事作成と同様の要領でトップページのコンテンツを作成します。
タイトルは表示されませんので、「トップページ」とでも入力しておけばOKです。
例えば、下画像では「記事一覧ブロック」や「カテゴリー記事一覧ブロック」を挿入して見出しごとに関連記事を表示させるようなトップページコンテンツを作成してあります。
コンテンツの作成が完了したら「公開」をクリックしてください。
② ショートコードをコピーする
作成したマイブロックのショートコードをコピーします。
③ AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける
「AFFINGER管理」→「トップページ」→「挿入コンテンツ」の入力欄にコピーしたショートコードを貼り付けます。
貼り付け終わったら「Save」をクリックして保存します。
これで作成したコンテンツをトップページに表示できました。
こんな感じに表示されます。
〇 コンテンツを変更する方法
トップページのコンテンツを変更したい場合は、マイブロック内のコンテンツを変更すれば自動で変更されます。
見出しのデザインを変更してみました。
更新すれば、トップページの表示に反映されます。
こんな感じにトップページに内容が反映されます。
これでトップページに好きなようにコンテンツを表示させることができました。
トップページのカスタマイズは他にもウィジェットを利用する方法やAFFINGER管理で「タブ式カテゴリー」を表示させたり「お知らせ」を表示させたりもできます。
トップページにお知らせ（NEWS）を挿入する方法
下画像のような「お知らせ」（NEWS）をトップページに表示させる方法です。
詳しくはこちらの記事をご覧になってください。
→ AFFINGER6：トップページにお知らせ（NEWS）を挿入する方法
トップページにタブ式カテゴリーを表示させる方法
下のようなタブ式カテゴリーを表示させる方法です。
詳しくはこちらの記事をご覧になってください。
→ AFFINGER6：トップページにタブ式カテゴリーを表示させる方法
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
例えば、こんなツールです。
詳しくはこちらの記事で→ 無料お試しがずっと可能なAIライティングツール
広告
AFFINGER6：記事一覧
-
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2025/2/14
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内 ...
-
-
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
2025/3/7 AFFINGER6
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）A ...
-
-
『SWELL』ってどうなの？-実際に利用したメリットとデメリットをガチレビュー！
2025/2/21 SWELL
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 １７，６００円（税込み） シンプル＆高機能なWordPressテーマ！ 最 ...
-
-
AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由
2025/3/7 AFFINGER6
AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...
AFFINGER6の購入とインストール方法
-
-
【知っておくべき！】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択！
2025/3/12 AFFINGER6
AFFINGER6を使ってみたい！ という方に ちょっと待ってください！ AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
-
AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
2025/2/18 AFFINGER6
AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 価格 １４，８００円（税込み） 有名ブロガーさん多数使用のWordPressテーマ！ 「稼ぐ」に ...
-
-
AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法
2025/3/9 AFFINGER6
この記事ではAFFINGER６の上位版である「AFFINGER６EX」へのアップグレード方法を解説しています。 AFFINGER６EX版にアップグレードする為の条件 AFFINGER６からEX版にアッ ...
AFFINGER6の設定関係
-
-
AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
2025/3/6 AFFINGER6
「ブログで稼ぎたい！」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...
-
-
AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
2025/2/19 AFFINGER6
AFFINGER6にお勧めのプラグインを９つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは？ 「プラグイン」とはワードプレスを ...
-
-
AFFINGER6で今使っているバージョンを確認する方法
2025/3/12 AFFINGER6
AFFINGER6に限らずテーマを最新の状態にアップデートすることは大切です。 ここでは、AFFINGER6で今使っているバージョン情報を確認する方法やアップデートに関する内容を解説しています。 バー ...
-
-
AFFINGER６のアップデート方法（２パターンを解説）
2024/12/30 AFFINGER6
この記事がお勧めな方 AFFINGER６のアップデート方法を知りたい方 AFFINGER６の手動でのアップデート方法が知りたい方 AFFINGER６で自動更新のお知らせを設定する方法を知りたい方 AF ...
-
-
AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
2025/3/9 AFFINGER6
ここではAFFINGER6（アフィンガー６）でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6（アフィンガー６）では簡単にGoogleアナリティクスを導入して ...
-
-
AFFINGER6：Googleサーチコンソールへの登録方法
2025/3/9 AFFINGER6
Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...
-
-
AFFINGER6のステマ規制対策-広告表記を表示させる方法
2025/3/8 AFFINGER6
この記事ではステマ規制対策としてAFFINGER6（アフィンガー6）で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは２０２３年１０月から開始された「ステルスマーケティング」に対す ...
AFFINGER6の使い方
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/3/8 AFFINGER6
この記事はAFFINGER6（アフィンガー6）の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本！見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...
AFFINGER6のデザインカスタマイズ
-
-
AFFINGER6のカスタマイズ方法-初心者向けガイド-
2025/3/8 AFFINGER6
この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...