WordPress

【WordPress】レスポンシブ対応のポートフォリオフィルターギャラリーを作成するPortfolio Filter Gallery

February 7, 2017
Portfolio Filter Gallery

Portfolio Filter Gallery
Portfolio Filter GalleryはWordPressサイトに美しく、レスポンシブ対応のポートフォリオフィルターギャラリーを簡単に作成するプラグイン。

Portfolio Filter Galleryプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Portfolio Filter Galleryを検索
有効化にするとPortfolio Galleryが追加されます。

Filters


Add New Categoryをクリックし、カテゴリーを追加します。


Add Imageをクリックし、画像を追加します。画像を追加すると下記画像のようにFiltersで入力したカテゴリーが表示されますので選択します。(複数選択可能)

Copy Portfolio Filter Gallery Shortcodeに表示されるショートコードを公開後に投稿やページなどにコピペするとポートフォリオが表示されます。

Portfolio Filter Gallery Setting

  1. Filter Gallery Thumbnail Size フィルタギャラリーのサムネイルサイズを選択
  2. Columns Settings デバイス毎のカラムレイアウトを選択
  3. Image Hover Effect Type 画像ホバーエフェクトタイプを選択
  4. Light Box Style ライトボックススタイルを選択
  5. Filter Background Color フィルタの背景色を選択
  6. Image Gray Scale (Gray Effect) 画像上のグレースケールを選択
  7. Title On Thumbnail サムネイルのタイトルを表示するか
  8. Show Numbering On Thumbnails サムネイルに番号を表示するか
  9. Hide Thumbnails Spacing サムネイルの間隔を空けるか
  10. Open Image Link URL 画像のリンクURLをどのように開くか