記事ピックアップスライダーの使用方法

これはWordPressテーマ「HEPERE」の機能紹介記事です。

本記事ではピックアップスライダーの使用方法を説明をします。
2分ほどの使用方法の解説動画を作成しましたのでご覧ください。

記事ピックアップスライダーとは?

記事ピックアップスライダーは、その名の通り、記事をピックアップしてスライダーで表示する機能部品です。

メリット

メリットはいくつかあります

  • 回遊率の向上が見込めます
  • ページ滞在時間の向上が見込めます
  • ホームページに動きを出すことができるので、UXの向上も見込めます

カフェの紹介など、おすすめしたいものが複数ある場合などに向いていると思います。

ページ内遷移を増やしたい場合におすすめです。

注)デメリットもあります

デメリットは二つあると思ってます。

  • JavaScriptで制御するため、読み込み速度が下がる可能性があります
  • 読者の意識が逸れる可能性があります
    • 小難しい学術的な記事を書く場合、スライダーで気が散る可能性があります
    • 売りたいものがある場合でも、スライダーから別ページに遷移される可能性があります

技術ブログやキラーページなど、気が散る要素を減らしたいページには向いていないと思います。

HEPEREのスライダーでできること

ヘッダーの下に記事をスライダー形式で表示します。

スライダーで表示する記事は以下の3つの方法で選択することができます。

  • 新着記事・・・新着順に記事を表示する
  • ランダム記事・・・ランダムで記事を表示する
  • おすすめ記事・・・URLで指定した記事を表示する

目的に合わせて選択してください。

設定方法

メニューの開き方

まずは、カスタマイザーを開きます。

次に部品をクリックします。

ヘッダー下スライダーをクリックします。

ヘッダー下スライダーの設定を変更するメニューが表示されます。

設定項目

仕様について

スマホサイズ(767px以下)では自動でスライダーは非表示になりますのでご注意ください。

デモについて

デモサイトでも記事ピックアップスライダーを使用しています。

こちらのデモサイトからご覧ください。

まとめ

記事のピックアップスライダーを使用することで、ページ回遊率やページ滞在時間の向上が見込めます!

自身のブログのキラーページへの導線作りに、ぜひピックアップスライダーを使用してみてください。