5月 20, 2025 - Devil！Daredevil！！ -dev challenge- date

こんにちは、如月翔也（@showya_kiss）です。 今日はWordPressに限らないんですが、Amazonアソシエイトを使っている人がAmazonの商品を紹介する際、ツールバーから入手したURLを貼るだけだと商品の名前も画像も値段も表示されないので自分で記入しないといけず面倒くさいので、それをnoteにAmazonアソシエイトを貼り付けた時のように名前と画像と値段付きの商品カードを表示するHTMLを作るブックマークレットを作ったので、それを共有するのと同時にブックマークレットとは何か、どう設定するのか、コードそのもの、どう使うのかについて説明して行こうと思います。 作成される商品カー……

昨日Amazonの商品をブックマークレットを使ってブログカードっぽく商品カードをHTMLで貼れる方法を見つけ出したので、ちょっと自分好みに整形してちゃんと動くかどうかのテストをします。 ちなみに作成されたHTMLはWordPressなら「カスタムHTMLブロック」を作ってその中に貼り付ければ動くので、WordPressでも使えるというポイントがあります。 まず使うコードはこちら。ブックマークレットに登録するのでJavaScriptを圧縮してあります。 javascript:(function(){const name=document.getElementById("productTitl……