スマホで見たときに表が切れる時の対処法とは!?

ワードプレスで記事作成していたときによく使うものとして表がありますよね。

表があったら一目ではっきりできるのでわかりやすいものでもあります。

しかし、その表もスマホで見たときに見切れてませんか?

見切れてたら表にした意味がなくなってしまいますよ。

今回はその対処法について私が実践していることを紹介しますね。

スマホで表が見切れる時の対処法は?

 

最初に回答を書きますが、「スクリーンショットして画像として貼る」これが一番てっとり早い方法です。

私自身スマホで表が見切れてたときに色々対処法について調べてみましたがCSSをいじったり表をスクロールできる方法があったりするのですが、正直CSSはみてもさっぱりな状況ですし

「表をわざわざ右や左にスクロールして見るのはめんどくさい、、」

と言うのもありました。

実際スクロールしてみれる表のサイトも見てみたりしましたがやはり文字が変な所で改行されてたりしてあまり見栄えがよくなかった感じがしました。

そこでなんか対策ないかと考えていましたが、私は別のサイトでよく画像を入れておりました。

「画像はスマホで見たときも見切れる時はないなぁ、、!」

とこの時にふと閃きました。

「表自体を画像として入れたら解決するんではないか」と。

これだったらわざわざCSSをいじったりする必要もないし誰でもできる方法だな!と思って早速実践してみました。

実践した結果は?

 

そう思って実践した結果、今まで見切れてた表が全て出るようになりました。

中には小さくて拡大する必要もありますが、スマホで拡大することはよくやることですのでそこまで気にしないのかな?と個人的に感じてます。

見切れて見れないよりかはずっとかマシ。

特に最近はスマホのユーザーがかなり多いのでスマホでみやすいように対策を行っておかないとグーグルからペナルティがくる可能性もなきにしもあらずです。

必死に表を綺麗に作っても見切れててみられなかったらそもそも意味がないので、その改善策としてCSSとかいじれない人は画像にして取り込む方法を試してみてください。

まとめ

  • スマホにしたら表が見切れることがある(大体3行超えたらアウト)
  • CSSいじれない人は表を画像にして貼り付けたら解決する

私も表が見切れる原因はすぐに突き止めれてたのですが、その解決方法に対して頭を悩ませておりました。

その時ふと他の方の記事を添削していてその記事が画像が多かったのでスマホで確認してみると画像が全て入っていたのを見てこのやり方を思いついた次第です。

ちょっと本来のやり方からしたら邪道に近いかもしれませんが見れないよりかはマシです。

「表が見切れてどうしようもない」

「かと言ってCSSとかいわれてもさっぱりだからなぁ」

と言う方は画像にして取り込む方法を試してみてください。

その悩み、解決できますよ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください