アイキャッチ画像使ってスライド。

トップページのみで、特定カテゴリのアイキャッチ画像をスライド表示したい。

まず、トップで一番目を引くヘッダー部分を入れ替えることを考える。
そのため、まず別のヘッダーテンプレートを(例:header-index.php)作成し
トップページ用のテンプレートファイル(index.phpなど)のコール部分に
呼び出しするテンプレートを引数として渡す。

<?php get_header(); ?>

<?php get_header(‘index’); ?> ※例に則るとこのようになる

スライドするプラグインはなし。
いろいろ試したが、
ギャラリー的に使うものはいろいろあるが
ショッピングサイトなどでエンドユーザーの目を引くために
使えそうなスライドがない。

というわけで。ここはjQueryを使って実装することにする。

アイキャッチとして使えそうなのは、carouFredSel。

このhtmlをテンプレートに反映させ、スライドを実装。
実装には特定カテゴリの中にある記事を処理の対象とし、
アイキャッチ画像がない場合には、代替え画像を表示するようにし、
アイキャッチ画像をクリックすると、そのアイキャッチ画像のページに変移するようにした。

デモサイト → 看板屋カエル隊セカンドライフまとめサイト 


コメントを残す

メールアドレスが公開されることはありません。* が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)