ブログ運営 ピンタレスト

Pinterestウィジェットでブログに埋め込み。

更新日:

Pinterestのウィジェットビルダーの使い方が簡単になった。

ブログに埋め込みができるウィジェットビルダーの種類

ブログにピンボタン[Pin It]を貼る

Pinterestフォローボタンを貼る

Pinterestをフォロー

「画像をマウスオーバーするとPinterestのPinボタンが出てくるようにする方法。」の記事でも少し書きましたが、ウィジェットは他にもあります。

1枚の写真を貼り付ける「ピンウィジェット」

自分のタイムラインを貼り付ける「プロフィールウィジェット」

プロフィール Pinterest

ボードを貼り付ける「ボードウィジェット」

フォローする Best Places to Visit Kyoto Pinterest

という5種類があります。。

ウィジェットビルダーは以前から使う事ができましたが英語だったのでわかりにくい部分がありました。
Pinterestが日本語化されて、ウィジェットビルダーも日本語になりました。
しかも、使いやすくインターフェースも改善されたようです。(今のところ一部のユーザーのみです)

Pinterestをブログに埋め込む方法

[ピン]ボタン

ボタンタイプ

[ピン]ボタンにはボタンタイプが3種類あります。

  1. One Image
  2. Any Image
  3. Image Hover
One Image

One Imageでは、ピンして欲しい「画像」と「説明」と「リンクURL」を指定することができます。

ピンボタン One Image をクリックすると、

One Image

がポップアップででてきます。

Any Image

Any Imageでは、ピンして欲しい「画像」と「説明」と「リンクURL」を指定せず、閲覧ユーザーに選んでもらうタイプのピンボタンです。

をクリックすると、

Any Image

のようにユーザーがピンする画像を選択する画面が開きます。

Image Hover

マウスオーバーすると画像の左上に[Pin It]ボタンが表示されるようになる方法です。
これは、ページの < head >< /head > 内にスクリプトを貼り付けます。

ピンボタン Image Hover

一度設定すると全ての貼り付け画像に適用されます。

小松菜の収穫

画像にマウスオーバーすると[Pin It]ボタンが出てくるようになっています。

フォローボタン

PinterestプロフィールページのURLと名前を入力して[Build It!]ボタンをクリックするとプレビューとコードがでてきます。

フォローボタン

フォローボタンをクリックすると、プロフィールのポップアップページが開きます。

よろしければフォローお願いします。

SINTO

プロフィールウィジェット

プロフィールページの右[  ]から[ウィジェットを作成]をクリックする。

埋め込みコードのポップアップが開くので、コピーしてブログに貼り付けましょう。

こんな感じです。 

Pinterest プロフィールにアクセスしましょう。

プロフィールウィジェットのサイズ指定

プロフィールページからプロフィールウィジェットを作成する場合、サイズ指定ができません。
サイズを指定したい場合は、ウィジェットビルダーを使うことになります。

 ウィジェットビルダー

  • 四角い「Square」
  • サイドバーに最適な縦長の「Sidebar」
  • ヘッダーに最適な横長の「Header」
  • カスタマイズ可能な「Roll Your Own」

の4種類が選べます。

Roll Your Own では、
画像の横幅サイズ、ウィジェットの幅と高さを指定できます。

Visit profile on Pinterest.

実は、はじめに貼り付けたプロフィールウィジェットコードの数値を変えるだけでも可能です。

画像の横幅
data-pin-scale-width="80"
ウィジェットの高さ
data-pin-scale-height="200"
ウィジェットの幅
data-pin-board-width="400"

どちらかやりやすい方でお試しください。

プロフィールウィジェットの最小サイズ

画像の横幅とウィジェットの高さの最小サイズは60、ウィジェットの幅の最小サイズは130です。

Visit profile on Pinterest.

ボードウィジェット

プロフィールページと同じく、ボードの右[  ]から[ウィジェットを作成]をクリックする。

ボードウィジェット作成

埋め込みコードのポップアップが開くので、コピーしてブログに貼り付けましょう。

Pinterest ボード「::: My Photography」をフォローしましょう。

ボードウィジェットのサイズ指定

ボードウィジェットのサイズ指定は、先程のプロフィールウィジェットと同じです。

ピンウィジェット

以前は、単独のピンページの右上に[<> Your Website]というウィジェット作成ボタンがあったのですが、現在は無くなってしまいました。

旧ピンページ

シェアボタンの箇所に「Twitter」「Facebook」と「ピンウィジェット」がありました。

ピンウィジェット

現在のピンページ

Twitterへの共有とウィジェット作成ボタンが無くなっています。
Twitterに共有しても画像が表示されないので仕方ないと思いますが、ピンウィジェットはなぜ無くしてしまったのでしょう?

ピンページを開いてURLをコピーし、URLをピンウィジェットにペーストして[Build It!]します。

 ウィジェットビルダー

ピンウィジェット

貼り付けてみます。

こんな風になります。
以前は、もっと大きなサイズで貼り付けできたのですが、現在はこのサイズに統一されました。

再び大きなサイズでブログに埋め込むことができるようになりました。

 Pinterest をブログに埋め込み。幅600pxサイズも可能になった!

ぜひ、お試しください♪

Pinterestとは?使い方は?

Pinterestとは?Instagram、Tumblrとの違いは?Pinterestの使い方を初心者からビジネス活用まで5つのステップで解説。

今日も元気に楽しく♪

Pinterest関連記事

ワードプレスを使いこなせるテンプレートWING AFFINGER5|凄い特典付き 5/15迄

WING AFFINGER5

当ブログでも利用しているワードプレス用のテンプレートです。

WING AFFINGER5 をおすすめする理由

  1. ブログへの訪問者増減に大きな影響力を持つグーグルなどの検索エンジンで、上位表示するための対策に効果的な機能がたくさん搭載されています。
  2. 検索エンジンで上位に表示されるだけではなく、収益化に結びつくことを意識しなければブログ運営は成功とはいえません。収益化に効果的な機能が豊富です。
  3. スマホでの表示速度が読者への満足度を左右します。そのために、検索エンジンのグーグルが推奨するAMP化。記事ごとにAMP化を選択可能なのが WING AFFINGER5 の強さでもあります。

WING(AFFINGER5版)

プロフィール

畑本伸一

 奏でる写真作家| 畑本伸一
1969年 大阪市生まれ 京都市在住。写真作家|写真は音を奏でるだろうか。そんな事を考えながら写真を撮っています。デジタル写真教室 講師フォトマスター検定1級写真印刷ツールデザイン制作|写真・カメラ・Webメディアに関する執筆。  共著:Pinterestビジネス講座(翔泳社出版)  詳しいプロフィール
 Facebook  Twitter  Instagram  Google+ RSS Feedly

PickUp

見上げる桜 1

トップページの記事一覧に表示されているサムネイル画像を大きくしたいと思いませんか? 当ブログで利用しているワードプレステーマを WING - AFFINGER5 に変えて数日が経ちます。多くの事が管理 ...

京都 円山公園の桜|2018.3.28 2

当ブログでも採用しているワードプレスのテーマ「AFFINGER」の最新版「AFFINGER5 WING」の公開及び販売が始まりました。今回も大幅に機能アップや高速化が図られている模様です。早速購入。AFFINGER4購入者は期間限定でお買い求め安くなっています。

-ブログ運営, ピンタレスト
-, , ,

Copyright© フォトクリエイティブ|写真のある暮らし , 2018 All Rights Reserved.