
このような疑問にお答えします。
✓本記事の執筆者
Twitter:かずき(@k03mind)
AFFINGER5では、実は超簡単におしゃれなスライドショーを表示されることができます。
知らない人が多いですが、2分もあれば表示されることができる簡単な作業なので、すぐに設定方法をマスターしておきましょう。
今回はトップページに表示させる方法や記事内で表示させる方法など、網羅的に解説していきます。

それではさっそく解説していきます。
※本記事はすでにAFFINGER5を購入している人向けの記事です。もし、まだ購入されていないのであれば、下記の記事をどうぞ☟
目次
AFFINGER5(アフィンガー)スライドショーの基礎知識
設定方法を解説する前に、まずは基礎知識から。
必要ない人は、AFFINGER5(アフィンガー)スライドショーの設定方法をどうぞ。ワンクリックで設定方法の解説まで飛べます。
スライドショーを表示させるには、ショートコードを入力する必要があります。(ワンクリックで挿入できます)
(画像のため、コピーできません。また、画像が見えにくい場合は拡大してください)
このショートコードには一つ一つ意味があります。
- st-catgroup cat="カテゴリID指定"
- page="読み込み数"
- orderby="id"
- child="子カテゴリーの読み込み"
- slide="スライドショーのオンオフ"
- slide_to_show="列数の指定"
- slide_more="続きを読む"
- slide_center="off"
覚える必要はないですが、完璧にスライドショーを理解したい人は覚えておきましょう。
さて、このショートコードを入力するとこのように表示されます☟
スライドショーの具体的なイメージができたでしょうか?
これで基礎知識についての解説は終了です。続いては、スライドショーの設定方法を解説していきますね。
AFFINGER5(アフィンガー)スライドショーの設定方法
スライドショーの設定方法について、下記の6パターンに分けて解説します☟
- トップページに表示させる方法
- ヘッダー上に表示させる方法
- 記事内に表示させる方法
- 画像だけ表示させる方法
- 画像+テキストだけ表示させる方法
- ウィジェットを使って表示させる方法
上記を理解すれば、スライドショーの設定については完璧に理解できます。
それでは一つずつ解説していきますね。
1.トップページに表示させる方法
これから解説する方法を実践すれば、下記のようにトップページにスライドショーを表示させることができます。
設定手順は次の通り☟
手順
- AFFINGER5管理をクリック
- トップページをクリック
- 挿入コンテンツを見つける
- タグをクリック
- 記事一覧をクリック
- カテゴリー一覧(スライドショー)をクリック
画像付きで解説していきますね。
まずはWordPress管理画面の、「AFFINGER5管理」→「トップページ」をクリックし、「挿入コンテンツ」を見つけてください。
挿入コンテンツが見つかれば「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」をクリック。
すると、ショートコードが出力されます。

ちなみにショートコードについては編集が可能。お好みで編集してください。
どう編集すればいいかわからない人は、とりあえず当サイトと同じにしておけばOK☟

2.ヘッダー上に表示させる方法
続いては、ヘッダー上にスライドショーを表示させる方法について。
この設定ができれば、下記のように表示させることができます☟
設定手順は次の通り☟
手順
- AFFINGER5管理をクリック
- ヘッダーをクリック
- 記事スライドショー設定を見つける
- ヘッダーに記事をスライドショーで表示するに✓
画像付きで解説していきますね。
まずはWordPress管理画面の、「AFFINGER5管理」→「ヘッダー」をクリックしてください。
そこから「記事スライドショー設定」で、「ヘッダーに記事をスライドショーで表示する」にチェックを入れて下さい。
最後に保存をクリックで設定完了です。
3.記事内に表示させる方法
続いては、記事内にスライドショーを表示させる方法について。
設定手順は次の通り☟
手順
- タグをクリック
- 記事一覧をクリック
- カテゴリー一覧(スライドショー)をクリック
やり方は先ほど解説した「トップページに表示させる方法」と同じです。分からない人のために、もう一度解説しますね。
まずはスライドショーを表示させたい記事を開き、表示させたい箇所をクリック。
そこで、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。
これで記事内にスライドショーを表示させることができます。

4.画像だけ表示させる方法
続いては、画像だけのスライドショーを表示させる方法について。
テキストが不要だと感じた場合に使える表示方法で、この設定ができれば、下記のように表示させることができます☟
設定手順は次の通り☟
手順
- タグをクリック
- 記事一覧をクリック
- カテゴリー一覧(スライドショー)をクリック
- コードの一番最後にある「type=」のあとに「card」と入力
コードの出力方法は今まで解説した内容と同じで、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。
そして、出力されたコードの一番最後にある「type=」のあとに「card」と入力すればOKです。

5.画像+テキストだけ表示させる方法
続いては、画像+テキストだけのスライドショーを表示させる方法について。
画像だけでは寂しいと感じた場合に使える表示方法で、この設定ができれば下記のように表示させることができます☟
設定手順は次の通り☟
手順
- タグをクリック
- 記事一覧をクリック
- カテゴリー一覧(スライドショー)をクリック
- コードの一番最後にある「type=」のあとに「text」と入力
先ほど解説した方法とほとんど同じ。
まずは、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。
そしてコードの一番最後にある「type=」のあとに「text」と入力すればOKです。

