「noteで書く」ボタンをWordPressに設置する場合
上記のボタンを、WordPressで運用しているブログに設置する場合、以下のコードを表示させたいページに挿入すればOKなのですが、
<a href="https://note.mu/intent/social_button" class="note-social-button" data-url="https://www.pieceofcake.co.jp/"></a>
<script async src="https://cdn.st-note.com/js/social_button.min.js"></script>
ポイントは、data-url属性です。ここには、それぞれのページのURLが入らないといけないので、the_permalink()を使うのがよいでしょう。ループの中で、その記事のURLを返してくれる関数です。
だから、Aタグの中身は以下のようになります。
<a href="https://note.mu/intent/social_button" class="note-social-button" data-url="<?php the_permalink(); ?>"></a>
もう一回書いておきますが、ループの中にこれを置いてくださいね。
どうやらうまく表示されたようです。
この記事が気に入ったらサポートをしてみませんか?