【WP】標準ギャラリーをスライド式にするプラグイン『WordPress Canvas Gallery』

wordpress-canvas-gallery

『WordPress Canvas Gallery』は、WordPressの標準ギャラリーをスライド式のギャラリーに対応させることができるプラグインです。

『WordPress Canvas Gallery』ダウンロード

プラグインは「wordpress.org」のプラグインページやWordPressの管理画面の検索からプラグインからダウンロードすることができます。

『WordPress Canvas Gallery』インストール

『WordPress Canvas Gallery』プラグインをダウンロードして、プラグインをインストール後、有効化します。有効化後も設定やメニューに変化はみられないので、正しく動作しているのか少し不安になりました。

実際に機能するのは、ギャラリーの作成(編集)時なので心配はありませんでした。

WordPress-Canvas-Gallery-Admin

ギャラリーの作成(編集)時に新しくオプションが追加されます。

オプションの内容は以下の内容です。

設定名 補足説明
Display 画像の表示形式を選択することが出来ます。形式は4種類あります。
・Masonry // フリーのフラグインバージョンでは非対応のようです。
・Slider (Fade)
・Slider (Slide)
・Carousel
・Float //通常のギャラリー表示になります。
Image Size 表示される画像サイズを指定します。/td>
Popup Size 画像のクリック後の画像サイズを指定します。
Captions キャプションを指定したときの表示方法を指定します。
Caption Type キャプションを表示するときのタグを指定します。
Custom Link チェックをいれると画像のリンク先がページのパーマリンク先になりました。
Bottom Space ボタンのスペースサイズを指定します。
Hide Controls コントロールの表示/非表示
Class オリジナルのクラス名を設定できます。

ギャラリーの表示イメージ「Slider (Fade)」、「Slider (Slide)」

オプションで形式を「Slider (Fade)」、「Slider (Slide)」にしたときの表示イメージです。
画像をマウスオーバーすると画像の左右に矢印が表示され画像を切り替えることができます。

「Slider (Fade)」の場合は、画像が切り替わるときにフェード、「Slider (Slide)」の場合は画像が切り替わるときにスライドになります。

WordPress-Canvas-Gallery-Slider-Fade

ギャラリーの表示イメージ「Carousel」

「Carousel」の場合は、横幅270pxで画像が並び表示されます。

WordPress-Canvas-Gallery-Slider-Carousel

関連記事

森のなかま藤枝様WEBサイトの制作

ペレットストーブ・木質燃料の販売の「森のなかま藤枝」様のWEBサイトの制作いたしました。 ペレットショップ「森のなかま」は、2002年から地域の環境や自然、森林、エネルギーに関わる仲間があつまり活動してきた「静岡森林エネルギー研究会」の店舗として2015年に浜松市天竜区に開...続きを読む

2018.11.30WEBサイト制作

静岡洋館巡り「旧エンバーソン住宅」フォトギャラリー

静岡市の市指定有形文化財「旧エンバーソン住宅」を見てきました。明治時代の西洋建築の装飾などその雰囲気にふれることができました。 概要(引用) 旧エンバーソン住宅は、カナダからキリスト教伝道のため日本に派遣されたロバートエンバーソン師の自邸として、明治37年(190...続きを読む

2015.03.18フォトギャラリー

【WP】WordPressで出力されるHEADタグ内の内容を整理する

WordPressを利用してWebサイトを構築すると、HTMLを構成するHEADタグ内にWordPress特有の記述が見れます。このWordPress特有の記述は自動的に生成されるため、テーマファイルのソースに記述されているheadタグ内の内容を編集するだけでは変更することができ...続きを読む

2021.01.28HTMLコーディングWordPress

【デザイン】HTML5を使用したアニメーションサイト

HTML5より新しく登場した「Canvas」などによって、AdobeのFlashのような動的な2次元グラフィックを、HTML形式ファイルをベースに制作することができるようになりました。 今後、デザインとして設計されるのはもちろん、アニメーションやゲーム、WEBアプリケー...続きを読む

2015.02.16インスピレーション

【フォト】吉田町川尻海岸『幸福呼ぶ鳥居~初日の出~』

静岡県吉田町にある川尻海岸では年始の期間限定で『幸福呼ぶ鳥居』がお目見えします。鳥居に朝日が昇る様子は幻想的です。初日の出の日は、多くの方々でにぎわっていました。 フォトギャラリー ※写真をクリックすると拡大表示します。 [gallery link="file" col...続きを読む

2017.01.01フォトギャラリー