自分でアイコン作成したけど、どうやってブログで使うの？
ワードプレスで設定する方法を見てみましょう。
ワードプレスでブログ作成中の初心者ブロガー向けの記事です。
吹き出しを自分らしく変更するだけで、なんとなく気分が上がりませんか？
わたしはブログ開設した時点でアイコンを変更していました。
それだけでプロフェッショナルに近づいたような気分となり、ブログ運営のやる気が上がった記憶があります。
- 自分で作成したアイコンをプロフィールに使用する方法
- オリジナルキャラクターのアイコンを吹き出しに活用する方法
ブログを始めたころは、デザインのカスタマイズを行う余裕はないと思います。
オリジナルアイコンを使用すると、それだけでブランディングできるのでおすすめ！
ちなみに自作アイコンの作り方がわからない方は、こちらの記事にCHARATを使用した無料アイコン作成の手順を解説していますのでご覧ください。
さっそくワードプレスで自作アイコンを活用しましょう。
※Cocoonと呼ばれるテーマでブログ運営しているので、操作手順や画面画像は全てCocoonテーマです。
ワードプレスでプロフィール画像を変更しよう
- ワードプレスにログインします
- 「ユーザー」にカーソルを合わせます
- 「あなたのプロフィール」をクリックします
- 画面を下にスクロールすると「プロフィール画像のアップロード」があります
- 「選択」ボタンをクリックします
- 「ファイルをアップロード」タブを押します
- プロフィール画像を選択します
- 「代替えテキスト」に画像の説明を入力します
「altテキスト」とも呼ばれ、画像が適切に表示されなかった際に、画像の代わりに表示されるテキストのことです。
- 「画像の選択」をクリックします
- プロフィール画像の設定をすると以下のようになります
プロフィール画像は新アイコンに更新される
プロフィール画像は設定変更すると、自動的に新しいアイコンに更新されます。
特にブログ記事に反映する手順はないので、初心者ブロガーにおすすめ！
わたしのプロフィール画像はこんな感じです。
CSSでデザインをカスタマイズしているので、その方法は別の記事で語るつもりです。
ワードプレスで吹き出し画像を変更しよう
次に吹き出しコメントの画像を自作アイコンに変更する手順を解説します。
- 「Cocoon設定」のタブにカーソルを合わせます
- 「吹き出し」ボタンをクリックします
- Cocoonの初期状態は以下の通りです
- 「新規追加」ボタンをクリックします
上から順に入力します
- 「タイトル」→記事に使用する際に使います
- 「名前」→画像の下に表示される名前です
- 「アイコン画像」→ココを自作アイコンで設定します
こちらはブログ作成時に変更できる項目です。
- 吹き出しスタイル
- 人物位置
- アイコンスタイル
※とりあえず設定しておけばOK
「保存」ボタンをクリックします
- 新しい吹き出しの登録完了です
新アイコンの吹き出しをブログ記事で使う方法
ブロックエディターを使用しているので、そちらの手順と画像で解説しています。
- 「プラスマーク」をクリックします
- 「Cocoonブロック」ボタンをクリックします
- サブメニューの「吹き出し」をクリックします
- 「スタイル設定」で希望アイコンやデザインに調整します
アイコンスタイルの見本
Cocoonの吹き出しは4パターンあります。
デフォルトの吹き出しイメージはこちらになります。
フッラトの吹き出しイメージはこちらになります。
LINE風の吹き出しイメージはこちらになります。
考え事の吹き出しイメージはこちらになります。
吹き出しの画像がオリジナルに変更するだけで、かなりブログ記事の全体がカッコよく見えますね。
まとめ：自作アイコンを使うだけでサイトが自分らしくなる！
今回はワードプレス【Cocoonテーマ】を使用して自作アイコンに変更する手順を解説しました。3分で変更できる！まずは自作アイコンに変更しましょう。
- プロフィールや吹き出しアイコンを変更するとカッコよくなる
- 自作アイコン使用で作業者のモチベーションがアップする
ぜひやってみてね！
今日はここまで。終わり
コメント