ブログレビュー

AFFINGER5でPinterest(ピンタレスト)の保存ボタンを設置する方法【コピペのみ】

アフィンガー5 でピンタレストの保存ボタンを設置する方法
AFFINGER5でピンタレストの保存ボタンの設置が分からない!ピンタレストのウィジェットビルダーで設定するのは分かったけど、コードをどこにペーストすればいいの!?(涙)

はい、これ私です。

▼画像の「このコードをコピーして、アドオンを表示するページに貼り付けます。」という一文。

アフィンガー5 でピンタレストの保存ボタンを設置する方法

はい、意味分かりません。

アドオン?アドオンとは?

もう本当に分からない!(涙)

調べてみても、headに〜とか本当に意味分かりませんでした。(おい)

そのためピンタレストを開始後1ヶ月放置…(笑)

ですが!何とか保存ボタンを設置することが出来ました!

しかもコピペのみで!

この記事はこんな方にオススメ

  • ワードプレスのテーマでAFFINGER5を使用している方
  • ピンタレストの保存ボタンの設置が出来なくて嘆いている方
あーちゃん
これから紹介する方法は倒れちゃうくらい簡単です♪

 

▼参考にさせていただいたサイト
『head内にソースコードを追加する手順(子テーマのfunctions.phpを使った方法)』

 

AFFINGER5でピンタレストの保存ボタンを設置する方法

はじめに

  • テーマをカスタマイズするので必ずバックアップをしてから臨んでください!
  • 親テーマではなく、子テーマでカスタマイズをして下さい!
  • テーマのカスタマイズは自己責任でお願いします。

 

手順

ざっくりの手順からお伝えしますね。

あーちゃん
コピペ2回で完了します!

step
1
functions.phpに追記するコードをコピー

step
2
子テーマのfunctions.phpの下の方にコードをペースト

step
3
Pinterestの保存ボタンのコードをコピー

step
4
子テーマのfunctions.php内の指定された場所にペースト

 

では、順番に確認しましょう♪

 

1.functions.phpに追記するコードをコピー

こちらの『head内にソースコードを追加する手順(子テーマのfunctions.phpを使った方法)』記事内の"追記するコード"をコピーする。

 

2.子テーマのfunctions.phpの下の方にコードをペースト

ワードプレスのダッシュボード▶︎外観▶︎テーマエディター▶︎子テーマであることを確認▶︎functions.php(テーマのための関数)をクリックし、下の方にペースト

アフィンガー5 でピンタレストの保存ボタンを設置する方法

functions.phpをクリックして、1番下にペースト

 

3.Pinterestの保存ボタンのコードをコピー

Pinterestのウィジェットビルダーにアクセス。

  • ボタンタイプはホバーにする
    ⇨ボタンの形はプレビューを見ながら決めてください♪
  • 言語はデフォルトでOKです

右下にあるコードをコピーする。

アフィンガー5 でピンタレストの保存ボタンを設置する方法

 

4.子テーマのfunctions.php内の指定された場所にペースト

再びワードプレス ダッシュボードに戻り、子テーマのfunctions.php内の指定された場所にペースト。

画像でいうと73行目の【headに表示させたいコードをここに!】部分にペーストします。

ペーストしたら【headに表示させたいコードをここに!】の一文は消す!

アフィンガー5 でピンタレストの保存ボタンを設置する方法

 

保存をし、完了!

自分のサイトで保存ボタンが表示されているか確認して下さい。

あーちゃん
倒れちゃうくらい簡単でしたよね♪

 

AFFINGER5でPinterestの保存ボタンを設置する方法:まとめ

こんなに苦戦したのは私だけでしょうか?(笑)

誰かの助けになれば嬉しいです…!

  • この記事を書いた人
  • 最新記事

あーちゃん

2児(2歳・0歳)の看護師ママ。 子ども達ラブ。夫は時々ラブ(仮)。 漫画・アニメ好き。 妊娠/出産/子育て/看護関係をメインに、思うがままに記事を書いています。 白衣の天使なので、それはもう天使のような優しさを持ち合わせています♪

-ブログレビュー
-, , ,

© 2020 コアロハライフハック Powered by AFFINGER5