Webサイト制作所のWordPressテーマには、コンテンツ制作をもっと楽しくする「オリジナルブロック」が多数搭載されています。その中でも「リスト」カスタムブロックは、チェックマーク付きやシンプルな箇条書きを誰でも直感的に作れる便利な機能。ブログ記事やサービス紹介ページの情報整理にぴったりです。
カスタムブロックで作成できるリストサンプル
COMPLETION
| リストスタイル ボーダー | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
付箋風（アクセントカラー）
| ボーダー | 変更不可（アクセントカラー） |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
タグ風（1）
| 〇 | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
タグ風（2）
| 〇 | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
四角に下線（アクセントカラー）
| リストスタイル ボーダー | 変更不可（アクセントカラー） |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
四角に下線（ブルー）
| リストスタイル ボーダー | 変更不可（アクセントカラー） |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
▶（アクセントカラー）
| リストスタイル ボーダー | 変更不可（アクセントカラー） |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
メモ風
| リストスタイル | カラーピッカーでカスタム可能 |
| ボーダー | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
手書き風
| リストスタイル | カラーピッカーでカスタム可能 |
| ボーダー | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
古い紙風
| リストスタイル | カラーピッカーでカスタム可能 |
| ボーダー | 変更不可 |
| リスト項目の背景色 | 変更不可 |
| リスト項目の文字色 | カラーピッカーでカスタム可能 |
- リスト（1）
- リスト（2）
- リスト（3）
リストの作成方法
STEP 1 リストブロックを呼び出す ブロックエディターの挿入したいところに「リスト」ブロックを呼び出します
- 「ブロックを追加」を選択
- 「見出しブロック」を選択
STEP 2 リストを作成しカスタマイズ リスト項目にテキストを入力しカスタマイズ項目を選択
- リスト項目にテキストを入力
- カスタマイズ項目を設定し完了