この記事では、AFFINGER6でヘッダー下にサムネイルスライドショーを設置する方法を初心者向けに詳しく解説しています。
下の画像のようにヘッダー下にスライドショーを設置する方法です。
ヘッダー下にスライドショーを設置する方法
「AFFINGER管理」→「ヘッダー下/おすすめ」→「サムネイルスライドショー」の項目で設定できます。
「サムネイルスライドショー」の各項目について
「サムネイルスライドショー」でスライドショーの詳細な設定をすることができます。
各項目を詳しく見ていきましょう。
① スライドショーを表示するページの設定
無効 | 無効にチェックを入れるとスライドショーは表示されません |
フロントページ | トップページのみスライドショーを表示させたいときにチェック |
全ページ | 全ページにスライドショーを表示させたいときににチェック |
ここの「フロントページ」または「全ページ」にチェックを入れて設定を保存するだけで、スライドショーの設置は可能です!
以下で詳細な設定をすることができます。
② 表示させるカテゴリーIDの設定
カテゴリーIDの入力欄にID番号を入力すれば、そのカテゴリー内の記事がスライドショーとして表示されます。
カテゴリーIDは「投稿」→「カテゴリー」から確認することができます。
カンマで番号を区切って入力することで、複数のカテゴリー内の記事表示が可能です。
③ 表示数
表示端末ごとのスライドショーの列数を指定することができます。
PC(960px以上)、タブレット(959~600px)、スマホ(599px以下)順に5~1で「, (半角カンマ)」で区切って列数を指定できます。
特にデフォルトのままで問題ないと思います。
④ 取得記事数と表示方法の詳細設定
スライドショーの取得記事数や表示の詳細設定をすることが可能です。
取得記事数 |
昇順/降順 |
ID/投稿日/更新日/ランダム |
子カテゴリーを除外する |
日付を表示しない |
センター寄せにする |
画像+テキスト/画像のみ |
画像を角丸にする |
画像に影を付ける |
画像をフルサイズにする |
デフォルトのままで問題ないですが、自分の好みを確認しながら設定してみてください。
設定したら画面したの「Save」ボタンを押して保存するのを忘れないでください。
スライドショーに背景画像を設定する方法
スライドショーの背景色を設定したり背景画像を設定することができます。
設定は「外観」→「カスタマイズ」→「ヘッダー画像エリア/下ウィジェット」で設定可能です。
ヘッダーエリア下項目で背景画像をアップロードするだけで設定可能です。
背景画像にアップロードする画像のサイズは「2200×500ピクセル」程度がお勧めです。
以上がヘッダー下にスライドショーを設置する方法になります。
ブログの記事を書くのに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のステマ規制対策-広告表記を表示させる方法