当サイトにも適用している「凸凹」スキンですが、Cocoonテーマ内に同梱していただきました!!Cocoonのバージョン 2.2.9以降はダウンロードなどは不要でCocoon設定のスキンタブ内で選択していただけます!!

ワードプレス(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スプレッドシートの表を張り付けたものです。

 

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

 

 

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

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