ピンタレストのピンをwordpressに埋め込む
こちらの記事では、Pinterest のピンの埋め込み方の情報をご紹介します。Pinterest のピンが一向に表示されなくて困っている方、これを読めばきっと解決するはず!
最初に
パソコンでPinterest の埋め込みたいピンを表示させます。もう一度クリックすると下記のような詳細画面になるので、①「…」(三点リーダー)→②「埋め込む」表示の順にクリックします。
ちなみに、スマフォでやってみたら埋め込む」が表示されず、先へ進めませんでした。
そうすると、ウィジェットビルダーが立ち上がります。(下記参照)
⇓
①プレビュー画面が表示されていることを確認する。
②このコードをコピーして、アドオンを表示したい場所に貼り付けます:
→私の場合は、wordpressのGutenbergを使用しているのでブログの記事内に「HTMLとして編集」もしくは「カスタムHTML」を選んで貼り付けました。
③各ページのクロージング</BODY>タグのすぐ前にpinit.jsを1つだけ含めて下さい。
→wordpressの外観→テーマエディター→footer.phpを選んで</body>のすぐ上に貼り付ける。この場合、テーマが更新されると消えてしまう可能性があるので私は子テーマを作って貼り付けました。
ここまでは、たくさんのブログで書かれています。ところが、
一向に表示されない
私は、指示通りに何度やっても表示されなかったんです。半ば諦めかけた時に見つけたのがこちら
Pinterestのボードをはてなブログに表示させる方法 – ヒノクニッキ
ここに答えが書いてありました!
上記scriptとは別のコードが書いてありまして、そっちをheadに追加したら、できました!ウィジェットビルダーで表示されるコードと違った。これ↓をheadに追加して、
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js" ></script>
とあります。
私の場合は、ウィジェットビルダーで①②の後に③で上記のコードをfooter.phpの</body>のすぐ上に貼り付けたら出来ました!
コメント
-
2020年 3月 20日
この記事へのコメントはありません。