困ったマン
表を作ってみたけど実際に投稿すると形式が崩れてしまうよ
という方向けにこの記事では「横スクロールできる表(テーブル)の作り方を説明します。
先にネタバレですがCocoonテーマでは設定から1クリックで横スクロール表を設定できます。
実際の画面はこんな感じです↓
問題点：投稿すると表(テーブル)が崩れてしまう
ブログをやっているとわかりやすく伝えるために表形式で項目をまとめることがあります。
ちなみに表のことをワードプレスではテーブルといいます。
とてもわかりやすい表を作っても投稿してスマホで見たら、ものすごく崩れてしまっているなんてことがあります。
こんな感じ
では直していきましょう。
解決方法：表を横スクロール対応にする
では実際に設定していきましょう。
先に伝えましたがめちゃくちゃ簡単です。順番としてはスリーステップ
ステップ①：Cocoon設定画面を開く
ステップ②：”本文”タグを開く
ステップ③：チェックを入れて保存する
レスポンシブテーブル
たったこれだけで完成です
最後に
他の有料テンプレートではプラグインを用いるかCSSをいじる必要がありますがCocoonテーマでは初期設定で素晴らしい機能が付いています。
ぜひ他の記事も見てコクーンを使って集客していきましょう
コメント