Cocoonでプロフィール欄を表示する方法と設定

Cocoonは、ウィジェットを使って記事の下や、サイドバーなど

プロフィール用画像も、通常は「Gravatar」を使うかプラグインなどを利用しますが、Cocoonには簡単にセットする機能がありとても便利です。

プロフィール設定

ユーザー　→　あなたのプロフィール　を開きます。

基本情報

メールアドレスはWordPressインストール時のものになっています。（変更も可能）

SNSアドレス

利用しているSNSアドレスを入力します。（１６種類に対応）

• Twitter
• Facebook
• はてブ
• Instagram
• Pinterest
• YouTube
• LinkedIn
• note
• SoundCloud
• Flickr
• LINE@
• Amazon
• 楽天 ROOM
• Slack
• GitHub
• CodePen

プロフィール情報

プロフィール画像

冒頭にも書きましたが、通常は「Gravatar」を使うかプラグインなどを利用しますが、Cocoonには簡単にセットする機能があります。

↓サンプル画面では、画像が表示されていますが、他サイトなどでCocoon以外のテーマを利用していて、そちらで設定していれば同じアイコンが表示されます。

「Gravatar」は使わなくてもOKですが、使われる場合は以下をご覧ください。

Gravatarを使ったアバターのカスタマイズ

はじめに WordPressでは、アバターの設定が出来、投稿者情報に表示したり、他ブログ（WordPress）にコメントした際に、自分の指定した画像を表示できます。 １人でブログを作っている場合には必要ありませんが、複数の投稿者がいるブログ...

ayaito.net

画像設定

例として、以下のように「Gravatar」にもCocoon機能にも画像をセットした場合

サイドバーに表示した例

画像を円形にする

ウィジェットの設定に「画像を円形にする」という項目にチェック。

　↓

プロフィールページアドレス

ここが未入力の場合は、著者のアーカイブページにリンクされますが、アーカイブページのアドレスは、WordPressログインIDがアドレスの一部になってしまうので、セキュリティ上、他のページのURLを入力しておいた方が安全です。

複数人で記事を書いているサイトなどを除いて、「当サイトについて」などの固定ページにしておくのも良いかと思います。

プロフィールを表示する

Cocoon独自ウィジェット「(C)プロフィール」を任意のエリアに挿入します。

記事の下に入れる場合は「投稿本文下」などに追加します。

表示例

プロフィールのカスタマイズは以下をご覧ください。

Cocoonのプロフィール欄のSNSボタンをカラーにするなどのカスタマイズ

Cocoonは、ウィジェットを使って記事の下や、サイドバーなど任意の場所にプロフィール欄を簡単に設置出来ますが、そのエリアのカスタマイズ方法です。 プロフィール欄の使い方は以下をご覧ください。 デフォルト表示例 カスタマイズ例 カスタマイズ...

ayaito.net