【WordPress-com】Pinterest の「Pin It」ボタンを各画像の左上に表示させる方法

ボーっとネットサーフィンをしていたところ、以下の記事の写真の左上に Pinterest の「Pin It」ボタンが表示されているのを発見しました。

そういうわけで、ここでは Pinterest の「Pin It」ボタンを写真の左上に表示させる方法についての覚え書きです。

あれこれとサーベイしてみた結果、以下の2条件をクリアすれば、写真の左上に「Pin It」ボタンが表示されるようです。

  1. Pinterest のシェアボタンを「公式ボタン」で設置する。
  2. 画像にリンクをつける。

Pinterest のシェアボタンを「公式ボタン」で設置する。

設定 → 共有」のところで、Pinterest のシェアボタンが記事に表示されるように設定します。「ボタンのスタイル」を「公式ボタン」に設定するのがミソかと思います。どういうメカニズムなのかどうかよくわかりませんが、他の設定だとうまくいきませんでした。

共有設定_‹_comemo_—_WordPress_と_Create-a-blog-post_itmz

画像にリンクをつける

画像にリンクをつけたものだけに「Pin It」ボタンが表示されるようになるようです。画像にリンクをつける方法は以下の3通りがありますが、いずれの設定でも「Pin It」ボタンが表示されました。

新規投稿を追加_‹_comemo_—_WordPress

「「Pin It」ボタンは表示させたいけれども、画像へのリンクはつけたくない」という場合には、「カスタム URL」にした上で「#」を入力したらうまくいきました。

貼り付けた画像_2015_02_27_14_21

以上の設定をすると、以下のような感じで画像の左上に「Pin It」ボタンが表示されるようになります。

「Pin It」ボタンを押すと以下のようなウィンドウが表示され、Pinterest へ画像をブックマークすることができます。

Pinterest____ピン__ボタン

なお、詳細はよくわかりませんが、テーマの種類や CSS の追加等により、ボタンが表示されなくなるケースがあるようです。

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。