Grapheneテーマのスライダーを単一記事にも表示する方法


5月21日にソネットブログから独自ドメインを取得したこのブログに引っ越してきた「家電のいろは」ですが、WordPressというのは面白いものでかなりカスタマイズ出来ますね。
今回は私がWordPressで使っているテーマ「Graphene」のちょっとした改造を紹介したいと思います。
多分検索で来た方にはこの前置きが必要なのかどうか…。
トップページでは表示される「スライダー」記事の画像とタイトルを表示してくれるのにあこがれてこのテーマにしたのですが、単一記事では表示されない!
コレを解消したいと思います。と言っても海外の方のやり方を参考にしただけですけどね。

Grapheneのテーマデフォルト


トップページにある、このスライダー。私は新着記事の表示に使用しています。
ホットエントリーにしてもいいのかなぁとは思っても見たりするんですけどね

でもこれ単一記事ページには表示されません。
検索で単一記事に飛んできた人に最新の記事の紹介もしたい!
そこで検索をかけたところ方法がありました!

Graphene Slider on other pages

「Graphene Slider on other pages」こちらのページに紹介されていました。
これを使って表示させていきたいと思います。
既にGrapheneをテーマに設定しているという前提で話を進めていきます。
管理画面から[外観]-[テーマ編集]を開き右サイドバーに「テーマのための関数(functions.php)」を選択。
下記のコードをphp下にコピペ
[php]
function graphene_display_slider(){
graphene_slider();
add_action('wp_footer', 'graphene_scrollable');
}

function custom_enqueue_scripts(){
if ( ! is_admin() ) { // Front-end only
wp_enqueue_script( 'graphene-jquery-tools' ); // jQuery Tools, required for slider
}
}
add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts' );
[/php]

たったこれだけで


この通り単一記事ページやその他のページでもスライダーの表示が可能になりました。

特定のページを制限

上記のままではすべてのページに表示されてしまうので下記の用にif関数を書き足すと
条件付きが出来て特定のページのスライダーを制限することができます。
[php]
function graphene_display_slider(){
if (is_single() || is_front_page()){
graphene_slider();
add_action('wp_footer', 'graphene_scrollable');
}
}
[/php]
他にもis_page(),is_home(),is_archive()などのタグがあるようです。


Author: paseri

コメントを残す

メールアドレスが公開されることはありません。