「雨ニモマケズ、風ニモマケズ」スクロール(JavaScript)

本当は、JavaScriptをコードを埋め込みたかったのですが、WordPressのブログの特定ページのみにJavaScriptを埋め込む方法は今いちわからないため(調べ中です)、とりあえず、YouTubeにアップした動画を埋め込むことにしました。

JavaScriptを用い、「雨ニモマケズ」書き出しで知られる宮澤賢治の詩が下から自動的に上がってくるように(スクロールする)ようにしたのですが、その際、こちらを参考にさせていただきました。また、時間とともに変化する背景色についてはこちらを参考にさせていただきました。ありがとうございます。

上記の、YouTubeの動画を貼り付けた翌日、ググっていたら下記のページを見つけ、それらを参考にし、「カスタムブロックを追加する」という方法で、WordPressにJavaScriptの動きをつけたコンテンツをアップすることができました。

参考にさせていただいたのは主に下記の3つ。ありがとうございました。

Let’sプログラミング「カスタムHTMLブロック」

Cherry Pie Web 技術記事「Gutenbergを使えば、個別のページごとにCSSやJavaScriptを超簡単に追加できる」

【図解あり】WordPressブロックエディタ(Gutenberg)の使い方

雨ニモマケズ
風ニモマケズ
雪ニモ夏ノ暑サニモマケヌ
丈夫ナカラダヲモチ
慾ハナク
決シテ瞋ラズ
イツモシヅカニワラッテヰル
一日ニ玄米四合ト
味噌ト少シノ野菜ヲタベ
アラユルコトヲ
ジブンヲカンジョウニ入レズニ
ヨクミキキシワカリ
ソシテワスレズ
野原ノ松ノ林ノ蔭ノ
小サナ萓ブキノ小屋ニヰテ
東ニ病気ノコドモアレバ
行ッテ看病シテヤリ
西ニツカレタ母アレバ
行ッテソノ稲ノ朿ヲ負ヒ
南ニ死ニサウナ人アレバ
行ッテコハガラナクテモイヽトイヒ
北ニケンクヮヤソショウガアレバ
ツマラナイカラヤメロトイヒ
ヒドリノトキハナミダヲナガシ
サムサノナツハオロオロアルキ
ミンナニデクノボートヨバレ
ホメラレモセズ
クニモサレズ
サウイフモノニ
ワタシハナリタイ

南無無辺行菩薩
南無上行菩薩
南無多宝如来
南無妙法蓮華経
南無釈迦牟尼仏
南無浄行菩薩
南無安立行菩薩

Yasu
  • Yasu
  • デザイナーを経て、クリエイティブディレクター、コピーライター、ライターに。「ベースボール」代表。広告&Web企画・制作、インタビュー構成をはじめ『深川福々』で4コマ漫画「鬼平太生半可帳」連載中。書籍企画・編集協力に『年がら年中長嶋茂雄』など。ラフスケッチ、サムネイル作成、撮影も。