時間 | 月 | 火 | 水 | 木 | 金 | 土 | 日 |
---|---|---|---|---|---|---|---|
9:00 ~ 12:00 | |||||||
13:00 ~ 17:00 |
<!-- wp:table {"hasFixedLayout":true,"className":"is-style-st-centertable has-st-td-width has-st-td-width\u002d\u002d2 is-style-scroll-box","stTdWidth":"-2","stScrollable":true} -->
<figure class="wp-block-table is-style-st-centertable has-st-td-width has-st-td-width--2 is-style-scroll-box"><table class="has-fixed-layout"><thead><tr><th>時間</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th><th>日</th></tr></thead><tbody><tr><td>9:00 ~ 12:00</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-triangle" add_style="color:#66BB6A;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td></tr><tr><td>13:00 ~ 17:00</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td></tr></tbody></table></figure>
<!-- /wp:table -->
コピーしました
よくある週間の表です。閲覧状況によっては横スクロールとなります。
各、アイコンはショートコードを使用しています。
[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]
add_style
属性のcolor:#4FC3F7;
は色を、font-size:1.4em;
は文字サイズを指定しています。