WordPressブログの画像にピンタレストの保存ボタンを表示させる方法【設置手順まとめ】

【WordPress(ワードプレス)】ブログに設置している画像にPinterest(ピンタレスト)の保存ボタンを表示させる方法|手順まとめ

昨今、なかなか検索上位が取れなくなりました。

なぜかというと、Google検索の評価に関する指針が「E-A-T」、つまり「Expertise(専門性)、Authoritativeness(権威性)、Trustworthy(信頼性)」に重きを置いているから。

分かりやすくいうと「公式 is 最高」ってことですね。そのため、昔に比べると、個人ブログが立ち入る隙がほぼ無くなってきました。

このままだとジリ貧。なので、流入経路を増やすことに。その内の一つが「Pinterest(ピンタレスト)」です。

ぼく

ピンタレストとは、好みの画像を類似画像含め探せるサービスです。

この記事では、WordPressブログに設置している画像全般にPinterest(ピンタレスト)の保存ボタンを表示させる方法について記載しています。

手続きの流れ
  1. ピンタレストでコードを発行 → コピー
  2. コピーしたコードをWordPressのfooter.phpに貼り付け

Pinterest(ピンタレスト)側での作業手順

STEP.1
ピンタレストへアクセスし、ログインボタンを押下する
STEP.2
ピンタレストにログインする

手順2:メールアドレス・パスワードを入力し、Pinterest(ピンタレスト)へログイン

STEP.4
ボタンの種類を選択後、埋め込みコードをコピーする

手順4:Pinterest(ピンタレスト)のウィジェットビルダーにて、ボタンの種類を選択し、プレビュー下部に表示されているコードをコピーする

ボタンの種類は以下3種類から選べます。

  1. 1件の画像
  2. 全ての画像
  3. 画像にホバーした時

また、ボタンを大きくしたり、ボタンの形状を丸くしたりすることもできます。

個人的におすすめなのは、ボタンの種類を「画像にホバーした時」にし、ボタンの大きさを「大」にすること。

画像にホバーとは、カーソル(矢印)を画像の上に置くと、影が表示され、浮いたように見えるなど、画像上で”何かしらの変化が起きる”動作のこと。

他の設定に比べると動きがある分、ユーザーの注意を引くことができるし、ボタンを大きくすることで、”それが何であるか”を認知してもらえる可能性が高くなります。

よって、「画像にホバーした時」+「ボタン大」がおすすめです。

これでPinterest(ピンタレスト)側での作業は完了です。

続いては、WordPress(ワードプレス)のfooter.phpにコピーしたコードを貼り付けます。

WordPress(ワードプレス)側での作業手順

STEP.1
WordPressへログインし、「外観⇒テーマエディター」をクリックする

手順5:WordPress(ワードプレス)へログインし、左メニューの「外観⇒テーマエディター」をクリック

STEP.2
使用しているテーマを選択し、footer.phpを選択する

手順6:WordPress(ワードプレス)テーマを選択後、テーマフッター(footer.php)を選択

STEP.3
ウィジェットビルダーでコピーしたコードを貼り付ける

手順7:</body srcset=の上部にPinterest(ピンタレスト)のウィジェットビルダーでコピーしたコードを貼り付ける。” width=”700″ height=”293″ srcset=”https://nichiyogogo.com/wp-content/uploads/2020/06/pinterest-save-button9.jpg 700w, https://nichiyogogo.com/wp-content/uploads/2020/06/pinterest-save-button9-300×126.jpg 300w” sizes=”(max-width: 700px) 100vw, 700px”>

STEP.4
完了

完了:WordPress(ワードプレス)に設置している画像全般の左上にPinterest(ピンタレスト)の保存ボタンが表示される

以上、参考になれば幸いです。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください