コードのたたきは、ChatGPTでできる、「WordPressでjQueryつかって、複数の特定ページの時に、画像とリンクの差し替えをしたいです。 コードを教えてください。」

クライアントワークで、サイドバーにあるバナーを特定ページ群では差し替える、という対応がありました。
たたきのコードをChatGPTでつくってもらいましたので、実例を紹介します。

質問のイメージ

質問文は下記です。

WordPressでjQueryつかって、複数の特定ページの時に、画像とリンクの差し替えをしたいです。
コードを教えてください。

実際の流れ

上記質問文から、さらに、もう少し追加で、コードをブラッシュアップしてもらいました。

  • ページIDの箇所を特定ページのURLに変更できますか？
  • 複数の特定ページのURLの場合、にできますか？

結果が下記コードです。

jQuery(document).ready(function($) {
// 複数の特定のページのURLに基づいて画像とリンクを差し替える
if ( window.location.href.indexOf('https://example.com/specific-page-1') > -1 ||
window.location.href.indexOf('https://example.com/specific-page-2') > -1 ||
window.location.href.indexOf('https://example.com/specific-page-3') > -1 ) {
// 画像を差し替える
$('img').attr('src', '新しい画像のURL');

// リンクを差し替える
$('a').attr('href', '新しいリンクのURL');

}
});

ここから、個別のURL、セレクタの調整をして実装できました。
ChatGPTをつかうと、コードのたたき作業の工数が削減できました。

実際のチャットのイメージです。

image

Webマーケティングまわりの知識スキルのプランを提供してます。

Webマーケティングまわりの知識スキルの発信やプラン提供しております。
お気軽にフォロー、メッセージください。