メインコンテンツにスキップ

WP Media Folder :フォルダーからのWordPressギャラリー

WordPressにはネイティブのギャラリー機能が組み込まれています。 フォルダに基づいて、この機能の拡張機能を提供することを選択しました。 フォルダまたは選択した画像からギャラリーを作成できます。 グーテンベルクエディタを使用している場合は、6。グーテンベルクのギャラリーブロックに進んでください

 

ギャラリーを作成する

 

フォルダを開くか画像を選択すると、「フォルダからギャラリーを作成」というボタンが表示されます。 ギャラリーが作成されると、WordPressのデフォルトのオプションに加えて、次のようないくつかの新しいオプションがあります。

  • ギャラリーのテーマ:ギャラリーのレイアウト
  • 列:テーマの列の数
  • ギャラリー画像のサムネイルサイズ: WordPressのデフォルトの画像サイズ変更から選択
  • ギャラリー画像ライトボックス(大)サイズ
  • 画像をクリックしたときのアクション:ライトボックスを開く、別のページを読み込む、何もしない、またはカスタムリンクにリンクする(リンクは単一の画像をクリックして選択することもできます)

アクションクリックギャラリー

  • 画像の自動挿入:このフォルダに画像を追加すると、ギャラリーに自動的に追加できます
  • 注文方法:日付、タイトル、カスタム、またはランダムで画像を注文できます
  • 順序:昇順、降順

2列の大きな幅のギャラリーなど、大きなサムネイル表示の場合に低品質の画像が発生する場合は、中または大の画像を読み込むことをお勧めします。

 

gallery-parameters

 

デフォルトのギャラリーは、WordPressのデフォルトのギャラリーテーマを上書きします。 テーマにWordPressギャラリーのスタイルオプションがすでにある場合は、この機能を無効にできます。

-ギャラリーショートコードを使用するには、 [設定]>[ WP Media Folder [Wordpressギャラリー]>[ショートコード]タブ。 オプションを選択すると、下部のページにショートコードが表示されます。

 

wp-gallery-shortcode

 

サンプルのショートコードは次のとおりです。

[gallery wpmf_autoinsert = "1" wpmf_folder_id = "8" display = "default" columns = "3" size = "medium" targetsize = "large" link = "file" wpmf_orderby = "post__in" wpmf_order = "ASC" gutterwidth = " 10 "border_style =" solid "img_border_radius =" 10 "border_width =" 1 "border_color ="#dd3333 "img_shadow =" 1px 1px 10px 2px #cecece "autoplay =" 1 "]

-属性:

+'wpmf_autoinsert':1、
+'wpmf_folder_id':フォルダのID、
+'表示':デフォルト|| スライダー|| ポートフォリオ|| masonry、
+'列':1-> 9、
+'サイズ':画像のサイズ、
+'ターゲットサイズ':ライトボックス画像のサイズ、
+'リンク':ファイル||
投稿|| なし|| カスタム、//画像をクリックしたときにライトボックスを表示したい場合は「ファイル」を使用+「wpmf_orderby」:post__in ||
ランド|| タイトル|| 日付、 +'wpmf_order':ASC ||
DESC、 +'gutterwidth':画像間のパディング(px)、
+'border_style':実線||
点線|| 破線、.... + img_border_radius(px)、border_width(px)、border_color、
+ img_shadow:シャドウにはHオフセット、Vオフセット、ブラー、スプレッド(px)、カラーが含まれます
+'自動再生':1 ||
0 //自動再生スライダー、 +'include_children':1 || 0//画像をサブフォルダーに含める

ギャラリーで画像ごとにカスタムリンクを定義できます。これは、ページまたは投稿にリダイレクトするギャラリーに基づいてホームページのレイアウトを作成する必要がある場合に非常に役立ちます。

ギャラリーを編集しているときに、画像をクリックして、右側の列のオプションを確認します。

 

リンクギャラリー画像

 

WordPressのデフォルトのリンクマネージャを使用して、この画像への内部リンクまたは外部リンクを定義できます。 リンクを開くターゲットを同じウィンドウまたは新しいウィンドウ(新しいタブ)として定義することもできます。

 

画像詳細

 

最初のギャラリーオプションはテーマの選択です。 デフォルトのテーマはWordPressのデフォルトのテーマを拡張したもので、ライトボックスを画像にもたらします。

 

デフォルトのテーマ

 

Masonryは、固定幅と流体高さの画像の壁を表示します。

 

Masonryテーマ

 

ポートフォリオのテーマは、ホバー効果、タイトル、キャプションを備えたスタイリッシュなギャラリーです。

 

ポートフォリオテーマ

 

スライダーテーマは、タイトルとキャプションのある水平スライダーです。

 

image28

 

4.画像オプション

各画像には、ギャラリーにいくつかのオプションがあります。 画像をクリックしてご覧ください。

  • 選択したテーマに応じて、タイトルとキャプションをギャラリーに表示できます
  • たとえば、ライトボックスを画像に追加したり、ギャラリー内の個々の画像にカスタムリンクを追加したりするためのリンク-WordPressリンクマネージャーを使用すると、
  • リンクターゲットは、リンクが同じウィンドウに読み込まれるか、新しいウィンドウに読み込まれるかを定義できます。

各ギャラリーでは、次の方法で画像を注文できます。

  • カスタムオーダー
  • 順不同
  • 題名
  • 日付

WP Media Folderは、NextGENギャラリーインポーターがあります。

各ギャラリーは、ギャラリーの名前をフォルダー名として1つのフォルダーとしてインポートされます。

 

image32

 

Gutenbergエディターでギャラリーを表示できるようになりました。

クリックし、グーテンベルクエディタでギャラリーを表示するためにはWP Media FolderギャラリーでボタンWP Media Folderカテゴリ。 その後、メディアからフォルダを選択し、[ギャラリー作成]ボタンをクリックします。 さらに、メディアライブラリから画像を選択するか、PCから直接アップロードして、独自のギャラリーを作成できます。

 

wpmf-gallery

 

次に、上部の[ギャラリー編集]ボタンをクリックしてギャラリー編集したり、下部の[画像のアップロード]ボタンをクリックして画像を追加したりできます。

すべてのギャラリー設定は右側のパネルにあります。 例:テーマ、フォルダー選択、列、ライトボックス、順序付け、フォルダーコンテンツの更新...

 

gallery-block-setting

 

ギャラリーが作成されたら、画像をクリックすることで、右側のパネルでそのタイトル、キャプション、カスタムリンク、またはリンクターゲットをすばやく編集できます。

 

画像設定ブロック