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

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

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

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

スポンサーリンク

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

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

How can i set width to 100%?
Support » Plugin: TablePress » How can i set width to 100%? How can i set width to 100%? Resolved thief_pl (@thief_pl) 2 years, 3 months ago Hello I’m trying to...

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)

タイトルとURLをコピーしました