広告

AFFINGER6でヘッダー下にスライドショーを設置する方法

AFFINGER6でヘッダー下にスライドショーを設置する方法
パパクマ
パパクマ

この記事では、AFFINGER6でヘッダー下にサムネイルスライドショーを設置する方法を初心者向けに詳しく解説しています。

下の画像のようにヘッダー下にスライドショーを設置する方法です。

AFFINGER6:ヘッダー下スライドショー

ヘッダー下にスライドショーを設置する方法

「AFFINGER管理」→「ヘッダー下/おすすめ」→「サムネイルスライドショー」の項目で設定できます。

「AFFINGER管理」の「ヘッダー下/おすすめ」項目

「サムネイルスライドショー」の各項目について

「サムネイルスライドショー」でスライドショーの詳細な設定をすることができます。

「AFFINGER管理」のサムネイルスライドショー設定画面

各項目を詳しく見ていきましょう。

① スライドショーを表示するページの設定

無効無効にチェックを入れるとスライドショーは表示されません
フロントページトップページのみスライドショーを表示させたいときにチェック
全ページ全ページにスライドショーを表示させたいときににチェック
パパクマ
パパクマ

ここの「フロントページ」または「全ページ」にチェックを入れて設定を保存するだけで、スライドショーの設置は可能です!

以下で詳細な設定をすることができます。

② 表示させるカテゴリーIDの設定

カテゴリーIDの入力欄にID番号を入力すれば、そのカテゴリー内の記事がスライドショーとして表示されます。

カテゴリーIDは「投稿」→「カテゴリー」から確認することができます。

カンマで番号を区切って入力することで、複数のカテゴリー内の記事表示が可能です。

WordPressカテゴリー画面

③ 表示数

表示端末ごとのスライドショーの列数を指定することができます。

PC(960px以上)、タブレット(959~600px)、スマホ(599px以下)順に5~1で「, (半角カンマ)」で区切って列数を指定できます。

特にデフォルトのままで問題ないと思います。

④ 取得記事数と表示方法の詳細設定

スライドショーの取得記事数や表示の詳細設定をすることが可能です。

取得記事数
昇順/降順
ID/投稿日/更新日/ランダム
子カテゴリーを除外する
日付を表示しない
センター寄せにする
画像+テキスト/画像のみ
画像を角丸にする
画像に影を付ける
画像をフルサイズにする

デフォルトのままで問題ないですが、自分の好みを確認しながら設定してみてください。

設定したら画面したの「Save」ボタンを押して保存するのを忘れないでください。

スライドショーに背景画像を設定する方法

スライドショーの背景色を設定したり背景画像を設定することができます。

設定は「外観」→「カスタマイズ」→「ヘッダー画像エリア/下ウィジェット」で設定可能です。

WordPress「外観」→「カスタマイズ」→「ヘッダー画像エリア/下ウィジェット」

ヘッダーエリア下項目で背景画像をアップロードするだけで設定可能です。

背景画像にアップロードする画像のサイズは「2200×500ピクセル」程度がお勧めです。

ヘッダーエリア下項目で背景画像をアップロード

以上がヘッダー下にスライドショーを設置する方法になります。

AFFINGER6(アフィンガー6)は初心者でも簡単にオシャレなブログを作成できるWordPress有料テーマです。

AFFINGER6(アフィンガー6)について詳しく知りたい方はこちらの記事をご覧になってください。

AFFINGER6(アフィンガー6)の価格・特徴・使い方まとめ
AFFINGER6の始め方-初心者向けスタートアップガイド

2024/5/14  

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...

AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】

「AFFINGER6(アフィンガー6)」を利用できるようにするまでの流れ 「AFFINGER6(アフィンガー6)」の利用までの流れは次のようになっています。 AFFINGER6(アフィンガー6)の購入 ...

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることが可能です。

無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。

無料お試しがずっと可能なAI記事作成ツール
無料お試しがずっと可能なAIライティングツール

2024/3/26    ,

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...