プラグイン Easy FancyBoxで簡単にギャラリー作成

2019年5月29日

プラグイン Easy FancyBox

レンタルサーバー ワードプレスプラグインEasy FancyBoxでギャラクー作成多くの画像・写真をギャラリー風に展示やスライド表示したり、クリックすると拡大表示したり、簡単に写真の並び替えをしたいときはありませんか?
毎回、画像をページ内に配置しなおして修正するのは手間ですし、スライドショーはそう簡単にはできませんね。

そういう時は、プラグイン Easy FancyBoxを活用すればすぐに実現できます。画像だけではなくPDFでも利用できますので、早速はじめましょう。

Easy FancyBoxのインストール

WordPress管理画面にログインし、「プラグイン」→「新規追加」で、キーワード検索でEasy FancyBoxと入力し、表示されたプラグインをインストール・有効化してください。

レンタルサーバー ワードプレスプラグインEasy FancyBoxインストール

インストールが終了すると、「プラグイン」画面に表示されます。細かい設定は「設定」をクリックすると設定画面が表示されます。

レンタルサーバー ワードプレスプラグインEasy FancyBoxインストール済み

写真などの画像のほか、PDF動画も利用できます。必要に応じて設定してください。

レンタルサーバー ワードプレスプラグインEasy FancyBox設定画面

ギャラリーの作成

それではギャラリーを作っていきましょう。
まずは公開する新規ページを準備します。

固定ページを編集から「新規追加」で固定ページを作成し、「メディアを追加」をクリックします。なお、この場合は固定ページですが、もちろん投稿でもOKです。

レンタルサーバー ワードプレスプラグインEasy FancyBox 固定ページの作成

すでにサーバーにアップロードされている画像が表示されます。

ギャラリーに利用したい1枚目の画像をクリック後、画面左上の「ギャラリーを作成」をクリックします。

レンタルサーバー ワードプレスプラグインEasy FancyBox メディアを追加

次に、ギャラリーに含めたい複数の写真を選択・クリックしますと、画像右上にチェックがつきます

その後、画面右下の「ギャラリーを作成」をクリックします。これでギャラリーの基本形は出来ました。

レンタルサーバー ワードプレスプラグインEasy FancyBox 複数画像を選択

ギャラリーを編集

次は、ギャラリーを編集しますので「ギャラリーを編集」画面右側のギャラリーの設定で設定を行います。

  • リンク先」のうちメディアファイルを選択すると、ギャラリー内の写真をクリックしたとき画像が別画面表示されます
  • カラム」で何列表示にするか選びます。この例では2カラムです
  • ランダム」にチェックを入れると、ギャラリー画像がランダムに並び変えられます
  • サイズ」で表示サイズを調整します。この例ではフルサイズを選択しています

設定が終了したら「ギャラリーを挿入」で先ほど新規作成した固定ページにギャラリーが埋め込まれます。

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリーを編集

それではこのギャラリーがどのように見えるか、固定ページを下書き保存してプレビューしましょう。

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリーを埋め込む

見栄えをチェックして、ギャラリーを修正したいときは、赤で囲ったエンピツマークをクリックすると、もう一度ギャラリー編集ができます。

ギャラリーの表示

プレビューページの表示を確認します。

この例では「ギャラリーの設定」で2カラムで設定したので2列表示になっています。そしてストップウォッチの画像をクリックすると拡大表示されます。

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリー表示確認

写真右横のをクリックすると次の写真にスライドします。ギャラリー内の写真をすべてスライドで見ることができます。

閲覧が終わったら、写真右上のをクリックすると閉じます。

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリー拡大表示

それでは次に、ギャラリーのうち一つの写真の下に文字を追加します。
どういう写真なのか説明したいときには便利ですよ。

編集画面を再度開き、画像に文字を追記します。

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリー画像に文字を挿入

プレビューで確認すると、画像に文字が付け加えられました。 

レンタルサーバー ワードプレスプラグインEasy FancyBox ギャラリー画像に文字表示

このように、ギャラリーの設定・テキストなど下書き・プレビューで設定・確認を繰り返して、OKでしたら一般公開してください。

あわせて読みたい

レンタルサーバー・ワードプレステーマ比較

当サイトで解説しているWordPressが使えるレンタルサーバーを比較しています。

詳しくは

レンタルサーバーおすすめ比較表・早見表(WordPress対応共用サーバー)
レンタルサーバーおすすめ比較表:人気ランキング/初期無料/料金/WordPress

共用レンタルサーバーを利用したいけど有料サービスは数が多くてどこがいいのか分からない、絞り込めない、有名なサービスや信頼できるブランドを1ページで並び替えなどで比較したい、共用レンタルサーバーの選び方 ...

続きを見る

当サイトで解説しているWordPress有料テンプレート比較です。プラグインの機能を盛り込んでいるものも多くあります。

【比較】ワードプレステーマ・テンプレート比較一覧表(有料テーマ版)
WordPress有料テーマ価格費用機能デザイン比較:ワードプレスおすすめテンプレート

ブログやホームページ制作を無料テーマや自作テーマで始めたものの機能が物足りない、表示速度が遅いなど様々な問題が出てきます。「表示を早くする」「検索で上位になる」「スマホでキレイに見える」など、ブログや ...

続きを見る

WordPressとは何か基本を知る

WordPressは世界中で最も多く利用されている無料CMSです。WordPressとは何か?メリット・デメリット、どんな方に向いているか?など基本について解説しています。

詳しくはWordPressとは?ページへ

WordPressとは(ワードプレスとは)
ワードプレス WordPressとは:初心者もブログ・ホームページを無料作成できる

ブログを始めたい時、ホームページやランキングサイトを無料で作りたい時「0円で使えて、お洒落なブログやかっこいいサイト・ホームページが簡単に作れて、機能も追加出来て、検索エンジン上位表示も対応して、自分 ...

続きを見る

まとめ

プラグイン Easy FancyBoxを利用すれば、画像などのギャラリーがすぐに公開できますし、スライドショーのように動きも加えられますのでサイトがよりリッチになります。
インテリアやアクセサリー、風景写真や商品写真などより多くの写真を見ていただきたい場合にはとても役に立つプラグインですので、上手に活用してください。

記事作成者プロフィール

佃 直毅
佃 直毅
株式会社ストレン 代表取締役社長
MCP,2級知的財産管理技能士
おすすめ情報サイト「マイベスト」レンタルサーバー・ドメイン監修

当サイトはホスティング業経験から、レンタルサーバー・ドメイン・ワードプレステーマ/テンプレートを中立の視点から比較評価し、始める・切り替える方の立場に立った情報をお届けします。

【仕事略歴】早稲田大商卒。東証一部精密機器メーカー、レコード会社を経て2000年 動画配信レンタルサービス「ストレン」起業、マイクロソフト認定パートナーとしてサーバー構築・運用・PR等に携わる。2015年、東証グロース上場企業・お客様と合意の上、上場企業へユーザー移行後に同ビジネス終了、以降はITコンサルティングとして支援に。

【趣味】プロ野球/MLBなどスポーツ、映画・音楽好き(主に洋楽)