Foobox: ソーシャル レスポンシブ メディア ライトボックス プラグイン
ライトボックスは、ボックス内にコンテンツを表示するために使用される JavaScript 手法です。これまで何度もウェブサイトで使用されているのを見たことがあると思います。 WordPress の世界では、一般にギャラリーと関連付けられます。ユーザーがギャラリー画像をクリックすると、ポップアップ ボックスに画像が表示され、ページの残りの部分が暗くなり、画像が強調表示されます。
ライトボックスは他の種類の Web サイトでも使用されます。たとえば、多くのオンライン ショップでは、ライトボックス技術を使用して製品画像を強調表示しています。
ライトボックスは、訪問者がコンテンツを閲覧するのに使いやすいものです。 WordPress に組み込まれている WordPress ギャラリーなどの基本的な画像ギャラリーでは、ユーザーは画像をクリックして画像全体を表示し、[戻る] ボタンをクリックしてギャラリーに戻り、次の画像をクリックする必要があります。ライトボックスを使用すると、ギャラリーを左右にクリックするだけでコンテンツを参照できます。
今日は、Foobox という WordPress 用の優れたプレミアム ライトボックス プラグインについて話したいと思います。このプラグインを使用すると、画像、ビデオ、HTML などにライトボックスを使用できます。
フーボックスを入手
美しいレスポンシブなライトボックス
Foobox は、最も先進的なライトボックス プラグインの 1 つです。多くの便利な機能と、デスクトップ、タブレット、携帯電話で見栄えの良いレスポンシブデザインを備えています。ユーザーは左右にスワイプしてコンテンツを移動することもできます。
アップロードされた各画像には一意の URL が与えられます。これにより、訪問者は Facebook や Twitter などの一般的なソーシャル メディア サービスで画像を共有できるようになります。
このプラグインは、内蔵の WordPress ギャラリーをネイティブでサポートしています。また、人気のある WordPress プラグインの Justified Image Grid、Jetpack、NextGEN Gallery もサポートされています。
前にも述べたように、Foobox は画像を扱うだけではありません。このプラグインはビデオや HTML でも使用できます。たとえば、これを使用して YouTube ビデオをより目立つように表示したり、ニュースレターのサインアップ ボックスを表示したりできます。
iframe を使用してコンテンツを表示することもできます。この機能を使用すると、ライトボックス領域内に Web サイト全体を表示できます。これは、訪問者がページから離れないようにする場合に便利です。
Foobox で何ができるかをより深く理解するために、Foobox の設定領域を詳しく見てみましょう。
Foobox の設定
プラグインの自動アップデートを取得し、サポート タブをアクティブにするには、Foobox ライセンスが必要です。プラグインは一般公衆利用許諾契約書に準拠しているため、プラグインが機能するためにライセンスは必要ありません。
一般設定タブでは、Foobox で使用される画像の種類を扱います。 WordPress ギャラリー、添付画像、キャプション付きの画像に対して有効にすることができます。すべての種類の画像に対して Foobox を自動的に有効にすることもできます。
このプラグインには、Rounded と Metro の 2 つのスキンが含まれています。また、5 つの配色、12 のアイコン セット、および読み込み用の 11 のアイコンも付属しています。
キャプションは私が普段あまり注意を払うものではありません。ただし、Foobox はキャプションのカスタマイズ オプションを多数提供しています。画像、ビデオ、HTML、iframe にキャプションを表示するかどうかを選択できます。
キャプション タイトルと説明は、アンカー タイトルまたは画像の代替タイトルに置き換えることもできます。画像ファイル名を取得して、読み取り可能な名前に変換する機能もあります。たとえば、「day-at-beach-456」としてアップロードされた画像は「Day at Beach」という名前に変更されます。
機能設定ページには、スクロールバーやナビゲーション ボタンを非表示にするなど、さまざまなオプションがあります。 Foobox が画像に使用する一意の URL を無効にすることもできます。
その他のオプションには、全画面ボタン、ブラウジング速度を向上させるための画像のプリロード、画像保護、統計カウンター、スライドショーなどがあります。
ソーシャル メディア共有アイコンは、あらゆる種類のライトボックスに表示できます。アイコンはコンテンツ領域の上または下に配置できます。左、中央、右に揃えることもできます。
10 個のソーシャル メディア サービスをユーザーに表示できます。電子メールのリンクと画像をダウンロードするオプションを表示することもできます。対応するソーシャル アイコンを表示するには、各ソーシャル メディア サービスを有効にする必要があります。
Open Graph プロトコル、Facebook、Twitter では追加の構成オプションが利用可能です。
選択したソーシャル メディア ネットワークを有効にすると、ライトボックスに共有バーが表示されます。次のようになります。
その他のさまざまな機能は、[詳細設定] タブの下に配置されます。 Foobox アフィリエイト URL をライトボックスと統合して、追加の現金を獲得するオプションがあります。
その他のオプションには、他のライトボックスを無効にする、フッターに Javascript ファイルをロードする、デバッグ モードを有効にするなどがあります。
Foobox では、カスタム CSS と Javascript を追加してライトボックスを変更することもできます。これは主に、Foobox の機能を拡張したい開発者向けです。
ライトボックスがどのように見えるかを確認するために投稿やページを変更する必要はありません。カラースキームやソーシャルメディア共有オプションなどの設定を変更した後、デモタブに移動して、さまざまな画像、ビデオ、iframe でライトボックスがどのように見えるかを確認してください。
概要
Foobox は、ライトボックスを使用して Web サイトにコンテンツを表示する最良の方法の 1 つです。このプラグインの小売価格は、個人ライセンスが 27 ドル、マルチサイト ライセンスが 67 ドル、ビジネス ライセンスが 97 ドルです。
Foobox は、現在のギャラリー機能を置き換えるのではなく、拡張するプラグインであることに注意することが重要です。したがって、Envira Gallery などのギャラリー プラグインにある機能がありません。
ビデオ、HTML、iframe をサポートする Foobox は、さまざまな方法で使用できる多用途のプラグインです。プラグインの詳細については、Foobox の公式 Web サイトにアクセスしてください 🙂
この記事を気に入っていただけた場合は、WPExplorer に登録して、RSS、Facebook、Twitter、または Google+ 経由で今後の更新情報を入手することをお勧めします。毎週のニュースレターにサインアップすると、無料で最新情報を受信箱に直接配信することもできます。
いつものように、プラグインに関してご質問がございましたら、コメントを残してください。できる限りお答えいたします。
ケビン