【アップデートちょっとまった！2019.03.29】
3/28にJINのアップデートがリリースされました。
詳しくはこちら
こちらのアップデートをすると、amazonのアイコンがfacebookのアイコンになってしまいます。
amazonアイコンへの変更方法をお知らせするまではアップデートをお控えください。
いやいや、アップデートするよ！ということでしたら、OGP情報で入力したamazonほしいものリストのリンクを削除してください。
Haruさんが運営するゴーゴーサロン（#GOサロ ）のバグエラー相談部屋でリーダーをしています。
バグエラー相談部屋では、メンバーから相談を受けてブログのバグやエラーに対応しています。
今回は、#GOサロ メンバーからも依頼が多かったカスタマイズをご紹介します。
大人気のテーマ『JIN』のプロフィールにAmazonのほしい物リストを追加するカスタマイズです。
プロフィール下に設置されるFacebookアイコンを→Amazonアイコンに変更します！
JINはアフィリエイターのひつじさん(@hituji_1234)とプログラマーの赤石さん(@cps_kazuya)が作った高機能テーマです。
読みたい目次をクリック
Amazonほしい物リストとは？
Amazonほしい物リストとは、名前の通り”Amazonでこれから購入したい商品をリスト化して一般に公開出来る”機能です。
ブログやHPにリンクを設定すると、誰でもリストを公開することが出来ます。
Amazonほしい物リストアイコンをJINユーザーが続々と導入
私が参加している#GOサロ のみんなも続々とトライしてくれてます★
当然のごとくサロンオーナーはるちゃんもカスタマイズしています！
はる 🌼あげまんオーナー
注意事項：事前に必ずお読みください
【必ずお読みください】
※phpの編集になるので慎重にお願いします！
※バックアップは必ず取るようにしてください。
※作業においては自己責任でおねがいします。
何か問題が起こった場合当方は責任を負いません。
※JINのアップデートがあった場合、該当ファイルが上書きされ、表示が戻る場合があります。
以上ご了承いただける方のみカスタマイズを楽しんでくださいませ！
それではカスタマイズのやり方をご紹介します。
カスタマイズで修正するファイルと編集する行
Amazonほしい物リストアイコンを表示させるために、修正するファイルと行はこちらです↓
custom-profile.php
custom-widget.php
header.php
header-style1.php～header-style10.php
| custom-profile.php | 32行目 |
|---|---|
| custom-widget.php | 248行目 |
| header.php | 138行目 |
| header-style1.php | 54行目 |
| header-style2.php | 54行目 |
| header-style3.php | 51行目 |
| header-style4.php | 51行目 |
| header-style5.php | 41行目 |
| header-style6.php | 34行目 |
| header-style7.php | 24行目 |
| header-style8.php | 34行目 |
| header-style9.php | 93行目 |
| header-style10.php | 85行目 |
カスタマイズの手順
-
手順1①wpに管理者権限でログインワードプレスに【管理者】権限でログインします。
-
手順2該当ファイルを表示外観＞テーマの編集＞include＞custom-profile.php
外観＞テーマの編集＞include＞custom-widget.php
外観＞テーマの編集＞header.php
外観＞テーマの編集＞include＞headerstyle＞header-style1.php～header-style10.php
初めはstyle.cssが表示されています。
画面右側のファイル名が表示されている場所をスクロールして該当ファイルを探してください。
【例】custom-profile.php
-
手順3該当する行の編集上記の表を参考にしながらfacebookのアイコンをamazonのアイコンに変更します。
↑リンクをクリックすると表に戻ります。
fa-facebook-f
↓
fa-amazon
【例】custom-profile.php
Special Thanks さんぺい 🔥燃える契約社員ブロガー -
手順4ファイルを更新エディターの下にあるファイルを更新ボタンをクリックします。
-
手順5URLの設定
-
手順６表示の確認本番ページを表示して確認
TOPの右上とサイドバーのプロフィールウィジェットの表示を確認
設定はこれで完了です。
プレビューできちんとAmazonのアイコンが表示されているかを確認して下さい！
WordPress『JIN（ジン）』カスタマイズ プロフィールにAmazonほしい物リストを追加する方法まとめ
今回のカスタマイズは手順が多く感じるとおもいますが、1回やってしまえばこっちのものです。
実際にほしい商品をプレゼントしてもらえるかはわかりませんがw
是非プロフィールにAmazonのほしい物リストを設置してみてくださいね。
この記事が参考になったよ〜！という方はかわうそをフォローお願いします♬
今後もブログが快適で楽しくなるカスタマイズをご紹介していく予定です！
では楽しいカスタマイズライフを～！！
かわうそのブログはこちら↓
＼ブログ✖️SNSで稼ぎたい人は／
＼Twitterで言えない情報を配信／
＼最短でフォロワー1000人達成／
