図解でわかるクリエイティブとマーケティング

Pinterest(ピンタレスト)のボードをWordPressのブログ(サイト)内に設置する方法

Pinterestボードをサイト内に設置

あわ丸

ブログにPinterestのボードを設置したいけど、どうやってやるんだろう?

そんな方に向けて、WordPressで作成したブログやサイト内に、Pinteresのボードを配置する方法をわかりやすく解説します。

こんにちは!umuco(@umuco_digital )です。

こんな風にブログ内にPinterestのボードを埋め込むことができます。

\ピン(保存)お願いします/

「Pinterest」などボードを作成し保存しておくと、あとで簡単に確認することができます。

 

ピンタレストをサイトに埋め込む方法

 

(タップorカーソルを乗せる→保存)

気に入ったものがあれば、記事内のその他の画像も保存いただけます!

\umuco digital.のピンタレスト/

マーケティングトレンドを集めたボードや副業・フリーランスに役立つスキルを集めたボードも人気です!興味のある方はフォローお願いします。

PIN

 

この設定は3分ほどで完了する簡単な作業ですのでぜひ行なってみてください。

こちらの記事もおすすめです

ブロガーのためのピンタレストの始め方【海外人気ピナーに学ぶ】ブロガーのためのPinterest(ピンタレスト)戦略とマーケティングトレンド徹底解説

Pinterest(ピンタレスト)のボード配置手順

STEP.1
ウィジェットビルダーにアクセス
Pinterestウィジェットビルダーにアクセスします。

ウィジェットビルダー

STEP.2
ボードのコードを取得

ウィジェットビルダーでボードのコードを取得します。

Pinterestのボードをブログに設置する

PinterestボードのURL:表示したいボードのURLを入力

サイズ:プレビューを見ながらボードの表示タイプ(形)を選ぶ

(上のタグ)このコードをコピーして…:出力されたコードをコピーして実際にボードを表示させたい所に貼り付ける

(下のタグ)各ページのクロージング…:出力されたコードをコピーしてサイトの</body>の直前にコードを貼り付ける

STEP.3
サイトにタグを貼る

それぞれのコピーしたタグをサイト内に埋め込みます。

注意:ボード名が日本語表記の場合うまく配置できない場合があります。

1つ目のタグ:

ブログ記事内(テキストモード)やウィジェットにそのままコピペして配置。(2つ目のタグが配置されると表示されます)

2つ目のタグ:

</body>の直前にコードを貼り付けます。

 

</body>への貼り付け方がわからない場合はこちらの記事を参考にしてください。

プラグインあり・なし共に1分ぐらいで完了します。

WordPress bodyタグ【簡単1分】WordPressで/bodyタグ直前にコードを貼り付ける方法【プラグインあり&なし】

サイト内にボードが表示されるかをチェックして完了です。

表示されない!更新時に消えてしまうときの対処法

なぜか表示されないとき

ボード名 に日本語が入っている場合、表示できないことがあります。埋め込みに使いたいボードは英語名にしましょう。

更新するとコードが消えてしまう

コードの最後にある</a>の直前になんでも良いので文字を入力しておきます。

ビジュアルモードにしても位置が把握できますし、公開したサイト内では文字は表示されずボードだけが表示されます。

埋め込みコード見本

センターに表示したいとき

コードを<center> 〜</center>で囲むと真ん中に表示されます。

 

ブログやサイト運営に効果的な設定ですので、ぜひ行なってみてください。

\ピン(保存)お願いします/

「Pinterest」などボードを作成し保存しておくと、あとで簡単に確認することができます。

ピンタレストをサイトに埋め込む方法

 

(タップorカーソルを乗せる→保存)

気に入ったものがあれば、記事内のその他の画像も保存いただけます!

こちらの記事もおすすめです

ブロガーのためのピンタレストの始め方【海外人気ピナーに学ぶ】ブロガーのためのPinterest(ピンタレスト)戦略とマーケティングトレンド徹底解説 【5年で1億稼いだフリーランスが教える】収入安定&年収UPに役立つ8つのスキル徹底解説【5年で1億稼いだフリーランスが教える】収入安定&年収UPに役立った8つのスキル徹底解説