【試行錯誤中】ニュースティッカーのパーツ化を試みる

以前に紹介した

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の基礎ちゃんと覚えればできそうなので頑張ります。。。

アーカイブ

カテゴリー

よかったらシェアしてね!
  • URLをコピーしました!

頑張る個人事業・中小企業さまを応援しています!Web集客のサポートはきむらぼにお任せください♪

※現在、制作案件は休止中です。その他のご相談はお問い合わせよりお願いいたします。

公式line

木村 水癸のアバター 木村 水癸 きむらぼ代表

―― AI Marketing Creator / Webコンサルタント
京都南部の伝統・歴史・文化が『伝わる』仕組みを設計。DX支援活動にも取り組む。
SEO・LLMO施策をはじめとした、Web戦略設計やコンテンツ設計が得意。戦略家。

【主な実績】
➤地域関連キーワードで、わずか2か月でGoogle検索1位・AI Overview掲載を実現。
➤リラクゼーションサロンのWeb制作・公式LINEを同時に構築し、1年間で友だち登録者数1,000人達成。
➤歯科医療現場にて公式LINEを構築し、初回予約導線や定期健診のお知らせを簡略化する。
➤地域イベントの広報戦略を設計し、目標300人から約1,200〜2,000人集客を達成。低コストで圧倒的な集客を実現。
➤リラクゼーションセラピストとして、新人指名ランキング全国9位/リピート率60%超/ドライヘッドスパ店舗指名数1位/顧客満足率100%達成。

【資格・所属】
ウェブ解析士/デジタル推進委員/日本茶セレクター/医薬品登録販売者/アロマセラピスト検定2級 等

目次