このブログではWordPressライトボックスの意義と導入手順について解説していきます。
WordPress のライトボックスとは何ですか?
ライトボックスは、小さい画像をフルサイズで表示するために投稿/ページに表示されるポップアップ ウィンドウに対応します。複数のメディア アイテムをインポート/アップロードし、サイトに展開するためのギャラリーとして機能します。また、展開後、メディアをクリックすると最大化されて画面にはっきりと表示されます。ライトボックスの最も一般的な用途はディスプレイです。 ブログに高画質な画像を掲載 サイズを維持することによって。
WordPress にライトボックスを実装するにはどうすればよいですか?
LightBox は、さまざまなプラグインを使用して実装/適用できます。この場合、「 レスポンシブ ライトボックスとギャラリー 」プラグインを使用します。
WordPress にライトボックスを実装するには、次の手順を使用します。
ステップ 1: プラグインをインストールする
まずは「」をインストールしてください。 レスポンシブ ライトボックスとギャラリー 「」のプラグイン プラグイン -> 新規追加 ”:
インストールとアクティベーションが完了したら、「 ツアーを開始する 」ボタンをクリックしてプラグインの利用を開始します。
ステップ 2: 画像を追加する
ここで、「」から新しいギャラリーを追加します。 ギャラリー -> 新規追加 ”:
その後、ギャラリーにカスタム名を割り当て、「 メディアライブラリ 「オプションとトリガー」 画像を選択する 」をクリックして、新しい画像をアップロードするか、「メディア ライブラリ」から既存の画像を追加します。
ここで、使用する画像をマークし、強調表示されたボタンを押します。
ステップ 3: アップロードした画像を編集する
代わりに画像を編集または削除するには、次のように、ターゲット画像の上にマウスを移動して新しいオプションを表示します。
ここで、「」をクリックすると、 画像の編集 」オプションを選択すると、代替テキスト、タイトル、キャプション、説明などのさまざまな編集オプションが表示され、それに応じて入力できます。編集後は必ず「」を押してください。 変更内容を保存 ' ボタン:
ライトボックスのカスタマイズ
ライトボックスをカスタマイズするために、それぞれに専用の機能を備えたいくつかのタブが割り当てられています。これらのタブについては個別に説明します。
Config(構成)タブ: このタブでは、ギャラリーのスタイルを選択できます。これには、ギャラリーを構成するためのラジオ ボタンとして、指定された 4 つのオプションが含まれています。
「デザイン」タブ: これには、サムネイル、タイトル、背景、境界線をそれぞれ変更するための複数のオプションが含まれています。
「ページング」タブ: このタブを使用すると、開発者はページネーションを有効にし、そのタイプや位置などを指定できます。
ライトボックスタブ: ここでは、タイトルとキャプションを設定するとともに、画像のサイズを調整できます。
その他タブ: 「」を追加できます。 ギャラリーの説明 ' そして ' カスタムクラス 」など:
ライトボックスを WordPress ページ/投稿に追加する
ギャラリーをデザインした後、投稿またはページをライトボックスとして追加することもできます。これを行うには、以下の手順で対象の投稿/ページの編集画面にショートコードを貼り付けます。
ステップ 1: すべてのギャラリーに移動する
切り替える ' ギャラリー > すべてのギャラリー 」からショートコードをコピーします。 ショートコード ' カラム:
ステップ 2: コードを貼り付ける
ここで、ライトボックスで変更するページ (この場合) または投稿を開き、以下に指定されているようにショートコードをテキスト エディター ブロックに直接貼り付けます。
最終的なウェブサイトの外観
以下は、ホーム ページにライトボックス画像を実装した後の Web サイトの最終的な外観です。
これらの画像をクリックすると、他の機能を介さずにフルサイズのカルーセルとして機能します。
結論
「 ライトボックス 」は、複数のメディア アイテムをインポートしてサイトに展開するためのギャラリーとして機能するポップアップ ウィンドウに対応します。さまざまなプラグインを使用して適用できます。また、ターゲット画像に適用でき、最終的にはサイトの機能と統合できる複数のカスタマイズ オプションで構成されます。この記事では、「」の仕組みについて説明しました。 ライトボックス 」とそれを実装するための方法論。