WordPressで表(テーブル)の幅をレスポンシブ(スマホにも合うよう)にする方法！｜インターネットビジネスで起業し､自然派グルメを楽しむ元OL美紀のブログ

ワードプレスで表（テーブル）を挿入した時、パソコンだときちんと画面にフィットしているのに、スマホで確認すると途中で切れてしまうことがあります。

こちらの記事では、テーブル幅をレスポンシブに（様々な端末に合うように最適化）する方法を紹介します。

TinyMCE Advancedプラグインが導入済みでのボタンからテーブルを作っている前提での解説となります。

CONTENTS

WordPressでテーブルの幅をスマホにも合うようレスポンシブにする方法を動画で解説！

ワードプレスで表（テーブル）を作って、スマホで確認した時に

理想はこのように↑なっていて欲しいのに…

実際はこのように↓

表（テーブル）がスマホ画面の幅に合っていなかったり、右端が切れてしまうことがありますよね。

これを解消する方法を紹介します！

テーブルのどこかをクリックした状態で

「テーブル」ボタンの右の▼をクリック

↓

「表のプロパティ」をクリック

↓

表(テーブル)の幅をレスポンシブにする幅の値を０にするまたは削除する

↓

　OK　をクリック

これで、スマホなどパソコン以外の端末で見ても表の幅が合うようになりました。

ブログは、パソコンからだけでなく色々な端末から読まれるものです。

テーブルをレスポンシブにしてスマホなどの幅にも合うようにしていきたいですね！