記事作成

WordPressの表作成と装飾コード一覧

 
装飾がなく、文章だけの記事は読みにくくなります。

何か装飾で囲ったり、表を入れることによって読みやすさが断然変わります。

コードにあるこちらのマークをクリックして、「Ctrl+C」でコードをコピーできます。
コピー
 

表作成

表作成コードを使うと、見る端末によって画面サイズぴったりに変わってくれます。

文字中央寄せで、2列の表を作れます。

表タイトル
1列目名 2列目名
11 21
12 22
13 23
14 24
15 25
16 26
17 27
18 28
19 29
20 30

 
文字中央寄せで、2列のコードはこちらです。

 
文字は左寄せで、3列の表を作れます。

表タイトル
1列目名 2列目名 3列目名
11 21 31
12 22 32
13 23 33
14 24 34
15 25 35
16 26 36
17 27 37
18 28 38
19 29 39
20 30 40

 
文字は左寄せで、3列の表のコードはこちらです。

 

■■■ ●●●
■■■ ●●●
■■■ ●●●
■■■ ●●●
■■■ ●●●
■■■ ●●●
 

 

開始タグ

 
終了タグ

あいうえお
かきくけこ
さしすせそ

 

 

★ここに文字を入力してください。

 

 

★ここに文字を入力してください。

 

 

□タイトル
★ここに文字を入力してください。

 

 

□タイトル
★ここに文字を入力してください。

 

 

□タイトル
★ここに文字を入力してください。

 

 

最初の「#」の後ろが色のコードです。

最初の「#」が枠の色で、後ろにある「#」は背景の色です。

色のコードは以下を参考にしてください。

原色大辞典(https://www.colordic.org/)

最後まで読んで頂いてありがとうございました。