副業

【解決策】JINでプロフィールに貼ったリンクの色が変わらない!?

JIN
JIN購入者
JIN購入者
WordPressテーマの「JIN」を使ってます。

サイドバーのプロフィール欄にリンクを貼ったんですが、リンクの色が変わらず困っています。

文字色と一緒だとクリックして貰えないので、解決策を知りたい。。

こんな悩みに回答していきます。

 

本記事の内容

・プロフィールに貼ったリンク色を変える方法
・コードを使っても反映されない時の対処法
・改行する方法
・中央寄せを使う方法

 

本記事の信頼性

本記事を書いている僕は、JINを1年以上利用しています。

 

今回は、WordPresテーマ「JIN」のカスタマイズについてです。

プロフィール欄に、プロフィールへのリンクを貼っておくことで、見てくれる読者が増えますからね。

サイトのリピーターを増やす上で、サイトの信用性を上げることは必須。

そして、プロフィール記事はこの”信用”獲得に役立つので、ドンドン活用していきましょう。

 

ハチ
ハチ
情報での差別化は難しくなってきているので、発信者の顔をどんどん見せていきましょう!

プロフィール欄をカスタマイズする方法

 

まず最初に、JInでプロフィールをカスタマイズする方法をご紹介します。

既にご存知の場合は、飛ばしてOKです。

 

まず最初に、ダッシュボードから「外観」→「ウィジェット」を選択します。

ウィジェット

 

そうすると、サイドバーがあるので、そこに左の欄から「プロフィール」をドラッグして持ってきます。

ウィジェットのサイドバー ウィジェットのプロフィール

 

すると、「サイドバー」に「プロフィール」が入るので、ドラッグしてサイドバー内での順番を決めましょう。

 

ハチ
ハチ
オススメは露出が増えるので一番上です!

 

これでプロフィールの文章を書く準備が整ったので、本題に入っていきます。

プロフィール欄のリンク色変える方法

URL、リンク

 

まず結論から言うと、以下のコードを使えばOKです。

<a href=”プロフィール先のリンク”><span style=”color: #0033cc;”>テキスト</span></a>

 

これを自分のサイドバー内のプロフィールに貼り付けて、「リンク」と「テキスト」を変更すれば完了。

僕が実際に使っているコードを紹介すると、こんな感じです↓

<a href=”https://mjekshinri.com/profile/”><span style=”color: #0033cc;”>ハチのプロフィール</span></a>

リンク色をカスタマイズ

先程のコードを使うことで、ひとまず、リンク色が反映するようになりました。

ただ、現状では「青色」に設定してあるので、続いてはリンク色を変える方法をご紹介します。

JInのプロフィール変更

方法は簡単。

↑の赤枠の「#0033cc;」の部分が、リンク色を指定するコードなので、ここを自分の好みの色に変えるだけです。

 

コードの色に関しては、原色大辞典にかなり詳しく載っているので、こちらを参考にして下さい。

リンク色が変わらない場合

JIN購入者
JIN購入者
あれ、さっきのコードを使っても色が変わらない…

 

ただ、もしかすると、先ほどのコードが上手く反映しない方もいるかもです。

実は僕自身、先ほどのコードをググって見つけて最初に使った時は、上手く反映しませんでした。

リンクを指定しているのに、文字色と変わらないんですよね。

 

で、理由を調べたところ、非常に簡単。

「”(ダブルクオーテーション)」が大文字になってただけでした。

ハチ
ハチ
コードは半角でしか反映されません!

 

先ほど紹介したコードは全て半角にしてあるので、大丈夫だとは思いますが、万一の際はチェックしてみて下さい。

プロフィール作成に便利なコード

ポイント、結論、要点、まとめ

 

プロフィール欄をカスタマイズするのに便利なコードが2つあるので、ご紹介しておきます。

改行

<br>を使うと、改行することが出来ます。

<br>は「Shift+Enter」と一緒の効果なので、間に1行空けたい時は、<br>を2個使いましょう!

中央寄せ

<p style=”text-align: center;”>文字</p>

僕のプロフィールのように、見出し感覚で中央寄せを使いたい方もいると思います。

そんな時は、↑のコードを使えばOK。

最後に<br>をつければ段落も変わります。

 

参考例

参考例として、僕の「プロフィール」と「ウィジェット」を載せておきます。

照らし合わせながら、ご自身のブログに応用して下さい。

※クリックすれば拡大可能

プロフィール プロフィール

【補足】ブログで成果を出す方法

パソコン、PC

 

JINのプロフィールカスタマイズは以上です。

ただ、最後に補足として、「ブログで成果を伸ばす方法」を解説した記事と動画を載せておきます。

どちらも無料なので、良かったら参考にしください!

 

【関連動画】>>ブログで稼ぐ仕組みを解説【ブログ8か月目で月10万達成】(6分56秒)

ブログで収益をあげる仕組みについて解説しています。

セールスページや集客記事の関連性など。

 

【関連記事】>>【重要】ブログ月収5万までの戦略を解説【再現性高めの王道です】(11,094文字)

ブログで月5万稼ぐためのステップを解説しています。

 

ハチ
ハチ
何かわからない事あれば、TwitterでDMを頂ければ回答いたします。

ブログはやることが多いですが、頑張りましょう!

 

 

以上、「【解決策】JINでプロフィールに貼ったリンクの色が変わらない!?」でした。

 

人気記事セルフバックにおすすめのASPランキング【資金確保・小遣い稼ぎ】

人気記事【2020年版】アフィリエイトにおすすめのASPを徹底比較

人気記事【王道】グーグルアドセンスの審査が通らない人向けチェックリスト