6.ウィジェットを使って表示させる方法
続いては、ウィジェットを使ったスライドショーを表示させる方法について。
この設定ができれば、自分の好きな場所にスライドショーを表示させることができます。
設定手順は次の通り☟
手順
- 外観をクリック
- ウィジェットをクリック
- コードを入力
画像付きで解説していきますね。まずは、コードのコピーが必要です。
適当な記事でもいいですし、すでに作成しているスライドショーでもいいので、コードをコピーしてください。
コードの出力は次の通り☟
「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」をクリックし、コードを出力します。
出力したコードを全てコピーしてください。
次にWordPress管理画面から、「外観」→「ウィジェット」をクリック。
スライドショーを表示させたい箇所をクリックし、「テキスト」に先ほどコピーしたコードを貼り付けて下さい。
今回は試しに、サイドバートップにスライドショーを表示させてみます。
まずは「サイドバートップ」に「テキスト」をドラッグ。(テキストは下にスクロールすると見つかります)
そして、「テキスト」にコードを貼り付け。
最後に保存をクリックすれば完了です。次のようにスライドショーが表示できました。
ウィジェットを使えばサイト内のどこにでもスライドショーを表示させることができるので、お好きな箇所に表示させてみましょう。
以上、AFFINGER5(アフィンガー)スライドショーの設定方法についてでした。
スライドショーは非常にすばらしい機能なので、どんどん使っていきましょう。
また、スライドショー以外にもAFFINGER5にはまだまだ面白い便利な機能が実装されています。
ということで、続いてはその他の便利機能についてご紹介したいと思います。
AFFINGER5(アフィンガー)の面白い便利な機能3選
スライドショー以外にも便利で面白い機能がありまして、それが下記の3つ☟
- 吹き出し機能
- ブログカード
- ランキング機能
非常に面白い機能なので、こちらもどんどん使っていくべきです。
どのような機能なのか、一つずつ解説しますね。
1.吹き出し機能


吹き出し機能とは、上記のようにキャラクターで会話をさせることができる機能のことです。
これは本来プラグインを導入しなければできないのですが、AFFINGER5はプラグインなしで使用可能です。
これを使うことのメリットは、メリハリのある記事を書けるという点。
文字だけではどうしても読みにくいので、読みやすさを向上させることができます。

また、LINEのように記事を書けるので、読者が普段見慣れている文章を見せることができます。
読みやすい記事はとにかく読まれます。読まれれば成約につながる。
収益アップに欠かせない機能なので、どんどん使っていきましょう。
吹き出し機能の設定については、こちらの【アフィンガー5】吹き出し機能の設定から使い方まで徹底解説を参考にしてください。
2.ブログカード
ブログカードとは次のようなもの☟
-
[購入特典あり]稼げるテーマ!アフィンガー5の購入&導入手順
続きを見る
これを使うことで、次に読んでもらう記事に誘導することができます。
サイト内を回遊してもらうためにはこのような内部リンクは必須ですが、内部リンクに気づかないことが結構あります。
というのも、読者は基本的には記事を読みません。
流し読みをしていることがほとんどなので、内部リンクに気づかない場合が結構あるんですよね。

そこで使えるのがブログカード。テキストリンクより圧倒的に目立つので、次に誘導したい記事を強調することができます。
特に収益記事への誘導は絶対に取りこぼしたくないので、誘導したい記事がある場合はブログカードを使ってみましょう。
ブログカードの設定については、こちらのアフィンガー5のブログカードの作り方。2秒で作れます。を参考にしてください。
3.ランキング機能
ランキング機能とは次のようなもの☟
この機能は、とにかく目立ちます。
収益アップの可能性を秘めているので、自分が最も売りたい商品をランキングで作成しましょう。
ちょっと設定が面倒くさいですが、一度設定が完了すればその後はショートコードを入力するだけでOK。
しんどいのは最初だけなので、面倒くさい作業はさっさと終わらせてしまいましょう。
ランキング機能の設定については、こちらのアフィンガー5のランキング作成手順を徹底解説を参考にしてください。
以上、AFFINGER5の面白い機能3選でした。
スライドショーにも負けない本当に便利で面白い機能なので、これらもどんどん使っていきましょう。
それでは最後にまとめです。
まとめ:AFFINGER5(アフィンガー)スライドショーの設定方法
本記事ではAFFINGER5スライドショーの設定方法について詳しく解説しました。
スライドショーは読者の目を止めることができ、必然的に記事をクリックしてもらえます。
サイトの回遊を高める意味でも非常に重要な機能なので、積極的に使っていきましょう。
また、AFFINGER5には便利機能がたくさんあるので、併せて一緒に使っていきましょう☟
便利な機能3選
- 吹き出し機能
- ブログカード
- ランキング機能
その他にも、AFFINGER5のカスタマイズや機能、口コミ・評判など個別でまとめた記事があるので、よければ参考にしてください☟
✓トップページカスタマイズ
>>[コピーOK]アフィンガー5でトップページをカスタマイズする手順
✓初期設定のやり方
>>[警告]アフィンガー5の初期設定は必ずやろう。たった3つでOK
✓利用者の口コミ・評判
>>稼げるテーマ!AFFINGER5(アフィンガー)の口コミ・評判まとめ
それでは今日はこのへんで。グッバーイ