つれづれ電脳記(日くらしPCに向かひて)

つれづれなるままに、日くらしPCに向かひて、その悪戦苦闘ぶりをそこはかとなく書き付くるおじさん。たまに雑談[管理人:goosyun]

つれづれなるままに、日くらしPCに向かひて、デジタル関係の悪戦苦闘ぶりをそこはかとなく書き付くるおじさんです。
たまに雑談してます。連絡・問い合わせフォームは、ページ最下部に置いています。[著者(運営人):goosyun]

(当ブログには本文中に広告リンクが含まれています。)

CSSによるブログページの装飾作業

ブログページの装飾作業

 昨日(2025年8月4日)は、当ブログ「つれづれ電脳記(日くらしPCに向かひて)」のページ内のごく一部分ですが、見映えを変える作業を行いました。
 つい、2,3日前のことになりますが、はてなブログデザインCSSの使い方を少しだけかじって、ブログページ装飾の仕方を覚えました。まだ初歩の段階ですが、ブログページの装飾やデザインを、自分の好みに合わせて変えられることを知ったわけです。ページの見た目を自分の手で変更する作業は、自分の考えを目に見える形として実現できることから、なかなかおもしろくて、楽しめます。
 会社の広報担当など、仕事や業務ならば、組織の一員としての真剣勝負となるので、とても楽しむなんてのんきなことは言っていられないところですが、遊びであれば、存分に楽しめます。
 PCが手元にあって、ネット環境があることが前提にはなりますが、ブログページをちまちまと(こせこせと、みみっちく)いじくって、それで楽しめるんだったら、お金のかからない、なんとも安上がりな道楽です。

 

ページ冒頭のボタンの色の変更

 昨日やったページの変更作業というのは、ページの冒頭にある『読者になる』ボタンの装飾です。「つれづれ電脳記 日くらしPCに向かひて」というブログタイトルの脇に、『読者になる』ボタンを配置しています。このボタンは、これまではページ全体と同系色のためにページの中に埋もれてしまって、目立たないものでした。これを、少しだけ、目を引くようなデザインに変えようと思ったのです。
 従前の「背景グレーに白色文字」から、「背景黄色に黒色文字」へと変えました。最初、ボタンの背景色を真っ黄色にしてみたのですが、ちょっとケバい(けばけばしい)ものとなってしまったので、薄黄色に変えてみました。そうしたら、私の感性にぴったりフィット、なかなかイイ感じに仕上がりました。

 

一連の作業過程の記事化

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

 ですから、今回の記事は、この辺で。
 また、次の記事で。

 

      goosyun