【WordPress】Simplicity2でかわいいサイトアイコンを簡単に設定する方法♪

こんにちは。さわみかんです。

サイトアイコンってご存知ですか??
あなたがウェブサイトを開いたときに表示される
アイコン画像です^^

お気に入りや、タブ、アドレスバーなどで
表示されます。

一番左は、さわみかんのサイトアイコンです。

当初はパンケーキでしたが、

なんだか見づらく、【オランジュカフェ】というコンセプトにちなんで
オレンジに変更しました~~~。

オリジナリティのあるお気に入りのサイトアイコンで
気分を上げましょう♪

スポンサーリンク

サイトアイコンの画像を用意する

◆縦×横512ピクセル

◆正方形

の画像を用意しましょう。

ちなみに、さわみかんはフリー素材サイトから
ダウンロードしました^^

↓↓↓

ガーリー素材

※追記

FLATICONというサイトもおすすめです。

…教えたくないくらいたくさんアイコン画像があり、
しかも無料です。…(#^.^#)

ファイル形式を選択して、画像のサイズを選べるのですが
最初から512PXの大きさの画像がダウンロードできるので
加工も必要なくとっても便利です~~。

さて、話を戻します。

今回は、こちらのダリアの画像を例に
サイトアイコンを加工していきます。

画像の【PNG】をクリックするとダウンロードできます。

画像の上でマウスを右クリックして、
【名前を付けて画像を保存】をクリックします。

保存する場所はどこでもいいです。
今回は、ダウンロードフォルダに保存しておきます。

WordPressブログのメディアに画像をアップロードましょう。

ドラッグ&ドロップで画像をアップロードできます♪

これで準備完了です。

画像を簡単に加工したい場合

画像を加工したい場合は、
画像の上で、マウスを右クリック→プログラムから開く→ペイント

で、トリミングやサイズ変更機能を使って
大きさを整えてみてくださいね^^

サイズ変更→ピクセルにチェックして、数字を入力。
512ピクセル以上だったら正方形じゃなくても大丈夫です。
この後の操作で、画像を切り抜くことができます。

準備した画像をサイトアイコンに設定する

さて、準備した画像を、Wordpressブログに設定します。

ダッシュボードにログインしておいてくださいね。

外観→カスタマイズをクリックします。

【サイト基本情報】をクリックします。

画面が切り替わったら、
【サイトアイコン】→【画像を選択】をクリックします。

先ほどアップロードした画像を選択します。

画像を切り抜きする画面に切り替わります。

好きなところで切り抜きましょう♪

おっと…ちょっと画像が切れちゃうな??

まあいっか!

切り抜く箇所を決めたら、【画像の切り抜き】をクリックしてください。

プレビューで確認したら、【保存して公開】をクリックします。

これで操作はおしまいです^^

ちなみに、こんな感じになりました。
うん、絵がちょっと切れたけど、かわいい!(笑)

参考になりましたか??

アイコンをみて、あなたのサイトだ!と
認識されやすくなるメリットもあります。

ぜひ設定してみてくださいね^^

お気に入りの画像が見つかるといいですね!!

PC操作でわからないところがありましたら
遠慮なくお問い合わせください^^

では、今日はこの辺で失礼いたします(*^^)v

在宅ビジネス初心者メール講座【さわみかん通信】のご案内

PS.
さわみかんは、子育ての合間に、家事の合間に、
メルマガアフィリエイトのお仕事をしています。

好きなお洋服や靴を買っておしゃれを楽しんだり♪
毎週末は旅行を楽しんだり♪

部屋に飾ったお花をみてきれいだな~~と
穏やかに過ごす毎日です。
主婦業を思いきり満喫しております。

メルマガ内で、在宅ビジネスのマニュアルなども
プレゼントしています。
よかったら見てくださいね。
強引な勧誘などは一切ありません。
安心してご覧くださいませ。
※メルマガ登録はもちろん無料です。

↓↓↓
在宅ビジネス初心者メール講座【さわみかん通信】

在宅で月5万円以上稼ぐネットビジネスの始め方♪

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク