WordPress機能

[WordPress]サイドバーのプロフィールにアイコン画像を表示させるには?

サイドバーに出す、
プロフィールについてのお話です。

テーマのCocoonでも、いろんなスキンでわりと見かけるサイドバーのプロフィール欄…

プロフィールは管理画面の外観 ⇨
ウィジェットの中の、プロフィールをクリックし、✓サイドバーを選択することで表示できます。

ウィジェットからプロフィールをサイドバーへ

 

こんなふうに右側・サイドバーへ
プロフィールが移動していればOK。特に保存する、、などの操作もなく移ります。

右側へプロフィールが表示される

 

▼マークを押して項目を開くと、そこに記載ありますが、

ここでの表示内容は、
管理画面のユーザー ⇨ プロフィール内の、プロフィール情報に記された内容が反映されるとのこと。。。

プロフィール欄の説明

 

とりあえずプロフィール情報に文言を入れると、確かに反映される。

プロフィール情報の項目欄

 

さらにイメージで言うと、
プロフィール文の上に表示されるのがプロフィールアイコン。

同じようにアイコン画面もと…
プロフィール内にある、プロフィール画像のアップロードへ選択しますが…

プロフィール画像を上げる場所

 

プロフィール画像、、出ない🫠

サイドバーに出るプロフィール欄

はて…プロフィール画像を出すには?

 

やってみてわかったのですが…
知らないと、少しわかりづらい出しかただと思っちゃいました💧

実は管理画面の設定 ⇨
ディスカッションから入る、アバターって箇所がポイントになるようです。

アバターを設定する箇所

 

というのも、自分ではアバターの表示を基本OFFにしてきたからです。

じゃプロフィールはどう作ってたのかと言うと、
サイドバーウィジェットのカスタムHTMLで作ったことがありました😁

これならアイコンも文章も好きに作れると…
無料ブログ時代からのクセでしょかね~。

ただ今回は、
デフォルトにあるプロフィール画像はどうやるのか気になり…トライした次第。

アバターを表示するに✔︎点を入れ、
さらにデフォルトのアバターに“Gravatarロゴ”を選択すること。

アバターの設定とチェック欄

 

ここに説明ありますが、
Gravatarロゴを選択していれば、プロフィール画像に入れた画像が優先される…

Gravatarロゴについての説明箇所

 

と、少々わかりにくい流れですが
これでアップロードした画像が表示されると思います👍

プロフィール欄にアイコン画像が出てる完成例

 

もし、このプロフィール自体を非表示にしたいときは、外観 ⇨ ウィジェットへ飛び、

プロフィールが表示されてる右側から、
マウスドラッグで左下にある、使用停止中のウィジェットまでズズズ…っと移動しましょう。

使用停止したいウィジェットの置き場所

削除するのは惜しい…とか、
また使うかもしれない…など参考にと残すのもGoo✊

以上、プロフィール欄にアイコン画像を反映させるやり方についてでした。

コメント

タイトルとURLをコピーしました