1. HOME
  2. TRAVEL
  3. ファーストビューで鷲掴みにする、時間差で追従するトップページ記事スライダー
TRAVEL

ファーストビューで鷲掴みにする、時間差で追従するトップページ記事スライダー

TRAVEL

2146

当テーマではヘッダーに、記事スライダーを適用することができます。

記事スライダーは、記事のタイプを以下から選択して表示することができます。

・おすすめ記事
・おすすめ記事2
・おすすめ記事3
・すべての記事(新着順)
※おすすめ記事は記事一覧のクイック編集画面または各記事の編集画面で個別に設定

記事スライダーはフルスクリーン表示となっており、スライダー数は最大6記事表示が可能です。スライダー画像には各記事に使用されているアイキャッチが表示される仕様となっていますので、アイキャッチ画像に統一感を出すことでよりクオリティの高い記事スライダーを作成することができます。
その他、スライダーに乗せるキャッチフレーズや説明文、フォントカラー、フォントサイズ、背景色の透明度の設定などスライダーを美しく見せる機能が標準で備わっています。

当スライダーの最も大きな特長は、洗練された”動き”にあります。スライダーが加速度的にヌルっと切り替わる独特のアニメーションが見る人の目をくぎ付けにします。スライダーの下部で動くカルーセルの動きと相まって絶妙な空間を演出しています。

また、このカルーセルは、スライダーの記事と連動しています。カルーセルのタイトルをクリックすることで紐づけられた記事がサッと表示されるという仕組みです。このとき、記事に直接リンクすることはありません。次のスライダーに切り替えたり、現在どの位置にいるのかが把握しやすいように配置されているナビゲーションの役割を果たしているのです。現在最も多く使用されているであろう、スライダー下部に●●●●という感じで表示するスタイル(バレットナビゲーションといいます)に感覚は近いですが、伝えられる情報がそれよりも多い当ナビゲーションは従来のそれの進化版と言えましょう。

また、スライダーのリンク領域は制限をつけています。リンク領域がスライダー前面にはかかっていないということです。それでもどこにリンクがあるのかをすぐに、直観的に伝えられるところに当スライダーの魅力が詰まっています。

動きで魅了し、機能美で堪能する当スライダーはファーストビューでライバルと差をつける一番最初のコンテンツでかつ最もパワフルなものです。