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

ブログ設定

こんにちは@nori_star_です。

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

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

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

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

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

  • Tiny MCE Advanced

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

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

Tiny MCE Advancedを使う

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

手順は

  • ダッシュボード→プラグイン→新規追加
  • Tiny MCE Advancedを検索
  • ダウンロード→有効化

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

Tiny MCE Advancedのダウンロード・有効化

Tiny MCE Advanced プラグインの設定

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

Tiny MCE Advancedの設定方法

設定するには、

  • 設定→Tiny MCE Advanced
  • ドラッグして移動
  • 変更を保存

でOKです。

スマホ表示で表が途切れないようにするには

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

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

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

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

表のプロパティで幅、高さを100%にする

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

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

たったこれだけですね。

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

まとめ

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

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

お問い合わせ

タイトルとURLをコピーしました