ブログページの装飾作業
昨日(2025年8月4日)は、当ブログ「つれづれ電脳記(日くらしPCに向かひて)」のページ内のごく一部分ですが、見映えを変える作業を行いました。
つい、2,3日前のことになりますが、はてなブログのデザインCSSの使い方を少しだけかじって、ブログページ装飾の仕方を覚えました。まだ初歩の段階ですが、ブログページの装飾やデザインを、自分の好みに合わせて変えられることを知ったわけです。ページの見た目を自分の手で変更する作業は、自分の考えを目に見える形として実現できることから、なかなかおもしろくて、楽しめます。
会社の広報担当など、仕事や業務ならば、組織の一員としての真剣勝負となるので、とても楽しむなんてのんきなことは言っていられないところですが、遊びであれば、存分に楽しめます。
PCが手元にあって、ネット環境があることが前提にはなりますが、ブログページをちまちまと(こせこせと、みみっちく)いじくって、それで楽しめるんだったら、お金のかからない、なんとも安上がりな道楽です。
ページ冒頭のボタンの色の変更
昨日やったページの変更作業というのは、ページの冒頭にある『読者になる』ボタンの装飾です。「つれづれ電脳記 日くらしPCに向かひて」というブログタイトルの脇に、『読者になる』ボタンを配置しています。このボタンは、これまではページ全体と同系色のためにページの中に埋もれてしまって、目立たないものでした。これを、少しだけ、目を引くようなデザインに変えようと思ったのです。
従前の「背景グレーに白色文字」から、「背景黄色に黒色文字」へと変えました。最初、ボタンの背景色を真っ黄色にしてみたのですが、ちょっとケバい(けばけばしい)ものとなってしまったので、薄黄色に変えてみました。そうしたら、私の感性にぴったりフィット、なかなかイイ感じに仕上がりました。

一連の作業過程の記事化
今回の作業の流れを、記事にまとめてみようと思っていました。けれども、いざ書こうとすると、何をどの程度書けばよいのか、今一つ、まとまりません。分かっている人には当たり前のことで、改めて説明するまでもないことでも、素人には分かりません。つい最近までの私がそうでした。そもそも、CSS(カスケーディング スタイル シート)とはいったい何なのか、どういう書き方をすればよいのか、などの基本からしてチンプンカンプンです。
よって、回りくどいようでも、その辺の基礎的知識からまとめてみようと思い直しました。
CSSの基本に触れ、その上でページに配置のボタンの見た目変更の一連の作業過程を、記事にまとめるのはどうだろうか、…と。
ですから、今回の記事は、この辺で。
また、次の記事で。
goosyun
