Cocoon(コクーン)でプロフィールを設定する方法

Cocoon(コクーン)でプロフィールを設定する方法

この記事がお勧めな方

  • Cocoon(コクーン)でプロフィールを設定する方法を知りたい方
  • Cocoon(コクーン)でプロフィールをサイドバーに表示したい方
  • Cocoon(コクーン)でプロフィールを記事内に表示したい方
  • プロフィール用のアイコン画像を用意する方法を知りたい方

Cocoon(コクーン):プロフィールの設定

プロフィールの設定は「ユーザー」→「プロフィール」で設定します。

ニックネームの入力とSNSの登録

まず、「ニックネーム」を入力しましょう。

また、TwitterなどのSNSを利用しているなら、そのURLを入力しておきましょう。

「ユーザー」→「プロフィール」

プロフィール情報の入力

次に「プロフィール情報」を入力します。

入力欄に簡単な自己紹介などを入力してください。

「プロフィール情報」入力欄

プロフィール画像を登録

設定画面の下部「プロフィール画像」の「プロフィール画像のアップロード」でプロフィール用の画像をアップロードします。

「プロフィールページURL」には自己紹介専用の別ページなどを用意している場合はそのページのURLを入力してください。

プロフィール画像のアップロード画面

用意したプロフィール用のアイコン画像をアップロードするとこんな感じです。

プロフィール画像のアップロード画面

最後に「プロフィールを更新」をクリックして保存すればプロフィールの設定は完了です。

サイドバーにプロフィールを設置した実際表示がこんな感じです。

Cocoon(コクーン)でプロフィール画像をサイドバーに設置した実際表示

※ プロフィールを設定しただけでは、サイトのページ上にプロフィールを表示させることはできません。

パパくま
パパくま

なので、次に設定したプロフィールをサイドバーや記事内に表示させる方法を説明していきます。

Cocoon(コクーン):プロフィールをサイドバーに表示する方法

サイトのサイドバー部分にプロフィールを表示させる方法です。

「プロフィール」を選択

「外観」→「ウィジェット」から「プロフィール」を選択します。

「外観」→「ウィジェット」から「プロフィール」を選択

「プロフィール」をサイドバーに追加

「プロフィール」を選択して、「サイドバー」にチェックされているのを確認し「ウィジェットを追加」をクリックします。

「プロフィール」を選択して、「サイドバー」にチェックされているのを確認し「ウィジェットを追加」をクリック

「プロフィール」に必要項目を入力

ウィジェット「プロフィール」の入力項目

① タイトルを入力する

好きなタイトルを入力します。

「プロフィール」や「PROFILE」など好きなタイトルを入力すればOKです。

② 肩書きラベル

特に気にしなければ「この記事を書いた人」と入力しておくのがいいと思います。

③ 表示設定

この表示設定で、サイドバーにプロフィールを表示するページ・非表示にするページを選択することができます。

これでプロフィールをサイドバーに表示させることができます。

Cocoon(コクーン):プロフィールを記事内に表示する方法

記事内に「プロフィール」を表示させることはとても簡単です。

「ブロックツール」から「プロフィールボックス」を選択します。

プロフィールボックス

「ユーザー」に登録したプロフィールが選択できるので、選択するだけで記事内に表示させることができます。

記事内にプロフィールを設置した実際表示

Cocoon(コクーン)で作成したサンプルサイトで実際のプロフィール表示がどんな感じか確認できますので、そちらも参考にしてみてください。

→ Cocoon(コクーン):記事内に表示したプロフィールの実際表示

プロフィール用の画像を準備するお勧めの方法

ハムタ
ハムタ

プロフィール用の画像はどうやって用意するの?

プロフィール用画像を用意するには次のような方法があります。

  • 無料のイラスト素材サイトを利用する
  • 有料でオリジナルアイコン画像を作成してもらう
  • 自分で作成する

① 無料のイラスト素材サイトを利用する

プロフィール用画像を用意する一番簡単な方法は無料のイラスト素材サイトなどを利用することです。

お勧めの無料イラスト素材サイトをご紹介します。

② 有料でオリジナルアイコン画像を作成してもらう

また、有料になってしまいますがオリジナルのアイコン画像を作成してもらうのもお勧めです。

私の場合、オリジナルのアイコン画像というだけでブログ作成のモチベーションアップにも繋がっています。

オリジナルのアイコン画像は「ココナラ」でイラストレーターさんに依頼して作成してもらうのがお勧めです。

私も「ココナラ」でプロフィール用のアイコン画像を作成してもらいました。

関連記事

③ 自分で作成する

イラストレーターなどを使える方なら自分でアイコン画像を作成することも可能です。

また、現在ではAIによる画像作成がとても簡単にできる時代になりました。

AI画像作成サイトやアプリなどで自分のアイコンを作成することも可能ですが、AIによる画像作成に関しては著作権の問題で今後どのような扱いになるのか不透明なところがあります。

AIによって作成したアイコン画像を使用する際は著作権について注意するようにしましょう。

AI画像の著作権について文化庁の見解・参考資料を確認することができます。

いくつか参考になるような項目をまとめておきます。

  • AI画像もAIを利用せずに絵を描いた場合と同様の著作権が適応される
  • AI生成物が既存の著作物と「類似性」と「依拠性」が認められる場合はNG,
  • 「類似性」と「依拠性」が認められる場合でも権利者から許可があればOK
  • 私的鑑賞での生成物はOK
  • 授業目的の複製はOK

何か難しくてAI画像の利用に不安を感じるかもしれないですね。

しかし、AI画像の利用がどんどん一般化しています。

著作権に注意しながらAI画像を積極的に利用していく時代になったと感じています。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

関連記事

Cocoon:記事一覧

 Cocoonの設定関係

 Cocoonの使い方

 Cocoonのデザインカスタマイズ