【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 ページナビの表示/非表示を設定します

関連記事

【Win10】Office 2016 の一部が英語表記になり戻らない

Microsoft Office 2016 を Windows10 の環境で利用していたところ、いつの間にか、画面の一部が英語になってしまいました。リボンなどのUI部分ではなく、作業中にポップアップされる操作画面のごく一部の日本語が英語になるという半端な状態です。 修正...続きを読む

2021.01.24Windows10パソコンの使い方

モバイルサイトを構築するときに役立つフレームワーク5選

スマートフォンやタブレットなどのモバイル端末の普及に合わせて、モバイル端末によるWEBサイトへのアクセスやモバイルアプリケーションの需要が多くなってきていることを感じます。 今回はモバイル端末に最適化されたWEBサイトやアプリケーションを制作するときに役立つフレームワー...続きを読む

2015.02.08HTMLコーディング

藤枝おんぱく『村松八百蔵商店ギャラリー』(5/30)

藤枝駅前の古民家「村松八百蔵商店」を会場に藤枝おんぱくで行われたさまざななプログラムのフォトギャラリーの展示の様子をお届けします。 フォトギャラリー ※写真をクリックすると拡大表示します。 [gallery link="file" columns="4" ids="98...続きを読む

2015.08.17フォトギャラリー

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

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

2015.02.10HTMLコーディング

【フォト】love local MARKET 1/26 HOTマーケット

love local MARKET 月末の金曜日はちょっと豊かに。プレミアムフライデー。藤枝駅南口広場で開催されている、HOTマーケットに行ってきました。 ここ最近は藤枝でもめずらしい雪が舞うほど冷え込む日が続いているなか、屋外でのマーケット。イルミネーションに照らされて、...続きを読む

2018.01.26フォトギャラリー