サービスリストや社員紹介などで使える、写真付きカラムのブロックです。
![](https://dg-style.net/wp-content/uploads/2020/12/01-service-info.gif)
ブロックの特徴
カラム数は制限なし
カラム追加に関しては特に制限はありません。
ただ1列に表示できるカラム数は1~4までで、スマホの場合は1カラム固定になります。
4カラム
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-010.jpg)
テスト
テキストテキストテキストテキスト
3カラム
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
テキストテキストテキストテキスト
2カラム
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
1カラム
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
イメージタイプ
イメージのデザインを「四角」か「円型」に選択できます。
四角
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
テキストテキストテキストテキスト
円型
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
テキストテキストテキストテキスト
線設定
各カラムの線を設定できます。設定できるものは、「太さ」「線の種類」「色」です。
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
テキストテキストテキストテキスト
タイトル・サブタイトル設定
各カラムごと、以下の設定ができます。
- タイトル:文字色
- サブタイトル:表示ONOFF・文字色
![](https://dg-style.net/wp-content/uploads/2020/12/it-016.jpg)
テスト
サブタイトル
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-014.jpg)
テスト
テキストテキストテキストテキスト
![](https://dg-style.net/wp-content/uploads/2020/12/it-025.jpg)
テスト
サブタイトル
テキストテキストテキストテキスト
リンクボタン
各カラムごと、リンクボタンを追加できます。