WordPressのプラグインTablePressで簡単に文字を中央寄せにする方法

WordPressのプラグイン「TablePress」で文字を中央(センター)寄せにする方法を紹介します。

TablePressは、WordPressで簡単にきれいなテーブルを作ることができるプラグインです。特にデザインがきれいだと思います。

コードを書く必要なしに、美しく機能豊富なテーブルを投稿やページに埋め込めます。

TablePressはとても便利なのですが、細かい設定をする場合はcssを指定しなければなりません。

今回は文字の中央寄せを紹介します。デフォルトは左寄せになっています。

ほかにもやり方はいくつかあると思いますが、個人的に一番わかりやすくて簡単だった方法です。

「プラグインオプションでcssを設定」

まず、「プラグインオプション」の画面で以下のコードを入力します。

クラス名は「text」にしましたが、これは好きな名前でかまいません。

spanタグを使用する場合は「text-align: center;」だけでは中央にならないようです。

そのため、ほかに「display: inline-block;」と「width: 100%;」も加える必要があるようです。

おそらく、divタグであれば「text-align: center;」だけで大丈夫だと思います。ただし、divタグの場合は改行が入ってしまいます。

「<span>タグで文字を囲む」

次に、テーブルの編集の画面で中央寄せにしたい文字を選び、<span>タグで囲みます。

これで簡単に文字を中央にすることができます。

これ一つで他の文字やテーブルでも何度も使用することができると思います。

スポンサーリンク
ウイジェット1
ウイジェット1

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

フォローする

スポンサーリンク
ウイジェット1