MENU
マドの画像
マド
家ブロガー
おうち大好き!間取り大好き!
建売でも住みやすくて楽ちんおうちを目指すフルタイムワーママ
カテゴリー
9/21(月)20:00から楽天お買い物マラソン!買いまわりチェック!

WordPress SWELL | ピンタレストの保存ボタンを画像に表示させる方法

最近ピンタレストの使い方をマジメに勉強し始めたんですが、まえから気になってたこのマーク。

画像にホバーすると現れるこのマーク
マドのアイコン画像マド

あぁ…!!ピンタレストの画像保存ボタンかぁ!!!

とようやく気がついたピンタレスト初心者です。

画像ごとに保存ボタンがあると、気になった画像をすぐに保存できるので、私がピンしやすいのはもちろん、ブログを読みに来てくれる方にピンしてもらいやすい!

これはブログ✖︎ピンタレストで運用している人はもはや必須なのでは?

ということで、このブログでも保存ボタンを表示させてみましたので、この記事では当ブログテーマのSWELLでの設定方法も含めてご紹介します。

こんな人に読んでほしい
  • ピンタレストしている人
  • ブログを運営していてピンタレストと連携したい人
  • ワードプレステーマがSWELLの人
目次

Pinterestの保存ボタンを画像に表示させる方法(SWELL)

ピンタレストの画像保存ボタンを表示させるのは、大まかにいうと2ステップでとてもカンタンでした。

2ステップは下記の通り。

STEP
ウィジェットビルダーでコードを作成する
STEP
サイトにコードを貼り付ける

サイト側でのコード貼り付けはテーマによって場所が異なります。

SWELLの貼り付け場所はココ。

外観→カスタマイズ→高度な設定→bodyタグ終了直前に出力するコード

ウィジェットビルダーでコードを作成する

まずはピンタレストのウィジェットビルダーというサイトでコードを作成します。

\Pinterest公式サイトに飛びます/

ログインしているとアイコンが表示されていると思います。

保存ボタンが選択されているか確認。

ボタンの種類は『画像にホバーした時』を選択しました。

ボタンは下記の3つから選べます。

  • 一件の画像
  • 全部の画像
  • 画像にホバーした時

円形にチェックを入れると丸いアイコンマークになります。

お好みのボタンを作ったらコードを丸ごとコピーします。

コードを貼り付ける

あとはサイト側にこのコードを貼り付けるだけです。

SWELLの場合の貼り付け場所はココ。

外観→カスタマイズ→高度な設定→bodyタグ終了直前に出力するコード

STEP
外観→カスタマイズ
STEP
高度な設定
STEP
bodyタグ終了直前

貼り付け後に『公開』ボタンを押して、保存が表示されているかサイトで確認してください。

マドのアイコン画像マド

念のため、保存ボタンを押してピンできるかどうかもチェックしておくといいですね。

ブログ村のランキング参加中!

『読んだよ〜』のしるしにポチで応援よろしくお願いします🤲

にほんブログ村 住まいブログへ
にほんブログ村

おすすめのワードプレステーマ『SWELL」

シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』
目次
閉じる