こちらでは、フリーランス主夫が開発・販売するWordPressテーマで使えるカスタムブロック「リスト」について解説していきます。ここで解説しているカスタムブロックを活用すれば、簡単操作で色々な「グループ」を作成できます。
カスタムブロックで作成できるリストサンプル
僕が開発・販売する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 リストを作成しカスタマイズ リスト項目にテキストを入力しカスタマイズ項目を選択
- リスト項目にテキストを入力
- カスタマイズ項目を選択
STEP 3 完成 簡単操作で作成できます
テキスト入力以外は全てマウス操作だけで作成できました！
WordPressテーマのカスタムブロック
ぼくが開発・販売するWordPressテーマには、今回紹介した「見出し」の他にもコンテンツの作成をサポートするカスタムブロックが多数あります！