【超おしゃれ】アフィンガー5のスライドショーの設定方法と使い方

AFFINGER5のスライドショーってどうやって使うの？設定方法と使い方を教えて！

このような疑問にお答えします。

✓本記事の執筆者

Twitter：かずき(@k03mind)

AFFINGER5では、実は超簡単におしゃれなスライドショーを表示されることができます。

知らない人が多いですが、2分もあれば表示されることができる簡単な作業なので、すぐに設定方法をマスターしておきましょう。

今回はトップページに表示させる方法や記事内で表示させる方法など、網羅的に解説していきます。

kazuki

スライドショーの設定方法を知りたい人は、本記事で間違いなく理解することができますよ。

それではさっそく解説していきます。

※本記事はすでにAFFINGER5を購入している人向けの記事です。もし、まだ購入されていないのであれば、下記の記事をどうぞ☟

AFFINGER5(アフィンガー)スライドショーの基礎知識

設定方法を解説する前に、まずは基礎知識から。

必要ない人は、AFFINGER5(アフィンガー)スライドショーの設定方法をどうぞ。ワンクリックで設定方法の解説まで飛べます。

スライドショーを表示させるには、ショートコードを入力する必要があります。（ワンクリックで挿入できます）

(画像のため、コピーできません。また、画像が見えにくい場合は拡大してください)

このショートコードには一つ一つ意味があります。

覚える必要はないですが、完璧にスライドショーを理解したい人は覚えておきましょう。

さて、このショートコードを入力するとこのように表示されます☟

2021/1/26

【unDrawの使い方】無料でおしゃれなイラスト画像サイトを徹底解説

undrawの使い方をご存知ですか？undrawは英語表記なので、英語ができない方は使い方がわからないですよね。ということで今回はundrawの使い方を徹底的に解説します。undrawの使い方がわからない方は必見です。

ReadMore

2021/1/24

ブログ30記事のPV数・収益の目安【絶対にやるべき11のことも解説】

ブログを30記事書いた時のPV数や収益について知りたいとは思いませんか？本記事では僕の副サイトのブログ10記事時点でのデータを公開します。ブログ30記事を書いた人、もうすぐ書き終わりそうな人は必見です。

ReadMore

2021/1/24

ブログ20記事のPV数・収益の目安【絶対にやるべき8つのことも解説】

ブログを20記事書いた時のPV数や収益について知りたいとは思いませんか？本記事では僕の副サイトのブログ20記事時点でのデータを公開します。ブログ20記事を書いた人、もうすぐ書き終わりそうな人は必見です。

ReadMore

2021/1/24

ブログ10記事のPV数・収益の目安【絶対にやるべき4つのことも解説】

ブログを10記事書いた時のPV数や収益について知りたいとは思いませんか？本記事では僕の副サイトのブログ10記事時点でのデータを公開します。ブログ10記事を書いた人、もうすぐ書き終わりそうな人は必見です。

ReadMore

2021/1/13

【単価比較】ebookjapanのアフィリエイトができるASP【稼ぐコツも解説】

ebookjapanのアフィリエイトができるASPを知りたいとは思いませんか？本記事では報酬単価の高いASPやebookjapanのアフィリエイトで稼ぐコツについて解説します。ebookjapanのアフィリエイトを始めたい方は必見です。

ReadMore

スライドショーの具体的なイメージができたでしょうか？

これで基礎知識についての解説は終了です。続いては、スライドショーの設定方法を解説していきますね。

AFFINGER5(アフィンガー)スライドショーの設定方法

スライドショーの設定方法について、下記の6パターンに分けて解説します☟

上記を理解すれば、スライドショーの設定については完璧に理解できます。

それでは一つずつ解説していきますね。

１．トップページに表示させる方法

これから解説する方法を実践すれば、下記のようにトップページにスライドショーを表示させることができます。

設定手順は次の通り☟

画像付きで解説していきますね。

まずはWordPress管理画面の、「AFFINGER5管理」→「トップページ」をクリックし、「挿入コンテンツ」を見つけてください。

挿入コンテンツが見つかれば「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」をクリック。

すると、ショートコードが出力されます。

kazuki

最後に保存をクリックで設定完了です。

ちなみにショートコードについては編集が可能。お好みで編集してください。

どう編集すればいいかわからない人は、とりあえず当サイトと同じにしておけばOK☟

kazuki

見えにくかったら拡大してね！

２．ヘッダー上に表示させる方法

続いては、ヘッダー上にスライドショーを表示させる方法について。

この設定ができれば、下記のように表示させることができます☟

設定手順は次の通り☟

画像付きで解説していきますね。

まずはWordPress管理画面の、「AFFINGER5管理」→「ヘッダー」をクリックしてください。

そこから「記事スライドショー設定」で、「ヘッダーに記事をスライドショーで表示する」にチェックを入れて下さい。

最後に保存をクリックで設定完了です。

３．記事内に表示させる方法

続いては、記事内にスライドショーを表示させる方法について。

設定手順は次の通り☟

やり方は先ほど解説した「トップページに表示させる方法」と同じです。分からない人のために、もう一度解説しますね。

まずはスライドショーを表示させたい記事を開き、表示させたい箇所をクリック。

そこで、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。

これで記事内にスライドショーを表示させることができます。

kazuki

プレビューをクリックすれば正しく表示されているか確認できるよ！

４．画像だけ表示させる方法

続いては、画像だけのスライドショーを表示させる方法について。

テキストが不要だと感じた場合に使える表示方法で、この設定ができれば、下記のように表示させることができます☟

設定手順は次の通り☟

コードの出力方法は今まで解説した内容と同じで、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。

そして、出力されたコードの一番最後にある「type＝」のあとに「card」と入力すればOKです。

kazuki

