初心者の方は
トップページの編集方法がわからない・・・
という方も多いのではないでしょうか。
「トップページの編集をAFFINGER管理から行うのは解るけど・・・」
「通常の記事作成みたいにできないの・・・」
そんな悩みを抱えている方向けの記事になります。
難しく考える必要はありません。
マイブロック機能を活用すれば、通常の記事作成と同じ要領で作成した内容をトップページとして表示させることができます。
では、順を追って解説していきます。
トップページの内容を自由に編集する方法
- マイブロック機能でトップページのコンテンツを作成する
- ショートコードをコピーする
- AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける
① マイブロック機能でトップページのコンテンツを作成する
まずトップページのコンテンツをマイブロック機能で作成します。
「マイブロック」→「新規追加」をクリックします。
記事作成と同様の要領でトップページのコンテンツを作成します。
タイトルは表示されませんので、「トップページ」とでも入力しておけばOKです。
例えば、下画像では「記事一覧ブロック」や「カテゴリー記事一覧ブロック」を挿入して見出しごとに関連記事を表示させるようなトップページコンテンツを作成してあります。
コンテンツの作成が完了したら「公開」をクリックしてください。
② ショートコードをコピーする
作成したマイブロックのショートコードをコピーします。
③ AFFINGER管理の「挿入コンテンツ」にショートコードを貼り付ける
「AFFINGER管理」→「トップページ」→「挿入コンテンツ」の入力欄にコピーしたショートコードを貼り付けます。
貼り付け終わったら「Save」をクリックして保存します。
これで作成したコンテンツをトップページに表示できました。
こんな感じに表示されます。
〇 コンテンツを変更する方法
トップページのコンテンツを変更したい場合は、マイブロック内のコンテンツを変更すれば自動で変更されます。
見出しのデザインを変更してみました。
更新すれば、トップページの表示に反映されます。
こんな感じにトップページに内容が反映されます。
これでトップページに好きなようにコンテンツを表示させることができました。
トップページのカスタマイズは他にもウィジェットを利用する方法やAFFINGER管理で「タブ式カテゴリー」を表示させたり「お知らせ」を表示させたりもできます。
トップページにお知らせ(NEWS)を挿入する方法
-
AFFINGER6:トップページにお知らせ(NEWS)を挿入する方法
2024/7/18 AFFINGER6(アフィンガー6), AFFINGER6デザインカスタマイズ
下画像のような「お知らせ」(NEWS)をトップページに表示させる方法です。 「お知らせ」(NEWS)を挿入する手順 「お知らせ」(NEWS)の挿入は「AFFINGER6管理」→「トップページ」→「Ne ...
トップページにタブ式カテゴリーを表示させる方法
-
AFFINGER6:トップページにタブ式カテゴリーを表示させる方法
2024/7/18 AFFINGER6(アフィンガー6), AFFINGER6デザインカスタマイズ
この記事がお勧めな方 AFFINGER6でトップページのカスタマイズをしたい方 AFFINGER6でタブ式カテゴリーの表示方法を知りたい方 下のようなタブ式カテゴリーを表示させる方法です。 タブ式カテ ...
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
AFFINGER6:記事一覧
- AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
- (通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
- AFFINGER6を実際に利用したガチ評価-2年以上愛用して感じたメリットとデメリット
- AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
AFFINGER6の購入とインストール方法
- AFFINGER6の購入方法と購入プランの選び方
- AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!
- AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
AFFINGER6の設定関係
- AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
- AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】
- AFFINGER6のアップデート方法(2パターンを解説)
- AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法
- AFFINGER6:Googleサーチコンソールへの登録方法
- AFFINGER6のステマ規制対策-広告表記を表示させる方法