[Main Image: Post by Category Implementation]
複数のカテゴリー別記事一覧をスライドで切り替えるコンテンツマガジン風機能を実装する
ボタンをクリックすると記事一覧がスライドして、そのカテゴリーの記事一覧に切り替えができる、あのブロガー界隈で有名なマガジン風機能を実装する方法を解説します。
実装のきっかけ
サイドバーやトップページで、カテゴリーごとにタブ切り替えを実装することで、UX(ユーザー体験)を向上させ、回遊率を高めることが目的です。
利用する技術
- jQuery / Slick Slider
- WordPress Loop
- Custom CSS / JS
注意点
実装にあたっては、キャッシュプラグインや競合するJSライブラリに気をつけましょう。
まとめ
WordPressの記事一覧をスライドで切り替えることで、限られた画面スペースを有効活用できます。ぜひご自身のサイトにも取り入れてみてください。