WordPress

超オススメ! カスタマイズも可能なLightBox風WPプラグイン「FancyBox for WordPress」

Fancybox for wordpress

記事内の写真をクリックすると、その写真が浮き出るように表示される「LightBox」表示は人気がありますよね。
私もさっそく取り入れました。

LightBox風のプラグインはかなりの数あります。その中でもインストールするだけで使えて、さらに見た目を設定でカスタマイズできる「FancyBox for WordPress」を使うことにしました。

インストール

いつもの手順ですね。

  1. プラグインを検索
  2. ダッシュボードでプラグインの項目から「新規追加」を選択します。
    キーワードに「LightBox」と入力して検索しましょう。
    Fancybox for wordpress 2

  3. インストール
  4. 3番目に出てきました。
    「いますぐインストール」をクリックします。
    Fancybox for wordpress 3

  5. プラグインを有効化
  6. インストールが完了したら「プラグインを有効化」しましょう。
    Fancybox for wordpress 4

  7. 効果を確認
  8. これで記事内のイメージをクリックすると以下のように「LightBox」風に表示されます。インストールするだけでいいのでカンタンですね〜。
    Fancybox for wordpress 5

デフォルト設定だけでもいいのですが、せっかくなのでカスタマイズしてみます。

カスタマイズ

  1. 設定項目を確認
  2. ダッシュボードの設定項目に「Fancybox for WP」というものがあります。
    これでいろいろ設定できますよ。
    Fancybox for wordpress 6

  3. 見た目をカスタム
  4. デフォルトでもいいのですが、私がやったカスタムは以下です。

    • 写真の背景を「黒(#000000)」に
    • 背景の透明度を「0.8」に
    • 写真のタイトルを非表示

    Fancybox for wordpress 7

  5. 機能をカスタム
  6. 記事内の写真を移動できる矢印を表示させるようにしました。
    Fancybox for wordpress 8

  7. カスタム結果を確認
  8. カスタムの結果以下のようになりました。
    背景は黒に近いほうが写真が映えますね。
    写真間の移動もできるようになったので便利になりました。
    満足♪ 満足♪
    Fancybox for wordpress 9

インストールするだけでも使えますが、
カスタムもカンタンなのでお好みに仕上げて使いましょう!
オススメ!

関連記事

  1. WordPress

    MarsEditでアイキャッチの設定が簡単にできるWPプラグイン「Auto Post Thumbna…

    ブロガーで「MarsEdit」を使っている人は多いことでしょう。そし…

  2. 便利なタグがいっぱい! 記事作成が捗るWPプラグイン「AddQuicktag」

    WordPress

    便利なタグがいっぱい! 記事作成が捗るWPプラグイン「AddQuicktag」

    必要というわけではなく「あったら便利」というWordPressプラグイ…

  3. WordPress

    Twitterのツイートをカンタンに埋め込めるWPプラグイン『Twitter Embed』

    ブログを書いていると「ツイッターのツイートを記事の中に表示させたい!…

  4. WordPress

    新テーマを適用したらでる「Fatal error」はWordPressのアップデートで対応してみる

    新年度スタート記念にブログのテーマを新しくしようとしたところ、ダッ…

  5. WordPressの基本的な設定項目をおさらい1「一般設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい1「一般設定」篇

    WordPressをインストールしたら設定しておきたい項目のひとつです…

  6. WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPressの設定項目のおさらい。こういうのはすぐに忘れてしまう…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. クロックスが安く買えてラッキーだった話♪

    ファッション

    クロックスが安く買えてラッキーだった話♪
  2. 日常

    「実践アルファベット!」
  3. 展覧会

    宇宙服も観れる!「What’s up, Space? by JAXA…
  4. 日常

    チャリ退院
  5. 関連記事

    WordPress

    関連記事のCSSデザインをちょっと更新
PAGE TOP