今回は読者さんに あなたのことを、もっと知ってもらうために
Cocoonのプロフィール欄に固定ページに作成した「詳しいプロフィール」の
リンクを貼る方法をお伝えします。
(ここでは、固定ページに「詳しいプロフィール」を作成済みとしてお伝えしています)
本当に無料で良いんですか?と皆さんが絶賛されている
WordPressのテーマCocoon(もちろん、鈴丸も使わせて頂いております)
無料で使えて高機能、初心者でも使いやすいテーマです。
サイドバーのプロフィールにリンクが貼れない
Cocoonには既にサイドバーにプロフィールを設置できる機能があります
ですが、ですが、このプロフィール欄にはそのままではリンクが貼れないのです(涙)
鈴丸は、サイドバーに設置したプロフィールに詳しいプロフィールはこちらの
リンクを貼れずに困っておりました〜
悩んでおりました〜
そして、やっと解決方法を見つけました!
本当にこれだけ?
以前にもこちらでリンクの貼り方をご紹介しましたが
解決方法はひとつではないのです。
今回は直接コクーンのプロフィールにHTMLを書きます
HTMLって何?難しそう・・とメゲないで下さいね
大丈夫、大丈夫。
HTMLとは
HyperText Markup Language/ハイパーテキスト マークアップ ランゲージ)は、WEBページを作成するための基本的なマークアップ言語です。
簡単に言うと「Webページを作成するときに使われるコンピューター言語」です
ですが、今回はHTMLの知識は必要ありません
コードをコピペするだけでOKなんです
初心者さんでも簡単、安心です(^ ^)
早速、やってみましょう!
ダッシュボードのユーザー①
プロフィール②を開きます。

画面を下にスクロールして『プロフィール情報』を開きます。
ちなみに、 Cocoon設定でプロフィールを作成していない場合は
この欄に書いて下さいね
鈴丸、とっくに設定済みだよ。と言う方は
読み飛ばして下さい *\(^o^)/*

左下の『 プロフィールを更新』をクリックします

すると、 blog右側のサイドバーにプロフィールが表示されます
今回は、このプロフィールの1番下に
詳しいプロフィールはこちらのリンクを貼ります
このコードを使います
↓ ↓ ↓ ↓ ↓
<a href=”サイトやSNSのURL”>読者に表示される文字</a>
このコードをコピペしてCocoon設定の「ユーザー 」→「 プロフィールl情報」の
枠内に貼ります

赤枠内のサイトURL と読者に表示される文字を変更します。
固定ページにある鈴丸のプロフィールのページに飛ばしたいので
<a href=”https://suzumaru-ss.com/profile”>詳しいプロフィールはこちら</a>
に変更しました。
固定ページのURLは
ダッシュボード→固定ページ(今回は、鈴丸のプロフィール)
右側の赤枠の部分です。

ここで、気をつけて欲しいのはコードに自分のURLや、文字を入れる時に入れる場所や
スペル等を間違えないように入力して下さい。
一文字ずれたり、記号を消してしまわないようにね。
当たり前っちゃー当たり前なのですが、入力間違えは結構あるあるです
コピペでの入力がお勧めです
最後に左下のプロフィールを更新ボタンをクリック

これで終了です。
最後にブログで確認します( ´ ▽ ` )
プロフィールが確認できない場合
せっかく頑張ったのに、プロフィールが表示されなかったあ!
その場合はウィジェットを追加しましょう
ダッシュボードの外観→プロフィールの右の▼をクリック①

すると、サイドバーとその下に
ウィジェットを追加ボタンが出るのでクリック ②
タイトル名を入れる(プロフィールが分かりやすいです)
保存をクリック

これで、ブログに表示されたはずです。
確かめてみましょう。
詳しいプロフィールのリンクが貼れました。やったね!

★違う設定で作った場合はこうなります
設定の仕方で、表記も異なります。
実は鈴丸のブログのプロフィールはこの設定です。
↓ ↓ ↓ ↓ ↓

テーマCocoonをお使いならば、今回の設定の方が楽かと思います
まとめ
いかがでしたか?
リンクを貼って『詳しいプロフィール』が表示されましたか?
この方法でコードのURLをSNSアカウントや他のサイトのURLに変更すれば
サイドバーに設定できます。
そちらも、ぜひ試して下さいね。
最後まで読んで頂き、ありがとうございました。
この記事はあなたのお役に立てたでしょうか?
質問など、お問い合わせはこちらからお願いいたします
↓↓↓↓↓
鈴丸へのお問い合わせ
鈴丸でした。