【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

関連記事

【デザイン】フォトグラファーポートフォリオサイト

今回は、フォトグラファーのポートフォリオサイトを集めてみました。サイトごと写真の見せ方に工夫がありますね。 http://www.vivienneballa.com/ Link:http://www.vivienneballa.com/ http://w...続きを読む

2015.02.15インスピレーション

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

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

2015.02.08HTMLコーディング

【WP】ワードプレスで使用する名前の付け方の注意事項

WordPressを使用してWEBサイトやブログを構築するとき、ページの名前、カテゴリーの名前、タグの名前などに英単語で名前をつける際に注意することがあります。プログラミングに馴染みのある方にとっておなじみだと思いますが、名前をつけるときには「予約語」を避けることです。 ...続きを読む

2015.08.20WordPress

【WP】WordPressのアーカイブリストの「年月」表示をカスタマイズする

WordPressでは投稿された記事に対して、年別や月別のアーカイブを生成できます。アーカイブのリスト表示は2014年1月というように掲載されますが、年や月の表示を変えて表示したいこともあります。 アーカイブの日付表示 投稿された記事の日付の形式はWordPr...続きを読む

2015.02.19WordPress

【WP】モバイル端末用にテーマを切り替えるプラグインのまとめ

先日のGoogleのウェブマスター向け公式ブログ「検索結果をもっとモバイルフレンドリーに」の記事にもあったように、モバイル端末によるウェブサイトの利用がシェアを伸ばしてきていることでウェブサイトのモバイル端末への最適化も重要な課題になってきていると思われます。 今回は、...続きを読む

2015.03.20WordPress