WordPressブログにスマホでも見やすい表を表示する方法
10/11に公開した記事でフリー素材サイトの特徴などをぱっと見で比較できたらいいなと思い,WordPressの「テーブル」を使って表を作成しました.
![](https://tetsugakusya.com/wp-content/uploads/2021/10/c0ae3018e19920e77093165bb51f822a.png)
この「テーブル」で作成した表はPCやタブレットなど見る媒体によって見え方が変わります.
![](https://tetsugakusya.com/wp-content/uploads/2021/10/PC.png)
![](https://tetsugakusya.com/wp-content/uploads/2021/10/da98f6d34e7f86de445634db34ce4b36-768x1024.png)
![](https://tetsugakusya.com/wp-content/uploads/2021/10/ebb0ec38c18399d424d38225d50022dd-1-576x1024.png)
私が使いこなせていないだけかもしれませんが,「テーブル」で作成した表は,幅を調整したりもできないし,スマホだと上記の通り悲惨なことになるし,少し使いづらいです.一体どうすれば・・・
![](https://tetsugakusya.com/wp-content/uploads/2021/10/denkyuu_on.png)
使い慣れたエクセルを使って表を作って,それを画像として貼り付けてはどうだろう.
①エクセルで表を作成
②表を選択してコピー
③右クリック→形式を選択して貼り付け→画像として貼り付け
![](https://tetsugakusya.com/wp-content/uploads/2021/10/39bcf16d811beb901e2807115c69053a-1024x780.png)
④画像を切り取り,ペイントに貼り付け
⑤ペイントで名前を付けて保存
上記の方法で作った画像をブログに貼り付け,スマホで確認してみた結果
![](https://tetsugakusya.com/wp-content/uploads/2021/10/9b1ea9eba1839fa3f2373d3a9b563c08-576x1024.png)
ん~...少し小さいですが,まあ前よりはマシでしょう.
ブログを書くときはスマホで見るときのことも考えないといけませんね.
参考になれば幸いです.