ファビコンとプロフィールを表示させたい

簡単な初期設定で、作業すすめやすいレイアウトになったので、次は色々ブログっぽさを出していきたい。ブラウザとかリンクに表示されるfaviconと、プロフィール画像を追加したい。

とりあえず、現状はスッキリしたので、記事とか追加したらどうなるか。
自分で見てる画面は上下にwordpressの管理画面とかの固定メニューが出っぱなしなんだけど、他の人からはどう見えてるのか不安ではある。

WordPressとCocoonをはじめて最初の設定後

ファビコンを設定する

説明によると複数の方法があるようなのですが、一番簡単そうな方法を採用。
外観→カスタマイズ→サイト基本情報サイトアイコンとあり、それがファビコンを設定するところ。
サイトアイコンを設定をクリックすると画像選択メニューが出るので、ファビコン用に作った画像をアップロードして設定。
設定後、公開ボタン押すと完了。

メディアには、同じ画像に見えるものが2つあり、片方はサイトアイコンに使用と書いてある。けれども、もう1つの方はファイル名が変更されているので、どちらも消したらいけないように思う。

ファビコン画像の作り方

イラレなどで512×512px(サイトアイコンおすすめサイズ)の正方形画像を作り、web用の形式でjpegとかpng形式で保存。
そのままでも良さそうだけれとも、次世代形式の方がファイルサイズも小さくする事が出来るので、フォトショップでwebp形式で保存しなおしました。

プロフィールを設定する

管理者のプロフィール画像とプロフィール画像を表示させるにはウィジェット設置。
とりあえず、ファビコンを設定した流れで、サイト基本情報の2個下にあるウィジェット設定
サイドバーを選んで、[C]プロフィール を追加。するとプロフィール入力画面に移動できるリンク「あなたのプロフィール」が表示される。
そこをクリックするとユーザ情報のページにワープできて便利。

ワープ先の各種プロフィール項目をいい感じに入力して、ファビコン画像と同様に作った画像をアップロードして設定。画像サイズはオススメの214×214pxにしました。

設定→ディスカッション→アバター でアバターを非表示にすると、プロフィールガジェットのプロフ画像が表示されなくなるので、そこは、とりあえずいじらないようにしておく。

コメント