ブログ収益化の最初の一歩をお助けします
ブログを始めて月100万円以上の利益を得た

元特定派遣サラリーマンがブログの収益化をレクチャー

最短でブログの収益化できることをお約束します

ネットビジネス

WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

Pocket

ワードプレスブログで作成したテーブル機能。

表を作る時に非常に便利ですよね。しかしちょっと困った時がありますよね。

パソコンで見ると綺麗に出来てるのにスマホで見ると表がズレたり、見切れたりしてします(◎_◎;)!

本日はそんな方のために対処法について解説したいと思います!

めちゃめちゃ簡単なので是非ご覧ください(^^

WordPressのテーブルでズレる,見切れる時の対処法 レスポンシブ設定で簡単解決

それではワードプレスのテーブルでスマホ時ズレる、見切れる時の対処法について説明したいと思います。

まず、PCで表示した時のテーブル表示はコチラ。

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

 

全然ズレてませんね。これがスマホで表示すると…

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

 

ズレっちゃっとる(゚д゚)!

これをどうにかする方法はないものか…と私は最初めっちゃ悩みました。

しかし、解決方法はとっても簡単でした。

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

まず、作成した表を選択して「表のプロパティ」を選択しましょう。

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

表のプロパティの中に幅という項目があるのでここを「100%」と入力しましょう。

そうすると…あら不思議

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

見切れていたテーブルの表示が綺麗に表示されるようになりました。
やってみるとめちゃめちゃ簡単ですよね(^^

もちろんこのPCの表示もそのままですので、ご安心ください。

つまりレスポンシブ化されているということです。

わからない人のために説明しますが、レスポンシブ化というのはPCやスマホ、タブレット等の異なる画面サイズの幅を見やすいように調整してもらえる機能のことです。

うーん、レスポンシブ化というのは何と便利な機能なんでしょうか。これを人間の手で調整するのは難しいので本当に助かりますね(^^

最近の自動で調整できるのが多いので本当に助かりますね。

個人的にはサイトの調整で難しいところは外注化&自動化しています。

その方法について知りたい方はお気軽にお問い合わせからご質問ください。

どんな軽い相談でも必ず返信しますので、お気軽にお問い合わせくれれば私としても嬉しいです(^^

私が仕事終わりに副業ながら月10万円稼いだノウハウが完成しました!

ブログ初心者でも0からブログ立上げ・構築・収益化をメール講座に従うだけで可能になっています♪

下記より期間限定で全て無料でダウンロードできます(^^

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決! 期間限定ですので、興味があればこちらからダウンロードしてください。

この記事を書いた人:アキ button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

好き:お酒(ビール党)、野球(見る専)、温泉(一人で行くことも)

嫌い:パワハラ上司、飲み会で説教する奴、海藻類

会社なしワーキング管理人のアキと申します。

実際に私は年収270万円の正社員型派遣(特定派遣)の電気技術系エンジニアとして勤めていました。 しかし年収270万円&平気で嘘をつくブラック派遣会社だったため会社を辞めるためにネットビジネスの勉強を開始。

会社から脱出するための知識&収入を得たためブラック派遣会社から脱出し、現在はブログやアフィエイトで月200万円以上の売上を上げることができました。 脳梗塞で倒れた母の介護をしながら悠々自適に暮らしています。

「会社なしワーキング」に興味のある方は是非、私のプロフィールをご覧ください。

自己紹介を見る

私が仕事終わりに副業ながら月10万円稼いだノウハウが完成しました!

ブログ初心者でも0からブログ立上げ・構築・収益化をメール講座に従うだけで可能になっています♪

下記より期間限定で全て無料でダウンロードできます(^^

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決! 期間限定ですので、興味があればこちらからダウンロードしてください。

あなたのクリックが更新の励みになります! この記事が少しでも役立ったと思ったら、ブログランキングへ 投票頂けるとありがたいです(^^

button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決! button-only@2x WordPressのテーブルでスマホ表示がズレる,見切れる時の対処法…レスポンシブで簡単解決!

COMMENT

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