【Cocoon】プロフィールを設置する方法｜オリジナル画像を設定して信頼度UP！

「プロフィールを設定したい」

「プロフィールにリンクを挿入するには？」

「プロフィール画像が表示されない、どうして？」

この記事では、そんな方に向けて、Cocoonでプロフィールを設置する方法を解説します。

この記事を読めば、プロフィールを設置はもちろん、

• 画像をどうやって準備するのか
• 表示されない対処法が分かったり
• リンクを挿入したり

できるようになります。

私もブログ始めたての頃は、いろいろ調べて下の画像のようにプロフィールを設置できました。

どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！

また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。

さっそく本題に入りましょう。

Cocoonプロフィールの設定方法

ます、Cocoonでプロフィールを設定していきます。

プロフィールで設定できる項目は、下記6つあります。

それぞれ詳しく解説します。

著者名を決める

• 「ニックネーム」＝著者名
• 「ブログ上の表示名」＝表示させる著者名

の2つを決めます。

メールアドレスを入力する

「メール」に、自分のメールアドレスを入力します。

SNSアイコンを設置する

SNSをやっている人は、SNSのURLも入力しましょう。

プロフィール情報を書く

「プロフィール情報」に、

• 出身地や趣味
• 実績や経歴
• ブログの内容
• ブログの運営目的

などをかんたんに書きましょう。

プロフィール画像をアップロードする

「プロフィール画像のアップロード」に、著者のアイコンを設定します。

プロフィール用の固定ページにリンクさせる

「プロフィールページURL」に、別で作ったプロフィール用の固定ページをリンクさせます。

プロフィール用の固定ページの作り方は、後ほど解説します。

Cocoonプロフィールをサイドバーに設置する方法

Cocoonでプロフィールの設定を終えたら、次はサイドバーにプロフィールを表示させていきます。

Cocoonプロフィール画像を準備する方法

Cocoonのプロフィールで設定する画像は、下記3つの中から準備します。

それぞれ詳しく解説します。

プロフィール画像を自分で用意・作成する

Cocoonのプロフィール画像を自分で用意・作成する場合、デザインツール「Canva」を使えばかんたんに準備できます。

Canvaでは、無料で

• 自分の写真をデザインしたり
• テンプレート画像やイラストを使えたり

できます。

プロフィール画像を

• 自分で用意した画像を使いたい！
• 自分でデザインしたい！

という人は、Canvaを使ってみてください。

Canvaで作成する場合は、必ず商用利用ページに目を通しましょう。

Canvaで自分の画像やテンプレート画像の使い方は、下の記事を参考にしてください。

フリー素材をプロフィールに使う

自分でイラストを描けない…という人は、商用利用できるフリー素材を使ってみましょう。

おすすめのサイトは、下記2つです。

• イラストAC　/　利用規約
• いらすとや　/　利用規約

フリー素材を使うメリットは、

• 誰でも無料で画像を使える
• すぐにプロフィール画像を用意できる
• 画像を加工できる

などがあります。

自分でイラストを描けない人は、フリー素材のサイトをのぞいてみてください。

作成依頼したイラストをプロフィールに使う

オリジナル画像を用意したいが、自分では描けない…という人は、ココナラ で作成依頼するのもおすすめできます。

^{≫ ココナラ公式サイトへ}

ココナラでイラストを作れば、

• 唯一無二のオリジナル画像を使える
• 自分好みのイラストを描いてもらえる
• 商用利用できるか気にしなくていい

などがあります。

2,000円～5,000円で作成依頼できるアイコン画像もある（2024年2月5日時点）ので、まずはご覧になってください。

_{＼予算・ジャンル別／}

^{／ランキング・おすすめ順＼}

Cocoonでプロフィール(画像)が表示されない原因の対処法

Cocoonでプロフィール(画像)が表示されない原因は、下記2つ考えられます。

それぞれの対処法を詳しく解説します。

ウィジェットで非表示設定している

プロフィールが表示されない場合、ウィジェットで非表示設定していることが考えられます。

「チェック・入力したページで非表示」で任意の項目に✔していると、プロフィールが表示されないです。

ですので、✔を外すとプロフィールが表示されます。

Lazy Load機能が二重で働いている

プロフィール画像が表示されない原因は、Lazy Load機能が二重で働いていることも考えられます。

Lazy Loadとは…サイトの画像を遅延読み込み表示させることです。

ですので、Lazy Loadが2つ以上有効になっている場合、無効にすればプロフィール画像が表示されます。

Lazy Load設定は、

の3項目あります。

下記が、Lazy Loadを無効にする方法です。

ご自身が利用しているものだけ確認してください。

_{＼タブの切り替え／}

Cocoonプロフィール用の固定ページを設置する方法

Cocoonでプロフィール用のページを設置する方法は、下記の2ステップです。

それぞれ詳しく解説します。

固定ページで作成・公開する

STEP1

プロフィールを固定ページで作成・公開する方法は、下記の通りです。

ヘッダーやフッターに設置する

STEP2

プロフィールをヘッダーやフッターに設置する方法は、下記の通りです。

Cocoonプロフィールにリンクを挿入する方法

Cocoonでプロフィールにリンクを挿入するには、

<a href="リンク先のURL">リンクを貼るテキスト</a>

をプロフィール情報に入力させます。

例えば、

• 記事のURLに「プロフィールページのURL」
• 表示する文字に「》プロフィールはこちら」

を入力すると、下の画像のようにリンクを挿入できます。

Cocoonプロフィールに関してよくある質問

Cocoonのプロフィールに関してよくある質問

です。

プロフィールの画像サイズは？

プロフィール画像の推奨サイズは、幅240×高さ240pxです。

画像サイズを変更したい場合は、デザインツール「Canva」で変更できます。

Canvaで画像サイズを変更する方法は、下の記事を参考にしてください。

プロフィールのリンクを消す方法は？

プロフィールにある下記のリンクを消す方法を紹介します。

• feedly・RSS購読リンク
• ホームボタン・SNSリンク

feedly・RSS購読リンクを消す

ホームボタン・SNSリンクを消す

まとめ：プロフィール作成で信頼度UP

今回は、Cocoonでプロフィールを設置する方法を紹介しました。

プロフィール画像をフリー素材から探したい人は、イラストACやいらすとやがおすすめ。

オリジナル画像をプロフィールに設定し、自分のブログだと実感するうれしさをより味わいたい人は、ココナラ で作成依頼するのがおすすめです。

作ったプロフィール画像は、

• 吹き出し
• ファビコン
• SNSアイコン

にも使いまわせます。

作ったプロフィール画像を吹き出しやファビコンに使いたい！という人は、下の記事も読んでみてください。

オリジナル画像を作って、本格的にブログを始めましょう！

_{＼まずは無料で会員登録／}

^{／300円割引クーポンもらえる＼}