AFFINGER6：トップページのカスタマイズ方法【初心者向け】

初心者の方は

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

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

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

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

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

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

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

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

トップページの内容を自由に編集する方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

トップページにお知らせ（NEWS）を挿入する方法

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

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

→　AFFINGER6：トップページにお知らせ（NEWS）を挿入する方法

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

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

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

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

AFFINGER6の使い方

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

AFFINGER6：関連記事