【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

関連記事

【メモ】英語での曜日の省略表記

サイトや印刷物を制作するときに、英語の表記で曜日を表記することがあります。大文字、小文字、省略など制作時にコピーできる役立つメモをまとめました。 曜日の英語表記 日本語英語省略省略省略 月曜日MondaymonMonMON 火曜日TuesdaytueTueTU...続きを読む

2019.06.22

【Win10】ファイルを削除する前に確認メッセージを表示する

Windows10でファイルやフォルダーを削除したい場合、エクスプローラーのメニューやツールバーで表示される【削除】や、マウスの右クリックで表示される【削除】を実行する方法や、キーボードの【Delete】キーを押すことで、ファイルやフォルダーを削除(ファイルやフォルダーをゴミ箱に...続きを読む

2019.07.06Windows10パソコンの使い方

ネイルサロンBrillez(ブリレ)様ロゴ制作

ネイルサロン『Brillez(ブリレ)』様のロゴを制作いたしました。Brillez(ブリレ)はフランス語で輝くの意味があります。 お客様のご要望で、店内はランドマークとなるシャンデリアあり、高級感のある大人の女性の雰囲気なので、ロゴも店内の雰囲気に合わせてデザインをして...続きを読む

2015.01.14ロゴ制作

【お名前.com】ドメインの申請が完了できなくなってしまった-解決方法-

WEBサイト(ホームページ)を新しく公開するときは、URLとなるドメインが必要になります。ドメインを取得するために、「お名前.com」のサービスを利用することが多いのですが、申込中にエラーが発生しました。 「お名前.com」で新しいドメインを申込した際に、『カートの内容が変...続きを読む

2018.07.23WEBサイト制作お名前.comドメイン

【デザイン】ウエディングパーティーのエスコートカード

ウエディングパーティーなど来客者をテーブルに案内するときは座席表やエスコートカードが登場しますね。今回は、クリエイティブなエスコートカードの参考事例をご紹介します。 Malibu Calamigos Ranch wedding 可愛らしいミニチュアサイズの鉢植えでお出...続きを読む

2015.03.25インスピレーション