【WordPress】ポートフォリオに最適なグリッドを作成できるRAYS Grid

WordPress

RAYS Grid

February 2, 2018

RAYS Grid
RAYS Gridは独自のカスタマイズされたグリッドを作成するためのプラグイン。ユーザーフレンドリー、インポート/エクスポート、20+ユニークで素晴らしいスキン、複数の投稿タイプから選択可能、Masonry、スライダーなどのグリッドレイアウト、10プリローダースタイル、様々なナビフィルタースタイルなどのオプションも準備されています。

RAYS Gridプラグインを導入

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

Import / Export Grids

RAYS GridEXPORT GRIDS

  1. EXPORT GRIDS 使用可能なグリッドをすべてエクスポート

RAYS GridIMPORT GRIDS

  1. UPLOAD .JSON FILE: .jsonファイルをインポート
  2. UPLOAD ファイルからインポート

Create New Grid

※カスタム投稿を使用する場合は、追加されるPortfolio Postsも使用可能。
RAYS Grid
NAMING

TITLE グリッドタイトル
ALIAS エイリアス
SHORTCODE コードは、エイリアスを入力すると自動的に生成されます。
EXTRA CSS CLASS CSSクラス名を追加

RAYS Grid
SOURCE

POST TYPES 利用可能な投稿タイプから選択
POST CATEGORIES 利用可能なカテゴリまたはタグ
MAXIMUN ENTRIES すべてのポートフォリオ投稿を表示する場合は、そのままにします(-1)。
ORDER BY グリッドの順序を選択
ORDER TYPE 昇順または降順を指定
IMAGE SOURCE TYPE イメージサイズを選択
PAGINATION ページネーション
MAX. VISIBLE ROWS 可視行の数

RAYS Grid
LAYOUT

MAIN COLOR メインカラー
GRID LAYOUT 表示するグリッドを選択
MEDIA RATIO X:Y メディア比率X:Y
COLUMNS PER ROW 水平に表示される行
ITEM SPACING グリッド間隔
PRE-LOADER ロードされる前に表示されるプリロードスタイルを選択
RTL RTL

GRID LAYOUTによって項目が変更される箇所があります。
RAYS Grid
SKINS & STYLES
スキンスタイルを選択。

RAYS Grid
NAV FILTER

NAV-FILTER グリッドの上部に表示されるナビゲーションフィルタスタイルを選択
SHOW ALL BUTTON すべて表示のボタンを表示/非表示
SHOW ALL BUTTON TEXT すべて表示させるボタンのテキスト
LAYOUT OPTION レイアウトオプション
SHOW NUMBER OF ELEMENTS 要素数を表示する

SAVEをクリックし、ショートコードをコピペします。
RAYS Grid

Latest Posts

Related Posts