※アフィリエイト広告を利用しています。

Wordpress(ワードプレス

ワードプレスで表を横スクロールする方法:WPテーマ「アフィンガー」

ワードプレスで表を作ると項目が列が少ない場合はいいのでけど

列が多すぎるとスマホで見ると縦長になってしまい見づらいし恰好が悪すぎる

こそで横スクロールできないかと紀行錯誤。

ただワードプレスのテーマの一つであるアフィンガーには元々定番で横スクロールの仕様があったので簡単でした。

WPテーマ「アフィンガー」で表の横スクロール

ワードプレスのテーマの一つであるアフィンガーの項目の中に横スクロールの設定があります。

ビジュアルエディタ

アフィンガーのワードプレスの中にあるスタイルを選んで

スタイル→テーブル→横スクロール と押すと 囲みがでてきます。

その囲みの中に表をいれるだけで横スクロールできる表が完成します

テキストエディタ

<div class="scroll-box">

</div>

上のコードの中に表をいれるだけです。

 

その他のテーマでの表のスクロールは?

直接コードを貼り付けする方法でできますが、ググった方が早く見つかりますね。

-Wordpress(ワードプレス