Lightning Proの「LTG Media Posts BS4」で注意すること!
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_10.jpg)
「VK Blocks Pro の投稿リストブロック使用時の注意点」で紹介しました!
投稿リストブロックはBootstrap4対応スキン専用
ということで、このブロブも「Variety Ⅱ(Bootstrap4)」に変更しました。
VK Blocks Pro の投稿リストブロック使用時の注意点
LTG Media Posts(非推奨)になっていた
Bootstrap4に変更したことで、今まで使用していたLTG Media Posts(非推奨)になり、新しくLTG Media Posts BS4があります。
やはりここは非推奨はやめて、LTG Media Posts BS4に変更することにしました。
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0503_1.png)
LTG Media Posts BS4 について
LTG Media Posts BS4は、投稿リスト用のウィジェットです。
下記のように様々な表示形式が選択できます。
- 表示条件:表示する投稿タイプ、カテゴリー、表示件数などを選択できます。
- 表示タイプとカラム:表示タイプ、カラム数を設定できます。
- 表示要素:画像・カテゴリー・抜粋・日付など表示させてい項目が選べます。
- 新着表示設定:投稿記事に新着と表示させるなどの設定ができます。
- ボタンオプション:表示要素でボタンを選択した時に、ボタンの位置や文字が設定できます。
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_7-223x1024.png)
【表示タイプにテキスト1カラム】
このように投稿リストをテキスト表示することもできます。
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_9.png)
カラム数で注意したい事!
列、1〜4の数字で入力してとあります、画面サイズは下記の表のようになります。
レスポンシブデザインでの表示を簡単に変更できます。
Extra small | Small | Medium | Large | Extra large | |
Class prefix | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
Screen width | <576px | >=576px | >=768px | >= 992px | >= 1200px |
例:表示タイプCard、 Extra small~ Largeまではカラム1をExtra largeはカラム3を選択
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_2.png)
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_8.png)
例: 表示タイプMedia、 Extra small~ Extra largeまでカラム2を選択
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_4.png)
![](https://tokimeki-diary.com/wp-content/uploads/2020/05/0504_5.png)
レスポンシブデザインがこのように簡単に変更できます。
あなたも思いのままに変更してみてください。