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. top

    WordPress

    blogデザイン更新。

    ちょっと久しぶりにデザイン更新。シンプルに、blogへのリンク画像…

  2. WordPress

    インストールするだけでブログ記事へのアクセス情報がわかるWPプラグイン『post-views』

    ブログを日々運営している人なら気になるのはアクセス数ですよね〜。いっ…

  3. 見た目を変更

    WordPress

    見た目を少し変更。シンプルにいく。

    モノトーンにして、シンプル路線にしようかな、と。まずはさくっと変更で…

  4. Google AnalyticsのWPプラグイン「Google Analyticator」を導入してみた

    WordPress

    Google AnalyticsのWPプラグイン「Google Analyticator」を導入して…

    Google Analyticsを導入したいと考えたときにWordPr…

  5. WordPress

    サムネイル付きで最近の記事を表示できるWordPressプラグイン「Newpost Catch」

    WordPressにはデフォルトで最近の投稿をまとめて表示できるサ…

  6. WordPress

    AppHtmlメーカーのリンク切れをWPプラグイン「Search Regex」で一括変換!

    ちょっと前のことになりますが、AppHtmlで作ったリンクの画像が…

最近の記事

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

アーカイブ

  1. 日常

    いよいよ仕上げ
  2. タグクラウド

    WordPress

    タグクラウド追加。
  3. Appleイベント

    iPad miniがきた!アップル・イベント覚え書き
  4. 味覚糖のど飴のアート缶第2弾、アンディ・ウォーホルのアート缶は集めたくなるね

    デザイン

    味覚糖のど飴のアート缶第2弾、アンディ・ウォーホルのアート缶は集めたくなるね
  5. 展覧会

    東京を旅したくなる「d design travel TOKYO展」
PAGE TOP