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

おすすめ記事

プロフィール

36歳で初めての高齢出産

Baby♂ 1人

旦那様  1人

猫♀  一匹

ページ上部へ戻る