Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

【簡単】Pinterestをwordpressに埋め込みができない時の解決法

【簡単】Pinterestをwordpressに埋め込みができない時の解決法

Pinterestのピン・ボードをWordpressに埋め込めない

こんにちは。Ricorissの、りこです。
Pinterestはビジュアルが綺麗だし、ブログに貼っていきたい人もいますよね。

ですがいざ、ピンやボードをwordpressに貼付けようとした際

  • ウィジェットビルダー明文を読んでいるけど、いまいち意味がわからない
  • 特に説明文の「各ページのクロージング </BODY> タグのすぐ前に pinit.js を 1 つだけ含めてください」
    が、どこかわからない
  • 色々試すも、Pinterestをブログに貼れない!

という事態に直面しました。同じ状態になっている方へ、解決法です

ウィジェットビルダーの説明がわからない

たとえばPinterestの、ピンをwordpressに埋め込みたい場合

ウィジェットビルダーというこちらのページに行き、

  1. ピンを選ぶ
  2. ピンの URLに、自分が埋め込みたいURLを入力
  3. ピンのサイズを選ぶ

pin1

ここまでは大丈夫で、この後画面の下にある

pin2

4.「このコードをコピーして、アドオンを表示したい場所に貼り付けます」
にあるコードをコピーして、wordpressの投稿画面のテキストにペースト。ここもOK。

 

問題が、最後の部分 

pin3

5.「各ページのクロージング </BODY> タグのすぐ前に pinit.js を 1 つだけ含めてください」
<script async defer src=”//assets.pinterest.com/js/pinit.js”></script>

Question

  1. 各ページのクロージング </BODY> タグのすぐ前
     って、どこ?
  2. pinit.js を 1 つだけ含めてください
    ってこれを初回に設定したら、次は設定の必要がないってこと?

 

 </BODY> タグのすぐ前、はどこ?

調べるとサイトによっては footer.php にコードを貼り付けると説明があったり、
他方では、header.php と言われていたり、

りこ
footer.phpとheader.php 結局どっち?
というか、header.phpにもfooter.phpにも </BODY> タグ自体がないよ…。

と結局わからずじまいで、Pinterestを埋め込めずにいましたが

 

解決!そのまま投稿画面に貼り付けよう

pin4

4と5の、2つのコードをそれぞれコピペして、
この2つを一緒に投稿画面のテキストに貼り付ければ、ピンが貼り付けられました。

もし、「各ページのクロージング </BODY> タグのすぐ前に pinit.js を 1 つだけ含めてください」
の説明文が指定している、</body>タグのすぐ前 という正しい場所を発見できた人は

初回1回のみ、scriptタグを正しい場所にコピペすればいいだけで、
この方法のように、投稿画面にいちいちコピペしなくていいのかもしれません。

 

ですが今回ご紹介した方法は、私と同じく
でも、/bodyタグのすぐ前って、場所がどこかわからない!」という人のための解決方法です。

Pinterestでピンやボードを貼ったりとブログに更に彩りを添えていきましょうね。

Pinterest で、オーラソーマ・カラーセラピー・カウンセラーとして色のボードを作っています。
よかったらFollowして下さいね

保存保存

いいね!でRicorissの
最新情報をお知らせします

TAG index

 

TAG index