ピンタレストのピンを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.1.21

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

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

  • 2019.2.16

    ワンオペ育児の強い味方!パルシステムとコープデリ比較

    産後1か月は「食料品の調達ができないなぁ」と「Amazonで生鮮食品は買えないしなぁ」と思い、(慣れるために)妊娠中からパルシステムに加入しました。

  • 2019.2.16

    コットンタイツって知ってますか?オススメは!?

    3COINSのコットンタイツが好き🖤 2、3年前に3COINSで見つけて買ったコットンタイツ🦔 一足300円の安さなのに凄く良い🍀

プロフィール

36歳で初めての高齢出産

Baby♂ 1人

旦那様  1人

猫♀  一匹

ページ上部へ戻る