ピンタレストのピンをwordpressに埋め込む

 

私は(今現在)、FacebookもTwitterもやっていません。唯一やっているのがPinterest  です。Pinterest のピンをブログに埋め込みたいなぁと思って試したところ、一向に表示されなくて・・
ネットで検索してもなかなか答えにたどり着かなかったけれど 、やっと私の求めていた答えが見つかりました。
吹き出しアイコン

こちらの記事では、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>のすぐ上に貼り付けたら出来ました!

 

関連記事

コメント

  1. この記事へのコメントはありません。

  1. 2020年 3月 20日

おすすめ記事

  • 2019.12.13

    ≪真穴みかん☆風の舞≫感激

    その名も『真穴みかん(風の舞)』!! こちらの記事では、『真穴みかん(風の舞)』についてご紹介します。

  • 2019.1.21

    離乳食はいつから?西原式育児法ってなぁに?

    うちのbabyさんは6か月になりますが、まだ何もできません。最近、ようやく首が座って引き上げ反射ができるようになったばかりです。西原式育児というものを知ってからは、しばらくは母乳だけにして、離乳食はお座りができるようになってからでいいかなぁ(まだまだ先だな…)と思っていました。ところが最近、食べてるところをジッ…

  • 2019.1.21

    離乳食*1週目

    我が家のBabyさんも6か月になり、恐れていた離乳食の時期に差し…

プロフィール

36歳で初めての高齢出産

Baby♂ 1人

旦那様  1人

猫♀  一匹

ページ上部へ戻る