TablePressの横幅が100%にならないときの対処法

WordPressのプラグイン「TablePress」は、デフォルトで横幅が100%になっています。

しかし、なぜか時々100%にならないことがあります。

そこで、100%にならないときの対処法を紹介します。

フォーラムで同じような質問を発見

調べたところ、フォーラムで同じような質問がありました。

Hello I’m trying to set a width of the entire table to 100%, i have used css below but no luck.

訳:テーブルサイズを100%にしたくて、以下のCSSのコードを書きました。しかし、うまくいかないです。どうしたらいいですか

.tablepress {
width: 100%;
}

I have also tried this:

.post-content .tablepress {
width: 100%;
}

そして、開発者の人は以下のように回答しています。

Hi,

thanks for your post, and sorry for the trouble.

100% is actually the default, usually. Sometimes, it might be necessary to force this using the !important keyword, like

(訳:100%はデフォルトで設定しています。しかし、ときどきうまくいかないときがあるので、そのときはCSSの!importantを使用してください。たとえば以下です。)

.tablepress {
width: 100% !important;
}

Regards,
Tobias

width: 100%を!importantで指定

開発者の言うように、CSS!importantを使用すると良いようです。

ちなみに、!importantはスタイル適用の優先順位を上げることができる宣言です。

そこで、プラグインのオプションのところに、以下のコードを加えました。

「width: 100%」を「!important」で指定します。

「横幅の100%を最優先にしてください」というような意味でしょうか。

これでうまくいきました。


グーテンベルク時代のWordPressノート テーマの作り方(入門編) (EP NOTE SERIES)

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

シェアする

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

フォローする

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