【WordPress】表をスマホで表示する時に横幅がはみ出る原因と修正の仕方

 

ブログの記事を書く時は表など使うとより わかりやすく、説得力も増します。

そこで私もWordPressで表を使うことがあります。

しかし、後でスマホで表示を確認した時に、 ある表ではキレイにスマホの画面に収まっていたり、 ある表ではスマホの画面からはみ出てしまっていたりします。

実は表を「TinyMCE Advanced」の表(テーブル)で作成した 当初はレスポンシブル対応しており、スマホの画面にもキレイに収まりますが、 操作をしている時に、レスポンシブル対応から横幅のサイズを指定してしまってる 状態になっている場合があります。

この原因はプラグイン「TinyMCE Advanced」の表(テーブル)プロパティから 簡単な操作で修正することができます。

スポンサーリンク

表のスマホ表示を「TinyMCE Advanced」の表(テーブル)プロパティで修正

 

 

このように横にはみ出た場合、スマホ画面が グラグラとなり、スクロールしにくく読み手にストレスを与えて しまいますし、 何よりキレイではありませんね。

ビジュアルモードで修正

1.テーブル(表)のプロパティを開く

2.幅の部分に入ってる数字を消去

 

これで更新をしてもらってスマホで 表を確認してもらえればスマホの幅に 収まっています。

 

幅の数字を指定している状態になっていたため レスポンシンブルではなくなっていたので 幅の指定を取り消し、レスポンシンブルに戻すということになります。

このワードプレスブログの運営はロリポップ・ムームードメインで行っています。
最初は初期費用の安いプランから始められるロリポップで開設しました。
ロリポップの月額500円のスタンダードプラン、年間1000円のムームードメインから始めました。(年間維持費約7000円)
ブログからの収益が入るようになり軌道に乗ったので現在はハイスピードプラン、複数のサイトを運営しています。

ロリポップ

ムームードメイン

WordPress
スポンサーリンク
kabukabu35をフォローする

格安SIM、スマートフォン

kabukabu35

コメント

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