【Cocoon】ブログのサイドバーにプロフィールを作成する方法

ブログ作成後、記事作成とともに重要なのが、デザインなどブログページの外観整理です！

実のところ、ブログは初心者の私ですが、設定内容を記録し、同じように最近ブログを始められた方にご参考いただければと思っております！

今回は、WordPressの無料テーマ「Cocoon(コクーン）」で、ブログのサイドバーにプロフィール欄を作成する方法について紹介いたします。

カスタマイズ前のブログ

カスタマイズ前のブログの様子がこちらです。スキンはぽんひろさん作成のSeason (Winter)を使用しています。

なにもカスタマイズしていない状態だとかなりシンプルですね。ここにプロフィール欄を追加していきます！

プロフィールの作成

まずは、ブログに表示させたいプロフィールの内容を作成しましょう。

①WordPress管理画面 ＞「ユーザー」＞「プロフィール」を選択
WordPressの管理画面から「ユーザー」＞「プロフィール」を選択します。

②ニックネーム、ブログ上の表示名を入力
（ブログ上の表示名は、ニックネームを入力後にプルダウンから選択可能になります。）
メールアドレスは入力済みとなっているので、変更しない場合は消さずにそのままにしておきます。変更する場合は新しいメールアドレスを入力します。

TwitterやInstagramなど、SNSのリンクを表示させたい場合はURLを入力しましょう。

③プロフィール情報を入力
下部にスクロールし、プロフィール情報欄に自己紹介やブログの概要などをこちらに入力しましょう。

④プロフィール画像の設定
プロフィールに設定したい画像を用意しておきます。
最下部の「プロフィール画像」＞「プロフィール画像のアップロード」の「選択」ボタンをクリックします。

ファイルをドロップ、または「ファイルを選択」ボタンから選択して、画像をアップロードします。

選択された画像を確認しましょう。
設定したプロフィールを確認し、問題なければ「プロフィールを更新」ボタンをクリックしてプロフィールの作成は完了です！

プロフィール欄をブログに表示

プロフィールを作成したら、ブログに表示させる設定をしていきましょう。
サイドバー、コンテンツ下部の２個所に表示する設定方法を紹介します。

どちらも最初に完成イメージを載せているので、イメージに合う方を選んで設定してみてください！

共通の操作

①WordPress管理画面 ＞「外観」＞「ウィジェット」を選択
WordPressの管理画面から「外観」＞「ウィジェット」を選択します。

②「[C]プロフィール」を選択

ここからは、プロフィール欄をブログ内のどこに表示するかで設定方法が変わります。

プロフィール欄をサイドバーに表示

【サイドバー表示完成イメージ】

③ – a 「サイドバー」を選択し、「ウィジェットを追加」をクリック

④ プロフィールの内容を記入

「タイトル」、「肩書きラベル」、「画像を円形にする」のチェックを入力して、「保存」ボタンをクリックします。

プロフィール欄をコンテンツ下部に表示

【コンテンツ下部表示完成イメージ】

③ – b 「コンテンツ下部」を選択し、「ウィジェットを追加」をクリック
その後の操作は「プロフィール欄をサイドバーに表示する」の④と同じになります。

完成！

本記事を最後までご覧いただきありがとうございます。

以上が、ブログにプロフィール欄を設定する方法になります。
ブログを運営する方々の参考にしていただければ幸いです！