- タブについてる小さな画像何？
- THE THORのどこで設定するの？
THE THORの設定項目って沢山あって、探すのって大変ですよね(;^_^A
あまり変更しない設定ほど、どこに設定があるのか忘れて本気で探しています(笑)
初心者向け♪タブに表示されてる小さなイラストを説明
パソコンでサイトを見ていると、タブの左側に小さなイラストが表示されています。
これは「サイトアイコン」と言われているものです♪
何も設定しないと上の画像のイラストが表示されていると思います。
このイラストを自分のイラストに変更する設定の手順を紹介します。
初心者向け♪サイトアイコンのサイズって？
用意するアイコンのサイズは、512 × 512ピクセル以上の正方形にしてくださいとテーマの設定場所に書かれています。
私のサイトアイコンは512PXの正方形で作成しています。
初心者向け♪サイトアイコンの作り方
今回使用するのは無料の画像作成サイト「CANVA」です。
「CANVA」は無料で使えるのですが、会員登録が必要です(￣▽￣;)
CANVAの無料～有料プランなど料金など詳しくは下の記事で紹介しています♪
＞＞＞CANVAを使っての簡単で本格的なアイキャッチ画像の作り方紹介
画面右上の「デザインを作成」→「カスタムサイズ」の順にをクリックします。
カスタムサイズの入力画面が表示されますので、「512」×「512」「px」と入力して「新しいデザインを作成」をクリックします。
画像では「100」と表示されていますが「512」と入力してください。
香水のアイコンを作ってみる
このアイコンの作成を例に紹介していきます。
キャンパスに色を付けます
①白いキャンパスのどこでもいいのでクリックしてください。
上の画像の様に緑の枠に囲まれると思います。
②画面右上にある色のついた四角形をクリックしてください。
色がいくつも表示されているので、その中の色を選んでクリックするとキャンパスが選択した色に塗りつぶされます。
香水のサイトアイコンに使用している色はここにはなかったので「使用中のカラー」の中の虹色の「+」をクリックします。（赤）
次に青で囲ってある丸をドラックして動かして色を変更します。
素材を選択する
画面左側の「素材」をクリックします。
「図形」の中の正方形をクリックすると、キャンパスの中にその時選択されている色の正方形が中央に表示されます。
素材のカラーを変更する
キャンパスの色を変更した時と同じように、左上の「カラー」をクリックして「白」をクリックしてください。
白の正方形をドラックして、角にもっていき反対側の角をドラックして引き延ばして枠線になるようにします
白の正方形が中央になるように白の正方形ををクリックしたまま動かします。
中央にくると中央線が表示されますので、縦横の中央線が表示されるように動かします。
枠線が仕上がったので、次は中央に表示させている香水を表示させます。
虫眼鏡のマークの検索窓に、「香水」と入力してエンターキーを押すと検索します。
香水の画像をクリックすると、キャンパスの真ん中に表示されます。
香水の画像の四角にある丸を動かして、画像のサイズを大きくし中央に配置します。
素材の画像の色も変更できる
画像のパーツの色を個別に変更できる素材もあります。
この香水の画像は変更できました。
キャンパスの香水の画像をクリックすると、左上に使用されているカラーが表示されます。
ここで変えたい色を変更していきます。
見本で表示させたサイトアイコンの画像は、香水のキャップの色を「オレンジ」から「グレー」に変更しました。
キャンパスの色も香水の画像に使用している「くすんだ赤」を選択してあります。
サイトアイコンの設定場所
「外観」→「カスタマイズ」→「サイト基本情報」の順にクリックしていってください。
この「サイト基本情報」の「サイトアイコン」というのがこのタブに表示されている小さなイラストの設定場所になります。
タブの中の小さなイラスト「サイトアイコン」の作成とTHE THORの設定場所♪まとめ
このサイトアイコンのイラストってとーーーーーっても小さいですよね(;^_^A
画面に定規をあてて図ってみたら直径4～5mmくらいでした。
この小さなイラストに意味を込めるって難しいですよね(￣▽￣;)
私のサイトは日本語で「そらのまなびぶろぐ」で、鉛筆マーク、ノートのマーク、もじと迷って結局「そ」にしました(笑)
ランキングサイトに登録しているのでクリックしていただけると嬉しいです(^^♪