WordPress 作業効率化、テーブル（表）の作成手順を考えてみた

前書き

　WordPressではテーブル（表）を作成する事が多々あるが、手順よく綺麗に仕上がったら良いと思う。

いつもギクシャクして、作成しているように思う。そこで作成手順を考えてみた。

これは「TinyMCE Advanced」付属のテーブルで作成する事を前提にしています。

テーブル（表）の作成手順

作成手順

1. 縦、横のセル数を決め、テーブルを作成。
2. 各行の高さを決める。
3. 各セルに文字を入れる。
4. 各セルの文字の位置（上、中、下）を決める。
   （　td要素はデフォルトの設定で文字が左寄り、上下が中央となる　）
5. セルの罫線の種類を決める。
   • 表の外枠
   • 中の罫線
6. セルの背景色を決める（＊１）。
7. 見出しセル（th）の行や列を設定。
   （　th要素はデフォルトの設定で文字が太字、位置が中央揃えとなる　）
8. テーブル全体の最小横幅を決定（スマホ対応）。
9. 幅が大きいテーブルは横にスクロール可能とする（スマホ対応）。
10. テーブル各列の幅（％）設定。
11. 必要なら、見出し（caption）設定。
12. 必要なら、見出しセル（th）を固定。

お疲れ様！！

関連記事

WordPress テーブルの罫線を比較してみた

【クラシックエディター】の【テーブル】コマンドから、テーブルの罫線を比較してみました。

home-mga.chobi.net

2023.05.16

WordPress テーブル作成、 及びスマホ対応 の列幅の指定等

WordPress の投稿に「テーブル」を挿入したい時がある、ＰＣで見た時は異常がなくても、スマホ対応で見ると横幅が小さくなる為に、不細工に表示される事がある、それを防止する方法を検証してみた。

home-mga.chobi.net