【WP】プラグイン『Photospace』の利用方法

wp-photospace-gallery

以前に紹介をした『Photospace』は、jQueryのサムネイル付のスライドショーギャラリーを実装できる「Galleriffic」を、WordPressの標準ギャラリーのショートコードに対応させることができるプラグインです。インストールと標準設定をご紹介しましたが、今回は『Photospace』を利用方法をまとめました。

標準ギャラリーをGalleriffic対応にするプラグイン『Photospace』

『Photospace』ショートコード

『Photospace』の設定画面で設定内容はすべてのギャラリーに反映されます。ギャラリーごとに設定を変えたい場合は、WordPressのギャラリーのショートコード内を記述することで個別に設定をすることができます。

/* ショートコードの記述例 */
galley num_thumb=4 num_preload=1 show_captions=1 show_download=1 show_controls=1 auto_play=1 delay=3000 hide_thumbs=1 horizontal_thumb=1 use_paging=1 ids="1,2,3,4"
設定名 補足説明
num_thumb 1ページ毎に表示するサムネイルの数を設定します
num_preload プリロードの時に表示するイメージを指定します
show_captions キャプションの表示/非表示を設定します
show_download ダウンロードリンクの表示/非表示を設定します
show_controls コントロールナビの表示/非表示を設定します
auto_play スライドショーのオン/オフを設定します
delay スライドショーの切り替わり時間を設定します
hide_thumbs サムネイルの表示/非表示を設定します
horizontal_thumb サムネイルを水平表示にします
use_paging ページナビの表示/非表示を設定します

関連記事

インデックスタブ制作のチュートリアルまとめ

WEBデザインにおいても、ファイル、手帳、ノートなどの端に付けるインデックスタブ(索引)と同じ機能をもつタブを作りコンテンツをまとめて表示することができます。 作り方はjQueryを使用したものや、CSSやJavascriptを使用するものなどさまざまです。今回はインデ...続きを読む

2015.02.07HTMLコーディング

【動画】スマートフォンを使った面白いトリック写真の撮影方法

こんにちは。最近はyoutubeで世界中の様々な方が撮影方法を動画で紹介しています。自分もカメラの勉強にとよく見ています。今回は、スマートフォンとちょっとしたアイディアを加えることで撮影できるトリック写真の撮影方法が紹介されていましたので紹介いたします。動画の解説は英語ですが、映...続きを読む

2018.02.15撮影スキル

【デザイン】ポップでグラフィカルなシングルページデザインのWEBサイトまとめ

WEBサイトのコンテンツ(内容)を1ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。 Chilicongraphic デザイン...続きを読む

2015.02.15インスピレーション

藤枝おんぱく2019「No33.蓮華寺池公園を着物でおさんぽしながら カメラマンに学ぶ着物姿の撮り方」

藤枝おんぱく2019「No33.蓮華寺池公園を着物でおさんぽしながら カメラマンに学ぶ着物姿の撮り方」のプログラムの案内人をしました。 お気に入りの着物を着て、春の蓮華寺池公園界隈を散策しながら、人物撮影のテクニックを学ぶことができる写真の講座と街歩きを合わせたプログラムを...続きを読む

2019.05.05フォトギャラリー藤枝

【JavaScript】カルーセルパネルを手軽に実装できるライブラリ『Owl Carousel』

カルーセル(carousel)とは、回転木馬(メリーゴーランド)や空港の回転コンベアーなどの意味を持つ言葉です。 WEBデザインにおいて、カルーセルは複数の画像やコンテンツなどが配置されくるくる回るように動く仕組みを指します。 今回は、このカルーセルを手軽に実装で...続きを読む

2015.02.10HTMLコーディング