ピンタレスト 教室用ホームページの作り方

画像をマウスオーバーするとPinterestのPinボタンが出てくるようにする方法。

投稿日:2013/11/14 更新日:

Pinterestは、簡単にブログの写真をシェア(ピン)していただけるような仕組みがある。

ブログを書いてると写真や図を貼り付けることはよくあること。
写真ブログなんかだとTumblerやPinterestなどに写真をシェアしてもらえるとアクセスが増えたりします。

ということで、写真をシェアしてもらえるようにソーシャルボタンを設置するのは当たり前になってきました。

Pinterestも日本語版になりました。
Pinterestは、簡単にブログの写真をシェア(ピン)していただけるような仕組みが用意されています。

ブログに貼り付けた写真をマウスオーバーするとPinterestのシェアボタンである[Pin It](日本語版では[ピン])が現れるようにできるのです。

下の画像:左のトマトの写真をマウスオーバーしたのが右の画像。[ピン]ボタンが現れてます。

outhover

方法は、簡単なスクリプトをブログのテンプレートに追加するだけです。

Pinterestの画像をブログ記事に貼り付ける方法が変わりました。

こちらに新しい方法を書きました。

icon-arrow-right Pinterestをブログに貼り付けるウィジェットビルダーが簡単になるよ。

icon-arrow-right Pinterestの使い方「初心者〜ビジネス活用の5ステップ」


Widget builder のページを開きます。

1:Pin It Button を選ぶ。
2:Image Hover を選ぶ。

builder

Image Hover を選択したら、その下にある[Build It!]をクリック。
すると貼り付けるスクリプトが出てきます。

Load the JavaScript の下にあるのがスクリプトです。
はじめは[Easy]になってますが、私は[Advanced]の方を使っています。
[Advanced]を使う理由は難しいのでここには書きません。というかよくわかりません...
どちらでもOKです。

Easy

Advanced

試しに下の画像をマウスオーバーしてみてください。

トマト

左上に[ピン]ボタン出てきました?

この記事にスクリプトのコードを載せても良かったのですが、Widget Builder を実際に触ってみて欲しかったので画像にしました。
便利な Widget は他にもありますので、いろいろお試しくださいませ。

Widget builder

Follow Me on Pinterest

icon-arrow-right Pinterestをブログに貼り付けるウィジェットビルダーが簡単になるよ。
icon-arrow-right Pinterestの使い方「初心者〜ビジネス活用の5ステップ」

今日も元気に楽しく♪

ミラーレス一眼カメラをはじめる頃に読むブログ

カメラを選ぶ時、買う時、使い始めた頃にぶつかる壁。さらっと乗り越えましょう!

これからミラーレス一眼デジタルカメラをはじめようと検討している方、始めたばかりの方が壁を乗り越えるためのヒントを書いています。ミラーレス一眼デジタルカメラ購入の前後約6ヶ月程度の方を対象にしています。  ミラーレス一眼カメラをはじめる頃に読むブログ

About me

ハタモトシンイチ
ハタモトシンイチ日常フォトクリエイター|京都のフォトスタジオで「 ミラーレス一眼カメラをはじめる頃に役立つ使い方体験 個人レッスン 」開催|「 はじめての教室用ホームページ作成ワークショップ|個人レッスン 」開催|FUJIFILM Xユーザーが700人以上集まる写真グループ FUJIFILM X ギャラリー を運営|ブログを書くきっかけになればと思い note.mu に見出し画像用の写真を提供。現在約600記事で採用頂いています。
ビジネス著作権検定 上級|フォトマスター検定1級
著書: Pinterestビジネス講座 (翔泳社出版)共著
詳しいプロフィール

-ピンタレスト, 教室用ホームページの作り方
-, ,