スムーススクロール可能なボックス!WPプラグイン『Scroll Heading PRO』

ここではchatGPTを用いて作った自作のWordPressプラグインを掲載しています。このサイトの運営者でありLiLseed合同会社代表である『Yasunori Abe:阿部泰宗』が作ったプラグインとなりますので、自由に利用して頂いて構いません。

しかしプログラミングが全く出来ない素人の私(Yasunori Abe:阿部泰宗)が作ったものであり、WordPressのバージョンやテーマによってはエラーが出る可能性もあります。またセキュリティの面においては知識がなく、素人が付け焼き刃で記述するのは危険であると考え、一切記述しておりません。

私が作ったプラグインのダウンロード及び利用は全て自己責任となりますことをご理解頂きたいと思います。そして実際にご利用の際は専門家に確認の上、利用して頂きますようお願いいたします。

目次

Scroll Heading PROプラグインについて

こちらのプラグインはScroll Headingという自作プラグインのPRO版として作りました。

投稿ページの好きな位置にボックスを設置し、そのボックスの中には好きなテキスト(HTMLも画像も可能)を入力することが可能となっています。またこちらのプラグインはモバイルとPCのどちらもスムーススクロールする仕様になっています。

HTMLまで表示可能ということで、テーマ固有のブロックなども自由に表示することが可能となっています。そして複数のBOXをIDで管理し、BOXの背景色と文字色も変更できるようにしました。
※BOXの背景色と文字色は全てのBOXが共通となってます。

なお、こちらも脱jQueryということでネイティブJS(Vanilla JS)で作成したつもりですが、間違っていたらすみません。

以下のショートコードを使用します。

[lilseed id="〇〇"]

指定したIDを『〇〇』の部分に挿入し、このショートコードを好きな位置に設置するとBOXが表示されるようになります。


<BOX管理メニュー画像>

<BOX color項目の画像>


<Box setting項目の画像>

<Box list項目の画像>

Scroll Headingプラグインを有効化した際の実際の動き

Scroll Heading PROのダウンロード

Scroll Heading PROは以下のGithubページからダウンロードしてください。

Github:https://github.com/LiLseed-llc/scroll-heading-pro.git

目次