【ワードプレスで表作成】スマホで切れる時の対処法!カンタンに編集する方法を紹介します

こんにちは@nori_star_です。

ワードプレスで記事を書いていく時に表があると便利ですよね。

きれいに編集されているサイトを見ると、それだけで「スゴイ！」って感じちゃいます。

でも…HTMLの記述とか、コードエディタで編集するのは難しいし…

そんな時にカンタンに表を作成して、しかもスマホで途切れないようにする方法を今回は紹介します。

前提条件として、以下のプラグインを使った方法で今回は紹介します。

また、このプラグインは入っているから、カンタンに設定する方法が知りたい！

って方は目次から読みたいところをクリックしてください。

Tiny MCE Advancedを使う

表を使う時には、Tiny MCE Advancedというプラグインを使うと、カンタンに入れることができます。

手順は

という順に設定していきます。

Tiny MCE Advanced　プラグインの設定

有効化までしておくと、次は設定に入ります。

設定するには、

でOKです。

ワードプレスでの表の作り方

次に表を作ったが、スマホ表示では途切れてしまう時の解決方法です。

横広の表にするとどうしてもはみ出てしまいますね。

そんな時に表をきれいに表示する方法です。

ワードプレス表スマホ切れる

図にすると一目瞭然ですが、幅や高さを100％にするだけでスマホ用に収まってくれます。

たったこれだけですね。

カンタンに設定できますので是非これで整えてくださいね。

ワードプレスで表を作成するのは面倒だ…って思われる方も多いと思いますが、SEO対策としては非常に有効な方法です。

私もそうですが、文章で長々と説明されるよりも図で一目瞭然にした方が、結果滞在時間が増えて上位表示されやすくなるというメリットがあります。