MENU
カテゴリー
マド
2017年に建売を購入。
少しでもコストを浮かせようと試みたことなどを発信中。
取り入れてよかったおうちアイテムや子育てアイテムについても書いています。

お問い合わせや、寄稿・執筆依頼はお気軽にご連絡ください。


このブログのテーマ
シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コードを貼り付ける

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

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

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

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

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

マド

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

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

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

にほんブログ村 住まいブログへ
にほんブログ村
よかったらシェアしてね!
目次