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

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

TablePressは、WordPressで簡単にきれいなテーブルを作れるプラグインです。

特にデザインがきれいだと思います。

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

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

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

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

スポンサーリンク

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

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

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

spanタグを使用する場合は、「text-align: center;」だけでは中央になりません。ほかに「display: inline-block;」と「width: 100%;」も加える必要があります。

divタグであれば「text-align: center;」だけで大丈夫です。ただし、divタグは改行が入ってしまいます。

左寄せ

左寄せは「text-align: left;」です。

右寄せ

右寄せは「text-align: right;」です。

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

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

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

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

Amazonプライム・ビデオ

月額500円または年間4900円で、独占配信のAmazonオリジナル作品や、人気の映画やTV番組を楽しめます。

Prime Videoの会員特典対象作品の視聴をはじめ、Amazonの配送特典やPrime Reading、Prime Music等が使える会員制プログラムです。

まずは、30日間の無料トライアルに申し込むのをおすすめします。

U-NEXT

映画やドラマ、アニメの名作はもちろん、最新作も超充実なコンテンツ数が特徴です。その数200000本以上。

まずは、31日間の無料トライアルに申し込むのをおすすめします。

プラグイン
スポンサーリンク
hmrをフォローする
映画とWordPressと節約と私
タイトルとURLをコピーしました