ワードプレス(WordPress)で記事内にスクロールを作る方法

ワードプレス(WordPress)
ワードプレス(WordPress)で記事内にスクロールを作る方法
北
こんにちは!キタタリアン管理人の北です!

 

 

このページではWPで記事内にスクロールを作る方法を解説していきます!

ちなみに、今回、僕が言っているスクロールとは、こちらです。

見本⇩

 

 

 

 

 

 

 

 

 

 

 

 

見本⇧

 

ちなみに、作り方はいたって簡単!
WPの投稿画面、クラシックエディタ(旧エディタ)のテキストモードでこちらのコードを入れ込むだけです!

ーーーーーーーーーーーーーーーーーーーーーーーーー

 

<div style="border: 1px solid #ccc; height: 300px; overflow: auto; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; margin: auto; padding: 10px;"></div>

 

ーーーーーーーーーーーーーーーーーーーーーーーーー

 

まあ、人によってはまったくいらない機能かもしれませんが、

もし興味があれば作り方を動画にしましたので、ご覧ください!

※そのままだと見にくいと思うので、全画面などでご覧ください!

 

 

ちなみに、僕がなぜこの機能を欲したかと言うと、こういうモノを作りたかったからです!

 

 

Aタイプ⇩ Bタイプ⇩ Cタイプ⇩ Dタイプ⇩

 

 

この中に リンクや 画像
入れる事が 出来ます

 

ちなみにですが、これは、記事内にテキストモードでスクロールを作ったうえで、

ビジュアルモードに発生した枠の中にGoogleスプレッドシートの表を張り付けたものです。

 

表の作り方については別記事を用意しておりますので、そちらをどうぞ!

 

 

ここまでお読みいただきありがとうございました!

関連記事