ブログ運営

WordPress『JIN(ジン)』 カスタマイズ プロフィールにAmazonほしい物リストを追加する方法

【アップデートちょっとまった!2019.03.29】

3/28にJINのアップデートがリリースされました。
詳しくはこちら
こちらのアップデートをすると、amazonのアイコンがfacebookのアイコンになってしまいます。
amazonアイコンへの変更方法をお知らせするまではアップデートをお控えください。
いやいや、アップデートするよ!ということでしたら、OGP情報で入力したamazonほしいものリストのリンクを削除してください。

かわうそ
かわうそ
こんにちは!かわうそ(@55mamalog)です。
普段はゆるっとTwitterとブログをやっています。

Haruさんが運営するゴーゴーサロン(#GOサロ )のバグエラー相談部屋でリーダーをしています。

バグエラー相談部屋では、メンバーから相談を受けてブログのバグやエラーに対応しています。

今回は、#GOサロ メンバーからも依頼が多かったカスタマイズをご紹介します。

大人気のテーマ『JIN』のプロフィールにAmazonのほしい物リストを追加するカスタマイズです。

 

プロフィール下に設置されるFacebookアイコンを→Amazonアイコンに変更します!

JINはアフィリエイターのひつじさん(@hituji_1234)とプログラマーの赤石さん(@cps_kazuya)が作った高機能テーマです。

かわうそ
かわうそ
GPLライセンスなので、コードの解析が可能!ってことでちょこっとカスタマイズ!

Amazonほしい物リストとは?

Amazonほしい物リストとは、名前の通り”Amazonでこれから購入したい商品をリスト化して一般に公開出来る”機能です。

ブログやHPにリンクを設定すると、誰でもリストを公開することが出来ます。

かわうそ
かわうそ
リストを見たあなたのファンがあなたの欲しい商品をプレゼントしてくれるかも?!

Amazonほしい物リストの表示例

>>Amazonほしい物リストの作成方法をチェックする

>>欲しいものリストで本名を非公開にする方法

Amazonほしい物リストアイコンをJINユーザーが続々と導入

私が参加している#GOサロ のみんなも続々とトライしてくれてます★

さよてぃーぬ 🌻 俺様の妻ブロガー
ゆるママくらぶ

あず 🤤孵化中のママフルエンサー 🐣
ズボラ妻の生活ブログ

ひろみ 🍎おうち英語 はじめのいっぽ
ひだまりデイズ

ちむにー 手探りで頑張るアトピー母ちゃん
CHIMNEY

当然のごとくサロンオーナーはるちゃんもカスタマイズしています!
はる 🌼あげまんオーナー
ゆるりとプラス

かわうそ
かわうそ
みんな!導入ありがとう!!

 

注意事項:事前に必ずお読みください

【必ずお読みください】

※phpの編集になるので慎重にお願いします!
※バックアップは必ず取るようにしてください。
※作業においては自己責任でおねがいします。
何か問題が起こった場合当方は責任を負いません。
※JINのアップデートがあった場合、該当ファイルが上書きされ、表示が戻る場合があります。

以上ご了承いただける方のみカスタマイズを楽しんでくださいませ!

それではカスタマイズのやり方をご紹介します。

 




カスタマイズで修正するファイルと編集する行

Amazonほしい物リストアイコンを表示させるために、修正するファイルと行はこちらです↓

全部で13個

custom-profile.php
custom-widget.php
header.php
header-style1.php~header-style10.php

custom-profile.php32行目
custom-widget.php248行目
header.php138行目
header-style1.php54行目
header-style2.php54行目
header-style3.php51行目
header-style4.php51行目
header-style5.php41行目
header-style6.php34行目
header-style7.php24行目
header-style8.php34行目
header-style9.php93行目
header-style10.php85行目
かわうそ
かわうそ
修正する箇所を間違えないように注意してね!

 

 

カスタマイズの手順

  • 手順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
    ファイルを更新
    エディターの下にあるファイルを更新ボタンをクリックします。
  • 手順5
    URLの設定
    外観>カスタマイズ>SNS設定(OGP)

    【facebookのURL】のところにamazon wishリストURLを入力

    JINのマニュアルを参考にしてください。
  • 手順6
    表示の確認
    本番ページを表示して確認
    TOPの右上とサイドバーのプロフィールウィジェットの表示を確認

設定はこれで完了です。

プレビューできちんとAmazonのアイコンが表示されているかを確認して下さい!

かわうそ
かわうそ
こちらのカスタマイズのお問い合わせについては、カワウソ(@55mamalog)までお願いします

 

WordPress『JIN(ジン)』カスタマイズ プロフィールにAmazonほしい物リストを追加する方法まとめ

今回のカスタマイズは手順が多く感じるとおもいますが、1回やってしまえばこっちのものです。

実際にほしい商品をプレゼントしてもらえるかはわかりませんがw
是非プロフィールにAmazonのほしい物リストを設置してみてくださいね。

JINのアップデートでファイルが上書きされたときは同様の作業をしてください

 

この記事が参考になったよ〜!という方はかわうそをフォローお願いします♬

今後もブログが快適で楽しくなるカスタマイズをご紹介していく予定です!

では楽しいカスタマイズライフを~!!

かわうそのブログはこちら↓