京都のカメラ・写真講座の教室です。フォトスタジオでの個人レッスンなので他の受講者に気兼ねすることなく集中して受講することができます。カメラの設定や基本操作が解らなくても大丈夫。個人レッスンなので受講者の習得レベルに合わせて進めることができます。

ミラーレス一眼デジタルカメラ教室|初心者向け講座 個人レッスン|京都

ブログ講座 ピンタレスト講座

画像をマウスオーバーすると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ステップ」

今日も元気に楽しく♪

プロフィール

ハタモトシンイチ

フォトクリエイター

ハタモト シンイチ

何げない日常の1コマをカメラで切り取っています。
ブルーキャットデザインスタヂオ代表【飾る写真 制作】
セミナー講師【デジタルカメラ写真講座】
ビジネス著作権検定 上級フォトマスター検定1級|より多くの人がカメラと写真を楽しめるように、文章、写真、映像、音声コンテンツを発信しています。
 共著:Pinterestビジネス講座(翔泳社出版)
icon-instagram Instagram icon-facebook-square Facebook icon-twitter-square Twitter icon-rss-square RSS Feed
icon-camera フォトクリエイティブ教室
icon-desktop ブルーキャットデザインスタヂオ
 詳しいプロフィール
フォトクリエイティブ教室

カメラ講座

個人レッスン|はじめてのデジタル一眼カメラ!基本操作入門講座|京都
他の受講者に気兼ねなく集中して受講可能。習得レベルに合わせることができるので安心。自分のカメラが好きになる講座です。
詳細ページ

インスタグラム講座

インスタグラム講座|初心者のための反応率を高める写真の魅せ方|京都
インスタグラムで 1,000いいね!を超えるために実践し、効果的だった反応率を高めるインスタグラムの使い方、写真の魅せ方講座です。
詳細ページ