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

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

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

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

はてなブログのページデザインを自由にカスタマイズ

1 はてなブログのカスタマイズ機能

 gooブログからはてなブログに移ってきて、3か月とちょっとです。はてなブログでは、ブログページのデザインを自由にカスタマイズすることが可能です。このカスタマイズ機能が珍しくて、そしておもしろくて、ちょっとずつ試行錯誤しながら作業を楽しんでいます。



2 カスタマイズ機能の配置場所

 ブログ管理画面左側のサイドバー内の「デザイン」アイコン(絵の具パレットのマーク)をクリックすると、デザイン設定画面が開きます。ここに、カスタマイズ機能が集まっています。
 そのデザイン設定画面には、左から「デザインテーマ」タブ、「カスタマイズ」タブ、「スマートフォン」タブと、3つのタブが並んでいます。
 まず「デザインテーマ」タブ内で、全体のデザインテーマを選択し、その上で、「カスタマイズ」タブ内で、個別のカスタマイズをしていきます。

 

3 GUI的操作方式とCSSコード記述方式

「カスタマイズ」タブ内には、縦方向に個別的なメニューが配置されています。最上部配置の「背景画像」メニューから下から2番目「記事」メニューまでは、基本的に、あらかじめ用意されているボタンやアイコンをクリックするだけの、いわばGUI的操作ができます。
 それに対し、最下部に配置の「{}デザインCSS」メニューだけは、ユーザーが一が手作業でCSSコードを記述する必要があります。この、自由なCSSコード記述ができるために、思いどおりのカスタマイズが可能となっているわけです。逆の言い方をすると、CSSコードの記述ができない場合は、このカスタマイズ機能は利用できません。ヘルプにも、「この機能は開発者向けの設定です。利用上の注意をお読みになり、自己責任でのご利用をお願いします。」との注意が書かれています。

 

4 必要なCSSの知識の程度

 ですから、CSSのコードの記述によってページのカスタマイズをしようとする場合は、CSSに関する知識が必要となります。
 けれども、あらかじめでき上がったページの修正程度であれば、それほど高度な知識は必要ありません。現に、HTMLやCSSに関してど素人のこの私にもできていますから。修正を加えてみて気に入らなければ、追記部分を削除するだけです。簡単に元に戻せるから、気軽にできます。

 

 

 それではまた次の記事で。

    goosyun