WordPressの使い方とSNSに依存しないWeb戦略について発信しています

  1. ワードプレス

WordPressの表(テーブル)の縦線を表示したい

WordPressのテーマによっては表の縦線が表示されないことがあります。

編集画面では線が見えますが、

Wordpress表の罫線

プレビュー画面で見てみると縦線が見えません。

Wordpress表の罫線

しかも、罫線もちょっと薄め。

濃いめの罫線で縦線も表示する設定を説明していきます。

 

編集画面の表を選択してください。

表の左上のセルにカーソルを置く>マウスの左クリックをしたまま右にマウスを動かし、表全体を選択

Wordpress表の罫線

 

表が青く選択されている状態でテーブル(表のマーク)の▼をクリック>セルのプロパティ>高度な設定

Wordpress表の罫線の設定

スタイル欄に次の内容を入力して「OK」をクリックしてください。

border-color: #000000; border: 1px solid;

 

すると、このように実線で縦線が表示されます。

Wordpress表の罫線

縦線に関しては以上です。

 

少し表を整えます。

項目セルの行を選択>テーブル(表のマーク)の▼をクリック>セルのプロパティ>高度な設定>背景色 #f9f9f9>OK

Wordpress表の罫線

項目セルの背景が薄いグレーで塗りつぶされます。(項目セルのテキストは、太字にして中央揃え)

 

表はちょっと手を加えるだけで見栄えがだいぶ変わりますね。

ワードプレスの最近記事

  1. WordPressの表(テーブル)の縦線を表示したい

  2. 見出しの装飾カスタマイズが崩れてうまく表示されない

  3. WordPressで起業するメリットは?挫折しない?

  4. ワードプレス「セルのプロパティ」の高度な設定表示が出ない

  5. 名刺より前にワードプレスを立ち上げるべき理由

スポンサーリンク


スポンサーリンク


有料コンテンツ

note

スポンサーリンク




Twitter

PAGE TOP