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

    アイキャッチと本文画像の最初がダブっているときの対処法

    テーマによると思いますが、アイキャッチと本文の一番最初にくる画像が…

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

    WordPress

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

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

  3. 20120610154122

    WordPress

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

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

  4. FacebookのLike Boxをレスポンシブ対応させる方法

    WordPress

    FacebookのLike Boxをレスポンシブ対応させる方法

    最初、これ分からなくて困っていたのでメモしておきます。いまどきはデフ…

  5. トップページ

    WordPress

    サイトにトップページをつけた

    従来型のサイト、ということで、トップページをつけた。個別のページとブ…

  6. トラックバックURL追加

    WordPress

    トラックバック用のURLを表示

    またしてもささやかな更新。wordpressは、トラックバックとコメ…

最近の記事

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

アーカイブ

  1. feedly1.jpg

    サービス

    「Reeder」が「feedly」に対応すると発表! さっそく「Googleリー…
  2. Parallels Internet Security

    ソフトウェア

    Parallels Desktop5【Parallels Internet Se…
  3. 日常

    引越本番
  4. セミナー

    情報系の文化風土の現況とユビキタスGUI(グラフィカルユーザインターフェース)を…
  5. 日常

    「廣村正彰トークショー」
PAGE TOP