Pinterest（ピンタレスト ）ボタン設置の方法【 SWELL向け 】

このような悩みを解消します。

ピンタレスト が流行ってきているので、早速登録してみたけど自分のブログの画像に「保存」マークをつけるのはどうやったらいいの？

他のテーマではチラホラ設定方法を見かけますがSWELLではあまりないので本記事で解決します。

この記事を読めば５分以内でピンタレストの「保存」ボタンを設置できるようになりますよ！

それでは詳しく解説します。

ウィジェットマスターからコードをコピーする

ピンタレスト公式サイトの「ウィジェットビルダー」を開きます。

そこでピンタレスト の「保存」ボタンの大きさや形を選ぶことができます。

【 ボタンの種類 】
・１つの画像
・すべての画像
・画像にホバーした時

この３つから選ぶことになりますが、「画像にホバーした時」を選択しましょう。

プレビューを見るとわかりますが「保存」というボタンか「P」のアイコンのどちらかを選択できます。

ボタンの大きさと形を決めたら、右下のコードをコピペします。

ウィジェットビルダーでの作業がこれで終了。

次はワードプレスに貼り付けです。

ワードプレスにコードを貼り付ける

ワードプレスのテーマ「SWELL」を使用している方は下記のところに貼り付けてください。

「外観」　→　「カスタマイズ」

高度な設定をクリック

bodyタグ終了直前に出力するコードにウィジェットビルダーのコードを貼り付ける

これで作業は完了です。

あとは公開済みボタンを押して設定を終了すればあなたのサイトの画像に「保存」ボタンが表示されるようになります。

これでピンタレスト のボタン設置は完了です。

どうですか？５分もかからなかったでしょ？

これであなたのサイトもピンされるようになりましたね！