THE THORでサイトアイコンを設定しよう♪サイトの基本情報設定

  • タブについてる小さな画像何?
  • この画像ってTHE THORのどこで設定するの?
 
という疑問を持った方向けにこの記事ではTHE THORのサイトアイコンの設定とサイトの基本情報の設定について紹介していきます。
 

本記事の内容

  1. サイトアイコンの紹介
  2. THE THORサイトアイコンの設定
  3. サイトの基本情報の設定

 

 

サイトアイコンのメリットは?

 

サイトアイコンとは、Webサイトのタブバーに表示される小さなアイコンのことです。
サイトの顔とも言えるもので、ブログのイメージを構築する上で重要な要素になります。

 

 

この画像はyahooのサイトアイコンです。このアイコンをみれば隣の文字を読まなくてもyahooというのがわかります

 

他サイトとの差別化、ユーザーがあなたのサイトを記憶しやすくなることが一番のメリットではないでしょうか。

 

 
sora
サイトアイコンはファビコンともいわれています。
 
また検索エンジンでの検索結果で記事のタイトルの上にも表示される大事なアイコンです。

 

 

何も設定しないと上の画像のイラストが表示されているかと思います。

初心者向け♪サイトアイコンのサイズって?

 

用意するアイコンのサイズは、512 × 512ピクセル以上の正方形にしてください。

 


PR

THE THORサイトアイコンの設定場所

 

「外観」→「カスタマイズ」→「サイト基本情報」の順にクリックしていってください。

 

「サイトアイコンを選択」でをクリックするとメディアが表示されますので、画像を選択して「公開」をクリックしてください。

 

サイトアイコンを作成していない方に向けて作成についても少し紹介します。

サイトアイコンを作成できるツール紹介


CanvaAdobe expressのサイトが初心者の方でも簡単に作成できるのでお勧めです。

無料会員で問題なく作成できます。

 

 
sora
上のCANVAのリンクから登録していただけると、私の紹介からの登録になり有料画像を1点プレゼントされます。

 


サイトは使いたくないな~という方向けには「ペイント」を使用して作成することをお勧めいたします。(WINの付属アプリです)

 

画像を作成していく前に「ファイル」→「画像のプロパティ」の順にクリックしてください。イメージのプロパティが表示されますので下にある「画像サイズ」の項目で画像のサイズを 512 × 512 に変更してから作成してください。

 

 

無料の素材などは下の記事で紹介していますのでサイトアイコン作成の参考にしてみてください。

 

>>>フリーイラスト素材とフリー写真おすすめ画像サイト7選

サイトの基本情報設定

 

「サイトアイコン」の他にここでは「サイトのタイトル」と「キャッチフレーズ」を設定することができます。

「設定」→「一般設定」にある「サイトのタイトル」と「キャッチフレーズ」と同じになります。

 

 
sora
どちらで設定しても同じになります。

 

ブログを表示させて「F12」を押してみてください。コードがざ~と表示されると思います。
画面中央ちょっと下あたりに検索窓がありますので、設定したキャッチフレーズを入れて検索してみてください。
表示の確かめが終わったら、再度「F12」を押せばコードの画面が閉じます。

 

THE THORでサイトアイコンを設定しよう♪サイトの基本情報設定 まとめ

 

このサイトアイコンのイラストってとーーーーーっても小さいですよね(;^_^A

画面に定規をあてて図ってみたら直径4~5mmくらいでした。

この小さなイラストに意味を込めるって難しいですよね( ̄▽ ̄;)

私のサイトは日本語で「そらのまなびぶろぐ」で、鉛筆マーク、ノートのマーク、もじと迷って結局「そ」にしました(笑)

皆さんはどんなサイトアイコンを作成しましたか?コメントで教えてください♪

 ランキングサイトに参加しているのでクリックしていただけると嬉しいです(^^♪

ランキングサイトに登録しているのでクリックしていただけると嬉しいです(^^♪