meワードプレスのカスタマイズ方法を中心にガジェットや日常の話をしてます。今回は筆者のおすすめプラグインでも紹介した、EasyFancyBoxの設定と使い方です。デフォルトでも使えますし、簡単な設定で誰でも画像やサムネイルをクリックした時に拡大ポップアップとして表示してくれるプラグインです。このプラグインは筆者も使ってるプラグインですので、もしよかったら試してみてください。最初にプラグインのインストールトと有効化をしてください。インストール方法などがわからない方はこちらを参照にしてください。(WordPressのプラグインのインストールト有効化について説明しています。)では、早速始めて行きましょう。設定プラグインの有効化が終われば、ダッシュボードから設定>メディアの順番でクリックします。下図の様にFuncyBoxが出ていれば成功です。Mediaポップアップで表示したい項目にチェックを入れます。ご自身のサイトに合うようにカスタマイズしてください。チェックボックスを入れると各項目が表示されますが、外すと項目が非表示になります。Overlay1つ目のチェックボックスは、FancyBoxで開いたコンテンツ周りのオーバーレイを有効にするかどうかです。デフォルトでは画像の枠がグレーの透明レイヤーが有効になります。2つ目のチェックボックスはオーバーレイをクリックした時にポップアップしたウインドウを閉じるかどうかです。0~1の間で設定ができます。デフォルトが0.7です。ほとんど変えなくても大丈夫だと思います。Window1つ目のチェックボックスは閉じるボタン(X)を付けるかどうかです。autodetection.:オーバーレイで画像を開くには、下の「Autodetect」に拡張子を追加するか、リンクに「fancybox」クラスを使用します。自動検出を全てオフにするには、「Autodetect」をクリアします。images?:「class=”fancybox”」が記述されたすべてのメディアを画像として強制的に扱いますか?「いいえ」か「はい」Behaviorトランジション効果とイージング効果の設定。Linear・Swing・EaselnBack・EaseOutBack注意:イージング効果は、トランジションがエラスティックに設定されている場合にのみ適用。transition.チェックを付けるとエラスティックトランジションの時は、透明度が薄くなっていきます。In」が「Elastic」に設定されている場合にのみ使用すること。属性を使用してイメージリンクを手動でグループ化できます。next/back.:ギャラリーを「next」「back」を押し続けられるようにし、ギャラリーを循環させられるようにする。大きくなるほど遅くなります。“fancybox-inline”属性を付けます。HTMLコンテンツのサイズを調整してみてください。チェックを外すと、デフォルトの寸法が使用されます。なし/自動/スクロールありスクロールとスクロールバーの可視性を定義します。PDFオーバーレイでPDFドキュメントファイルを開くには、自動検出を有効にするか、そのリンクに「fancybox-pdf」クラスを使用します。浮遊させる/外に表示/内側に表示:サムネイルのaltタグからタイトルを許可するSWFオーバーレイでFlash(.swf)ファイルを開くには、自動検出を有効にするか、リンクに「fancybox-swf」クラスを使用します。“fancybox-svg”クラスを使用します。浮遊させる/外に表示/内側に表示:サムネイルのaltタグからタイトルを許可するYouTubeオーバーレイでYouTubeムービーを開くには、自動検出をオンにするか、リンクに「fancybox-youtube」クラスを使用します。浮遊させる/外に表示/内側に表示:サムネイルのaltタグからタイトルを許可するVimeoオーバーレイでVimeoムービーを開くには、自動検出をオンにするか、クラス「fancybox-vimeo」をリンクとして使用します。“fancybox-dailymotion”クラスを使用します。“fancybox-iframe”クラスを使用します。浮遊させる/外に表示/内側に表示:サムネイルのaltタグからタイトルを許可するリンクの設定メディア挿入時にリンク先の設定が自分で決めれます。メディアファイルを選択しないとプラグイン効果がでませんのでお気を付けください。画像などをアップデートした時点でメディアファイルと指定されていますが、プラグイン導入前の画像などは指定されていない可能性があります。いかがだったでしょうか?難しい設定はほとんどなくデフォルトでも使えますので、画像をおしゃれに表示したい!と言う時などには良いプラグインだと思います。筆者のHPも採用しています。バグの報告はいくつかあるみたいですが、今のところ正常に動いていますのでストレスなく画像表示してくれています。この機会にプラグインの導入をしてみてはどうでしょうか?参考になったらシェアして頂けると励みになります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。気軽にブログを続けて行きたいという人は断然無料がおすすめです。今回はmacユーザーのためのFTPソフトの紹介です。今回はmacのスクリーンショットです。長年windowsを使ってきたユーザーにとってはmacは未知の世界。Anti-Spamです。自分のサイトを悪意のあるスパムから保護してくれるプラグインです。設定手順書wordpressのバックアップを取るなら、BackWPupと言うプラグインがおすすめです。