私の副業での出来事や商品に関する四方山話（よもやまばなし）

第５回目は「WordPress テーブル　枠線削除と等間隔設定について」

 

 

テーブルの作成

前回記事の複式簿記編で仕分けの表をWordPressのテーブルで作成しました。

簡単にエクセルの表をコピペすればいいっしょ。と思っていたら貼り付けられない。ん～、絵にしてみるか。

エクセルをペイントに貼って、JPEGにして、WordPressに貼って・・・。

貼れたけれども画質が悪すぎて文字として読み取れない。さて困った。

 

検索するとエクセルのような表は「テーブル」と言うこと、少し難しいらしことがわかりました。

では、テーブルやってみます。

 

テーブルの作成

仕分けの表は１１列３行必要なのにテーブルの選択域は１０列×１０行。まずは１０×１０の表を作ります。

 

列の挿入

列はカラムと言うんですね。カラム（列）を右側に増やします。

 

列幅を等間隔に

１０列と１１列の幅が狭いので「各セルに１０％つづ割り当てて等間隔にしよう。」と思いました。

表のプロパティで幅１００％を幅１０％にします。

 

 

縮小しました。　え？　小さくなる？　元に戻してやり直しです。

 

幅の割合を変更して、６０％も、１１０％も、１００％も、１０列１１列は狭いままです。

 

セルプロパティ確認

セルのプロパティの幅を確認すると１列目9.93939%、９列目9.93939%、１０列目５％、１１列目５％。

ん？１０列１１列を合わせると１０％、１列から９列の合計９０％・・・。ってことは表全体で１００％？

 

１００％を１１列で割るとひとつの列は９％。セルのプロパティで幅を９％に設定すると・・・、

やっと等間隔になりました。表全体を選択してセルのプロパティ→幅→９％の設定です。

 

ようやく、ようやく等間隔

朝からテーブルに取り掛かり、等間隔にできたのが夕方。長かった道のりです。

後は枠線を消して体裁を整えて表を作っていきます。

 

今回の教訓

「表のプロパティの幅は１００％で固定、あとはセルのプロパティで幅等の変更」でした。

 

 

参考にした記事

枠線の消し方は大福さんの記事を参照しました。

この大福さんの記事がなかったら複式簿記の仕分け表を作成することはできませんでした。ありがとうございました。

 

表作成のまとめ記事は多くありますが、枠線を消すことに注目した記事はありません。

私が枠線について書くより大福さんの記事を読んでいただいた方がわかりやすいです。

枠線を消した表を作成できば表現の幅が増えそうです。

 

大福日記 WordPress【表の特定のセルの枠線を消す方法】