study

メモ:wordpressプラグイン「camera」をテンプレート内で使用する方法

2013.04.09.

wordpressのプラグインでレスポンシブのスライドショーっていくつかあると思うんですけど自分は今まで「Meteor Slides」を使っていました。
不満は特になかったのですが「camera」っていうフリーのプラグインがイイということを耳にはさんでいたので今回乗り換えました。テーマのtopページで使えるようにする方法を紹介します。


[adsense]

「camera」は無料だし色んな設定が簡単にできる


20130409_camera01
詳しくは色んな方が説明されているので割愛させて頂きますが、無料!エフェクトが多彩!設定が細かくできる!見やすい!レスポンシブ!となかなか良い物みたいです。


基本的にはショートコードで呼び出す


固定ページや投稿の中で使うには

[camera slideshow='cameraの管理画面で設定したスライドショーの名前']
というショートコードで使います。


テーマ内のTOPページで使用するとショートコードが効かない!


ただショートコードを入れただけではテーマ内だと使えないのでちょっとコツがいるようです。

<?php 
	global $plugindir;
	wp_enqueue_style('camera-css-front', $plugindir.'/wp-content/plugins/camera-slideshow/css/camera_front.css', false, '1.0', 'all');
	wp_enqueue_style('camera-css-colorbox', $plugindir.'/wp-content/plugins/camera-slideshow/css/colorBox'.camera_get_option('camera_colorbox_skin').'/colorbox.css', false, '1.0', 'all');	
	wp_enqueue_script('jquery-pix'); 
	wp_enqueue_script('swfobject'); 
	wp_enqueue_script('jquery-hoverIntent'); 
	wp_enqueue_script('jquery-easing'); 
	if(camera_get_option('camera_colorbox')=='true') { 
	wp_enqueue_script('camera-colorbox'); 
	} 													
	if(camera_detectMobile() && 
	camera_get_option('camera_jquerymobile')=='true') { 
	wp_enqueue_script('camera-jquery-mobile'); 
	} 													
	wp_enqueue_script('camera-slide'); 
	wp_enqueue_script('camera-init');  
?>

 <?php echo do_shortcode('1'); ?>  
と記述したらtopページでも表示できました!