実践記録 013◆WordPressのスマホ表示で、横長のTableの表示が途中で切れている。

総合メニュー
ブログ概要	稼ぐ準備	稼ぎ方	実践記録	オススメ	HELP	ｻｲﾄﾏｯﾌﾟ

WordPressのスマホ表示で、横長のTableの表示が途中で切れる場合の対処方法について書いてます。

日々の実践記録 　　

➤　「日々の実践記録の目次」へ戻る

--- このページの目次 ---

投稿をスマホで見ると表（テーブル）の表示がおかしい。

まだまだ、内容が乏しいブログですが、最近は記事を作成したときにはスマホでの表示も確認するようにしています。

その方法は、実際にスマホで見るのが一番いいとは思いますが、便利なプラグインがあります。
「Responsive Post Preview」です。

使い方は、このプラグインをインストール後有効化するとWordPressの記事編集画面の右上に、「iPhoneマークとiPadマークが表示されますので、iPhoneマークをクリックするだけでスマホ表示の確認画面が表示されます。

インストールするだけで設定しなくても、そのまま有効化すればokです。

それでスマホ表示での各ページを見てみますと、横長のテーブル表示がスマホの画面上で切れてしまい、見れなくなっていることに気づきました。

ちなみに、使用しているテーブル作成のプラグインは、「TabePress」です。こ

の「TablePress」で、レスポンシブウェブデザインに対応したテーブルを作成するためにTablePress作者のページへ移動し、「Responsive Tables」をダウンロードしたりしましたが私には、設定がむつかしくて出来ませんでした。

結局、いろいろ試した結果わかったことは・・・・ TablePressで作成された表を選択して「表のプロパティ」を選択します。

すると、★「表のプロパティ」のポップアップ画面が出ますので、その入力項目の「高さ」に「100%」と入力、また「配置」で「中央」を選択して「OK」を押す。

これで、すべてのページの表を修正してスマホでの表の表示がうまくできるようになりました。

問題の解決にまる一日かかりましたが、現在は一安心です。

これからは、ページ作成後は、必ずスマホでの表示を確認しSEOの向上を図って行きたいと思います。

====================

初心者はネットで稼ぐために何をすべきか。

総合メニュー

Top (ブログの概要）

====================