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

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

 

ギャラリーを作成

 

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

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

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

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

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

 

ギャラリーパラメータ

 

デフォルトのギャラリーは、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、
+ 'display':デフォルト|| スライダー|| ポートフォリオ|| masonry、
+ '列':1 - > 9、
+ 'サイズ':画像のサイズ
+「targetsize」:ライトボックス画像のサイズ
+ 'link':ファイル|| 投稿|| なし|| カスタム、//画像をクリックしたときにライトボックスを表示する場合は「ファイル」を使用します
+ '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 //自動再生スライダ

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

ギャラリーを編集しながら、画像をクリックして右の列のオプションを見てください。

 

リンクギャラリー画像

 

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

 

画像詳細

 

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

 

デフォルトテーマ

 

Masonryは、幅と流動性の高さが固定された画像の壁を表示します。

 

Masonryテーマ

 

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

 

ポートフォリオテーマ

 

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

 

image28

 

4.画像オプション

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

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

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

  • カスタムオーダー
  • 順不同
  • タイトル
  • 日付

WP Media FolderにはNextGENギャラリーインポーターがあります。 プラグインがインストールされると、WP Media FolderがNextGENギャラリーのインストールを検出し、インポートギャラリーへの通知を受け取るでしょう。

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

 

image32

 

あなたは今グーテンベルクエディタであなたのギャラリーを見せることができます。

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

 

wpmf-gallery

 

そして、をクリックしてギャラリーを編集できます ギャラリーを編集 上のボタンをクリックするか、クリックして画像を追加します 画像をアップロードする 下部のボタン。

すべてのギャラリー設定は右側のパネルにあります。

 

ギャラリブロック設定

 

7. PDFをグーテンベルクに埋め込む

クラシックエディタに挿入したときにPDFファイルを埋め込むオプションがあります。 今、あなたはグーテンベルクエディタでもすることができます。

まず、をクリックします WP Media Folder PDFの埋め込み WP Media Folderカテゴリのボタン。 それからあなたは押す PDFを追加 PDFファイルを埋め込むためのボタン。 その後、[PDFの編集]ボタンをクリックして編集できます。

 

埋め込みPDF