以前に紹介した
IB note様【jQuery不使用】JavaScriptとCSSで作るニュースティッカー:
https://itblogger-note.blogspot.com/2022/07/news-ticker.html
こちらの記事。
とても素晴らしいので、なんとかしてwordpressのパーツ化出来ないかと試行錯誤中です。
ニュースティッカーの導入について色々模索していて、jQueryでの実装とかもやってみたのですが、SWELLテーマは軽量化の為、あまりjQueryを使いたくないといった結論に至りました。
そこでvanillaJSを使用する方法で、尚且つ、親テーマをいじらない安全な方法で色々考えていた結果、子テーマ内でパーツフォルダを作成し、それをget_template_part()にてwp_body_openで呼び出すという方法をChatGPTに教えてもらいました。
親テーマでやると、アップデートするたびに上書きされてしまうようなので、子テーマで完結する方法ですね。
更にパーツ化することで、カスタムしやすくなる、干渉しなくなるというメリットもあってとても良いです。
まだ残念ながら完成はしていないのですが、

ページトップに呼び出すことは成功しました。
あとはメディアクエリでスマホの表示をヘッダーナビと被らないようにして投稿を抽出してくるだけ…(たぶん)これがうまくいっていない。
とてももどかしい…
WP関数とJSとPHPの基礎ちゃんと覚えればできそうなので頑張ります。。。
