ワードプレス ピンタレスト

アメブロで書いた記事に[Pin It]ボタンを貼り付ける方法

更新日:

アメブロで書いた記事に[Pin It]ボタンを貼り付ける方法

先日開催した「ピンタレストを楽しむための勉強会」でアメブロで書いた記事に[Pin It]ボタンを貼り付ける方法の話題で盛り上がりました。

アメブロは禁止タグがあり、[Pin It]を簡単に貼り付けることができないようです。

記事

この↑アメブロ投稿記事の写真の下に[Pin It]ボタンを付けてみましょう。

アメブロのフリープラグインに[Pin It]用スクリプトを追加する

まずはピンタレストの Button and Widget Builder ページを開きます。

[Pin It]ボタンの設定

Button and Widget Builder

(1):Pin It Button を選択。

(2):Pin Count で One Image を選択。

(3):アメブロで書いた記事(Pin It を貼り付けるページ)のURLを記入。

(4):(3)↑の記事内にある画像(ピンタレストで投稿して欲しい画像)のURLを記入。

(5):画像の説明テキストを記入。

(6):[Preview]ボタンをクリック。

JavaScriptのコピー

Load the JavaScript

(7):Advanced を選択。

(8):スクリプトをコピー。

コピーしたスクリプトをアメブロのフリープラグインに追加

※フリープラグインへの追加は毎回ではなく、はじめて[Pin It]を貼り付ける時だけです。

フリープラグイン

(9):フリープラグイン追加ページを開く。

(10):フリープラグインのタブを開く。

(11):コピーしていたスクリプトを貼り付ける。(他の記述を消してしまわないように注意)

(12):保存

アメブロの記事に[Pin It]ボタンを貼り付ける

ピンタレストの[Pin It]ボタン Tagをコピーする。

Insert the Link

(13):ピンタレストのページに戻って Insert the Link にある Tag をコピーする。

アメブロの記事に[Pin It]ボタンを貼り付ける

投稿画面

(14):HTML表示にする。

(15):記事内に貼り付けた画像の下に(13)でコピーした Tag を貼り付けで記事を公開する。

確認してみよう

記事確認

[Pin It]ボタンをクリックしてみよう

Pin It

今日も元気に楽しく♪

ワードプレスを使いこなせるテンプレート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.