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. 楽々のはずだった「Duplicator」がうまくいかなかった話

    WordPress

    楽々のはずだった「Duplicator」がうまくいかなかった話

    WordPressのブログ移行ってかなり面倒臭いんですよねー。ですが「…

  2. コメント覧再デザイン

    WordPress

    またコメント覧いじった。

    なんか気に入らなくていじった。もう細かいところはよしとしよう。先に…

  3. WPプラグイン「Quick Adsense」でお手軽広告管理♪

    WordPress

    WPプラグイン「Quick Adsense」でお手軽広告管理♪

    ブログでGoogle Adsenseの管理をどうしようか考えていたら、…

  4. imThumb_Vulnerability_Scanner.jpg

    WordPress

    WordPressプラグインの脆弱性に「TimThumb Vulnerability Scanner…

    先日サーバーをレンタルしているさくらインターネットから「【重要】W…

  5. wordpress_Fatal_error.jpg

    WordPress

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

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

  6. themeforest0.jpg

    WordPress

    「themeforest」で初めて有料WordPressテーマを買ってみた

    ブログにはWordPressを使っていますが、この度、はじめて有料…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  6. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  8. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  9. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  10. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」

アーカイブ

  1. 日常

    フラッシュ勉強中
  2. 日常

    Lショック
  3. 日常

    その道にはハートがあるか
  4. september_event_2014.jpg

    Appleイベント

    Appleの新製品発表会で気になったことまとめ
  5. 日常

    雨天走行
PAGE TOP