【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

関連記事

【ソーシャルメディア】ソーシャルマーケティングの重要性

facebookやtwitter、Googoleプラスやyoutubeなどのソーシャルメディアをビジネスとしてマーケティングに取り込む動向が続いています。現在、ブロガーや中小企業の約75%が現在、などのTwitterやFacebook、LinkedInのようなソーシャルメディ...続きを読む

2015.02.17WEB

【デザイン】ライセンスフリーのグラフィカルユーザインタフェーステンプレート

WEBサイトやパソコンの画面などに見られるメニューやボタンなどのグラフィカルユーザインタフェース(GUI)のテンプレートをまとめてみました。 Flat Style & iOS 7 Line Style UI Kit PSD フラットデザイン、iOS 7 イメー...続きを読む

2015.02.14インスピレーション

【CSS】counterを利用した自動ナンバリング

最近は、CSSというとCSS3にクローズアップされることが多いのですが、今回は、CSS2より追加された「counter(カウンタ)」の着目してみました。 CSSの「counter(カウンタ)」を使用すると連番などの自動ナンバリングの機能を実装することができます。 ...続きを読む

2015.02.09CSSHTMLコーディング

藤枝おんぱく『東海道音楽祭~つながりのみち~』 in 大慶寺(4/18)

藤枝おんぱくのオープニングイベントより、『東海道音楽祭~つながりのみち~』 in 大慶寺(4/18)夜のフォトショットをお届けします。お寺を幻想的に彩るキャンドルナイト。普段とは違う雰囲気に、クラシック、アコースティック、フォルクローレなど様々なジャンルの音楽を楽しました。 ...続きを読む

2015.04.20フォトギャラリー

【フォト】蓮華寺池公園フォトギャラリー≪冬≫

藤枝市のほぼ中央に位置し、「花・水・鳥・笑顔」がテーマの公園「蓮華寺池公園」。池を囲む公園は、桜や藤の花、蓮の花など季節を通して自然を楽しむことができる憩いの場所です。今回、紹介する冬の蓮華寺池公園の山頂周辺の写真です。自然のなかを歩いたり、眺めの良い見晴台があったり、広場やアス...続きを読む

2018.02.07フォトギャラリー藤枝