ファビコンを変更した時に行ったことを書き綴る回::ま工房

ま工房はメインブログとは別のことをやろうとして面倒になってやめた夢の残骸です

細かい部分のWordPressのデザインいじりの初手としては、ファビコンの新調を行いたいのであった。ということで、今回は、ファビコンを変更したときに行ったことを書き綴ったのである。

なお、今回は4部構成になっている。

  1. ファビコンを変えようという話と定義をさわり程度に
  2. 画像作成
  3. icoファイルへの変換、そして終幕
  4. 次回予告?

ファビコンを変えようという話と定義をさわり程度に

この文章を投稿した時点で、ファビコンは、紫色の背景色に白文字で「ま」と書かれたものになっているので、なんとも説明しにくい話ではある。(このテーマのデフォルトは、黒背景に白文字で「5」)

前のブログのファビコンは緑色の背景色に白文字で「ま」であったことを踏襲しているというのはさておき、その前にファビコンってなんぞや?って話を一応書いておこう。

ってことで、Favicon – Wikipediaを読んでみる。

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。

なるほど、わからん。

要は、ブラウザのアドレスバーやら、お気に入りやブックマークの一覧の、文字列の横についてくるマークのことと思っておけば大体いい感じだろう。なお、これを設定することのメリットとして、ブックマークの一覧で見ると目に付きやすいという点にある。

ってことで、画像作成などのログを書いてみるのだ。

画像作成

今回、5分ぐらいでちゃっちゃと作りたかったので、画像作り自体はJTrimを使うことにした。(ちなみに、こいつはWindows用)

ファイル > 新規作成 から、画像横サイズ:220、縦サイズ:220、キャンバスの色:紫を選択してOKボタン。

編集 > 文字入れ から、任意のフォントを選んで、文字エリアに ま を入力。
スタイルを太字、透過ボタンを押して、文字色:白、枠の太さ・余白・行間を零にして、サイズを任意の大きさにしてOKボタンを押した。

その文字に合わせて、縦横の比が1:1になるように範囲指定の後、編集 > 切り取り。

編集 > 貼り付け の後、イメージ > リサイズ で、サイズで指定するから、横と縦を16ピクセルにして、OKボタン。

ファイル > 名前をつけて保存で、任意の名称でgifファイルを完成。

icoファイルへの変換、そして終幕

これでも別にいいんだけれど、どうせ作るならicoファイルに変換した方が話としては面白そうなので、検索。見つけたのは、ファビコン作成 favicon.ico 無料で透過マルチアイコンが作れますという、まさにうってつけのサイト。

そこで、作った画像を選択の後、favicon.icoを作った。

あとは、テーマ編集で、そのicoファイルをファビコンとして表示させるようにしたのだった。

次回予告?

今後、少しずつこのサイトに変化をつけていこうという計画が実行されていくことになるのかもしれない。何か変化をつけるごとにログを書いていくスタイルというのは、前のブログとそう変わりないのは内緒だ。

戻るためのリンクなど

ま工房トップ

夢の残骸ページのトップ

このサイトについて

文字通りこのサイトについてをむなしく語る

プロフィール

一応ぺーじをつくったので書く

サイトマップ

このエリア限定のマップ

まどのラボトップ

ここから抜け出したい人に贈る