Cocoon(コクーン)でプロフィールにリンクを貼る方法

プロフィールから詳しいプロフィールに飛ばす方法記事のアイキャッチ Cocoon(コクーン)

私はコクーンのテーマを
使っています。

コクーンは元から
ウィジェットにプロフィールが
入っていて便利ですよね。

でも「詳しくはこちら」
固定ページに飛ばす方法が
分からずに困りました。

リンクをコピーして
貼り付けるだけでは

黒文字になってしまい
飛べません・・・。

その解決方法がわかったので
書いていきます!

ちなみにわたしはCSSなどは
全く分からないので
カスタマイズの方法ではないです!

ここでは詳しいプロフィールの
固定ページをメニューに
追加している前提なので

「固定ページって何?」
「メニューって?」
という方は

こちらを読んでからの方が
わかりやすいです!

スポンサーリンク
スポンサーリンク

はじめに

まず、ワードプレスの
ダッシュボードを開き

「ユーザー」

「あなたのプロフィール」
クリックします。

「プロフィール情報」という欄に
好きな文章を書いていきます。

プロフィールにリンクを貼る方法

<a href=”サイトURL”>好きな文字</a>

公式みたいですが
これをプロフィールに書くことで

プロフィールに
リンクを貼ることができます。

例えば私の
プロフィールの場合は

詳しいプロフィールは<a href=”https://sakka01.com/profile”>こちら</a>

と書いています!

私は固定ページの
詳しいプロフィールに
飛ばしています。

ここは
プロフィール以外のページに
飛ばすことも可能です!

ちなみに上の
SNSアカウントとか
別のサイトのURLとかを書くと

それもプロフィールに
表示されます!

私はないので
「プロフィール情報」だけ
記入しました!

写真の設定も
ここでできるので
好きな写真を入れてください!

写真は正方形のものを
入れないと
横に伸びた画像になります!

これで完了です!

完成形はこちら!

プロフィールサイドバー
念願の
「詳しいプロフィールはこちら」が
出来上がりました!!

さっか
さっか

嬉しい!!

プロフィールが出てこない時は

「せっかくプロフィールを書いたのに
出て来ない…」という方は

ウィジェットを追加
していないのかもしれません。

ウィジェットの追加方法

外観

ウィジェット

「プロフィール」

「ウィジェットを追加」
をクリック

これでプロフィールが
表示されたはずです!

終わりに

まだまだわからないことが
たくさんありますが

1つ1つ解決して
コクーンマスターになれるよう
頑張ります!!

めい
めい

コクーンマスターって何笑

さっか
さっか

つっこまないで〜〜笑

スポンサーリンク
スポンサーリンク
Cocoon(コクーン)
さっかをフォローする
ふるりーむ

コメント

  1. タカヤマ より:

    ありがとうございました。探していたらさっかさんのサイトがヒットして早速僕も作ってみました。サイトがごちゃごちゃしていないくてシンプルで見やすかったです。

    • さっか さっか より:

      コメントありがとうございます!
      見やすさはこだわっているので、とても嬉しいです!

  2. しんじゅ より:

    やり方がわからず、困っていました。
    わかりやすい記事で、とても助かりました。
    ありがとうございます^^