【AFFINGER5】記事スライドショーの表示で回遊率と滞在時間を高める方法

本記事ではAFFINGER5で記事スライドショーを表示する方法を分かりやすく解説します。

記事スライドショーとは↓(コレ)のことです。

それでは早速、解説をしていきます。

投稿記事内に記事スライドショーを表示する方法

↑このようなスライドショーが作成できます。

まず、最も簡単な投稿記事内に記事スライドショーを表示する方法を解説します。

クラシックエディターを起動して『タグ』⇒『記事一覧/カード』⇒『カテゴリ一覧(スライドショー)』をクリックして下さい。

そうするとこのようなコードが表示されます。

これが記事スライドショーを表示するコードです。

このコードをざっくり解説すると下図です。

個人的に見やすいと思うおすすめのカスタマイズ方法を載せておきますので参考にしてみて下さい。

ブログのヘッダーに記事スライドショーを表示する方法

↑このようなスライドショーが作成できます。

ブログのヘッダーに記事スライドショーを表示する方法を解説していきます。

『WordPress管理画面』から『AFFINGER5管理』をクリックして下さい。

『ヘッダー』⇒『記事スライドショー設定』をクリックして下さい。

『口 ヘッダーに記事をスライドショーで表示する』にチェックを入れて下さい。

スライドショーの表示速度は5000ミリ秒(5秒)くらいが適切です。

これらの設定ができたら画面を下方向にスクロールして『save』ボタンを忘れずにクリックして下さい。

↑こんなボタンです。

以上で設定は完了です。

ブログのトップページ上部に記事スライドショーを表示する方法

↑このようなスライドショーが作成できます。

ブログのトップページ上部に記事スライドショーを表示する方法を解説します。

『AFFINGER5管理』⇒『トップページ』⇒『挿入コンテンツ』をクリックして下さい。

『タグ』⇒『記事一覧/カード』⇒『カテゴリ一覧(スライドショー)』をクリックして下さい。

このようなコードが出てくるのでコピーして下さい。

それでは、次にウィジットでカスタマイズをしていきます。

WordPress管理画面に戻り『外観』⇒『ウィジット』をクリックして下さい。

『00_STINGERカスタム HTML』を『トップページ上部ウィジット』へドラッグして下さい。

タイトルを入力して、内容の部分に先ほどコピーしたコードを貼り付けて下さい。

最後に保存をクリックして作業完了です。

記事スライドショーを表示するメリットとデメリット

作業の方お疲れさまでした。

最後に、記事スライドショーを表示するメリットとデメリットについて解説します。

なぜ記事スライドショーを表示するのか。本質的な部分の解説なので最後までご覧ください。

デメリットの方から解説していきます。

記事スライドショーを表示するデメリット

結論から言うと

これらのデメリットがあると考えられています。

ページの表示速度とモバイル表示に関しては、ブログに記事スライドショーを表示した後、自分で確認して対策することができます。

あまりにも表示速度が遅かったり、モバイルでの表示が思い通りにならない場合は使用を控えた方が良いと思います。

記事スライドショーを表示するメリット

次にメリットについて解説します。

これらのメリットがあります。

私は、記事スライドショーを表示する大きなメリットは回遊率と滞在時間を高めることにあると考えています。

ページに固定された記事ばかりではユーザーは飽きてしまうため、動いて魅せるやり方を取り入れることでアクセントをつけています。

まとめ：記事スライドショーを活用してブログを充実させよう

AFFINGER5の記事スライドショーを表示する方法とメリット・デメリットを解説しました。

記事スライドショーを上手く活用して、あなたのブログを充実させましょう。

以上です。

あなたにおすすめの記事