お知らせガイド
タブ形式
クラスが同じため、2つnews-tab ショートコードを使うとタブ切り替えで表示がおかしくなりますが、実際には1つしか使わないので大丈夫です。
stretch-panel
|
1 2 3 |
<div class="grid-container"> [myphp file="news-tab"] <!-- grid-container --></div> |
list
|
1 2 3 |
<div class="grid-container"> [myphp file="news-tab" option="list"] <!-- grid-container --></div> |
リスト形式
|
1 2 3 |
<div class="grid-container"> [myphp file="news-list"] <!-- grid-container --></div> |
スライダー形式
categoryでカテゴリーのスラッグを指定するとそのカテゴリーのみ表示される
|
1 2 3 |
<div class="grid-container"> [myphp file="news-slider" view="3" option="tate-only" category="news"] <!-- grid-container --></div> |
モバイルスライダー形式
スマホの場合はカルーセル式スライダーを作成することができる
PCの場合にスライドせずブロックグリッド表示になる
option=”無印/tate-only/yoko-only/reverse”
| option | PC | スマホ |
|---|---|---|
| 無印 | 🏞️🧾 | 🏞️ 🧾 |
| tate-only | 🏞️ 🧾 | 🏞️ 🧾 |
| yoko-only | 🏞️🧾 | 🏞️🧾 |
| reverse | 🏞️ 🧾 | 🏞️🧾 |
view 設定なし
PCは3枚のブロックグリッド。スマホは1で固定。
date=”yes/no”
日付の表示/非表示
dateがyesのときは日付順。dateが指定されていなければ、menu_order順
bcrs=”yes/no”
border、radius、shadowをそれぞれyes/no指定可
collapseは指定不可
animation
フワを指定(fuwa、ffuwa、fffuwa、fade_in、fade_right、fade_left)
フワはPCのみにつきます。スライダーにはつきません。
|
1 2 3 |
<div class="grid-container"> [myphp file="news-mobile-slider" option="tate-only" animation="fuwa"] <!-- grid-container --></div> |
新着情報一覧のカテゴリー絞り込み
|
1 2 3 |
<div class="grid-container"> [myphp file="news-category" option="tate-only"] <!-- grid-container --></div> |
Scroll形式
category=”banner/res-card”
スクロールするitemの表示形式
trim=”trim0101/trim0302/trim0403/trim1609/trim0201/trim0304/trim0507″
画像の比率を指定
button=”button-a/button-b/button-c”
スライダーのボタンの種類が変更できる。ディフォルトは、ボタン非表示
|
1 2 3 |
<div class="grid-container"> [myphp file="news-scroll" button="button-a" category="banner" trim="trim0101"] <!-- grid-container --></div> |
Ticker形式
投稿記事のタクソノミーTickerに表示をチェックすると表示される
|
1 2 3 |
<div class="grid-container"> [myphp file="news-ticker"] <!-- grid-container --></div> |
トピックス