特別難しい作業ではないので、簡単ですね。

５．画像＋テキストだけ表示させる方法

続いては、画像＋テキストだけのスライドショーを表示させる方法について。

画像だけでは寂しいと感じた場合に使える表示方法で、この設定ができれば下記のように表示させることができます☟

設定手順は次の通り☟

先ほど解説した方法とほとんど同じ。

まずは、「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」の順番でクリックしてください。

そしてコードの一番最後にある「type＝」のあとに「text」と入力すればOKです。

kazuki

こちらも特別難しい作業ではなく、簡単ですね。

６．ウィジェットを使って表示させる方法

続いては、ウィジェットを使ったスライドショーを表示させる方法について。

この設定ができれば、自分の好きな場所にスライドショーを表示させることができます。

設定手順は次の通り☟

画像付きで解説していきますね。まずは、コードのコピーが必要です。

適当な記事でもいいですし、すでに作成しているスライドショーでもいいので、コードをコピーしてください。

コードの出力は次の通り☟

「タグ」→「記事一覧」→「カテゴリー一覧(スライドショー)」をクリックし、コードを出力します。

出力したコードを全てコピーしてください。

次にWordPress管理画面から、「外観」→「ウィジェット」をクリック。

スライドショーを表示させたい箇所をクリックし、「テキスト」に先ほどコピーしたコードを貼り付けて下さい。

今回は試しに、サイドバートップにスライドショーを表示させてみます。

まずは「サイドバートップ」に「テキスト」をドラッグ。(テキストは下にスクロールすると見つかります)

そして、「テキスト」にコードを貼り付け。

最後に保存をクリックすれば完了です。次のようにスライドショーが表示できました。

ウィジェットを使えばサイト内のどこにでもスライドショーを表示させることができるので、お好きな箇所に表示させてみましょう。

以上、AFFINGER5(アフィンガー)スライドショーの設定方法についてでした。

スライドショーは非常にすばらしい機能なので、どんどん使っていきましょう。

また、スライドショー以外にもAFFINGER5にはまだまだ面白い便利な機能が実装されています。

ということで、続いてはその他の便利機能についてご紹介したいと思います。

AFFINGER5(アフィンガー)の面白い便利な機能3選

スライドショー以外にも便利で面白い機能がありまして、それが下記の3つ☟

非常に面白い機能なので、こちらもどんどん使っていくべきです。

どのような機能なのか、一つずつ解説しますね。

１．吹き出し機能

吹き出し機能ってなんのこと？

ん？これのことだよ（笑）

kazuki

吹き出し機能とは、上記のようにキャラクターで会話をさせることができる機能のことです。

これは本来プラグインを導入しなければできないのですが、AFFINGER5はプラグインなしで使用可能です。

これを使うことのメリットは、メリハリのある記事を書けるという点。

文字だけではどうしても読みにくいので、読みやすさを向上させることができます。

kazuki

ブログの必須ツールです！

また、LINEのように記事を書けるので、読者が普段見慣れている文章を見せることができます。

読みやすい記事はとにかく読まれます。読まれれば成約につながる。

収益アップに欠かせない機能なので、どんどん使っていきましょう。

吹き出し機能の設定については、こちらの【アフィンガー5】吹き出し機能の設定から使い方まで徹底解説を参考にしてください。

２．ブログカード

ブログカードとは次のようなもの☟

これを使うことで、次に読んでもらう記事に誘導することができます。

サイト内を回遊してもらうためにはこのような内部リンクは必須ですが、内部リンクに気づかないことが結構あります。

というのも、読者は基本的には記事を読みません。

流し読みをしていることがほとんどなので、内部リンクに気づかない場合が結構あるんですよね。

kazuki

読者は記事を読んでいません。流し読みで適当に読んでいます。

そこで使えるのがブログカード。テキストリンクより圧倒的に目立つので、次に誘導したい記事を強調することができます。

特に収益記事への誘導は絶対に取りこぼしたくないので、誘導したい記事がある場合はブログカードを使ってみましょう。

ブログカードの設定については、こちらのアフィンガー5のブログカードの作り方。2秒で作れます。を参考にしてください。

３．ランキング機能

ランキング機能とは次のようなもの☟

AFFINGER5

有名ブロガーが愛する最強のテーマ、AFFINGER5。

カスタマイズが豊富で初心者でも簡単に使いこなせます。

今なら「詳細ページ」から購入いただけますと、当サイト限定の6つの特典が付いてきますよ。

詳細ページへ

公式ページ

この機能は、とにかく目立ちます。

収益アップの可能性を秘めているので、自分が最も売りたい商品をランキングで作成しましょう。

ちょっと設定が面倒くさいですが、一度設定が完了すればその後はショートコードを入力するだけでOK。

しんどいのは最初だけなので、面倒くさい作業はさっさと終わらせてしまいましょう。

ランキング機能の設定については、こちらのアフィンガー5のランキング作成手順を徹底解説を参考にしてください。

以上、AFFINGER5の面白い機能3選でした。

スライドショーにも負けない本当に便利で面白い機能なので、これらもどんどん使っていきましょう。

それでは最後にまとめです。

まとめ：AFFINGER5(アフィンガー)スライドショーの設定方法

本記事ではAFFINGER5スライドショーの設定方法について詳しく解説しました。

スライドショーは読者の目を止めることができ、必然的に記事をクリックしてもらえます。

サイトの回遊を高める意味でも非常に重要な機能なので、積極的に使っていきましょう。

また、AFFINGER５には便利機能がたくさんあるので、併せて一緒に使っていきましょう☟

その他にも、AFFINGER5のカスタマイズや機能、口コミ・評判など個別でまとめた記事があるので、よければ参考にしてください☟

それでは今日はこのへんで。グッバーイ