「ブログをオリジナルデザインにしたいな」という風に、 ブログを始めた時から思っていました。 ウェブリブログはデザインテンプレートのほかに、 CSS編集というものでデザインを変更することができます。 でもうちは、この分野の知識を全然もってません。 こういう事はうちには難しいことばかりでちんぷんかんぷん。 とっつきにくいものですね。 「CSS編集は上級者向け」というイメージを持っていましたが、 やってみるとうちでも比較的簡単に設定が出来る事もあるし、 「CSS編集 → 設定 → ブログのデザインが変わる（拍手）」 …っていう過程もなかなか楽しいものです♪ なかなか思ってるようにうまくいかない事も多くて 「あーでもない、こーでもない」と頭を悩ましながらの作業ですが、 オリジナルデザインに向けてCSS編集に挑戦中です。 CSS編集でのデザインを変更は 「一度に全部」 と言うわけではなく、 一箇所ずつの変更も可能です。 変えたい箇所から少しずつ更新していけば、だんだんブログは変わっていきますね。 「そしていつかはオリジナルデザインに」 を目標にしたいと思います。 CSS編集の記事は解説風な書き方をしていますが、 実は、うちのCSS編集のおさらい的な要素が多いです。 細かいところまで行き届かないこともあるでしょうがご了承ください。 また、『そこ違うよ』などご意見・ご指摘など頂けると嬉しいです。 まずはブログ全体のイメージを変えていくことから初めていきます。 CSS編集は1つずつ段階的に進めていきます。 なお、CSS編集は現在進行形なので、この後も随時アップの予定です。 乞うご期待！(oゝω･)b^☆　（…って、誰に言ってるの？( ･ﾉｪ･)ｺｯﾁｮｰﾘ） 【 CSS編集（スタイル編） 】 ・ オリジナルデザインのブログを作ろう♪  現在地  ・ 第１回 タイトル画像を変更する♪ ・ 第２回 背景の画像と背景色を変更する♪ ・ 第３回 アイコンを変更する♪ 〜 コンポーネント領域 ・ 第４回 アイコンを変更する♪ 〜 ページヘッダ部分 ・ 第５回 トラックバック、コメント領域も変えてみよう♪ ・ 第６回 一覧の画像と罫線のサイズと色♪ ・ 第７回 ブログの幅を広げてみよう♪ ・ 第８回 いろんな場所の線のデザインをいじってみよう♪ ・ 第９回 コメントの入力欄の高さを変える♪ ・ 第１０回 コメントを区切る罫線のデザイン♪ （要考察） 【 CSS編集（フォント編） 】 ・ ブログのフォントのデザインを変えてみる♪ ・ 第１回 トップページのフォント♪　『タイトル〜プロフィール』 ・ 第２回 トップページのフォント♪　『新着記事一覧』 ・ 第３回 リンクの付いているフォント♪ 【再編集】 ・ 第４回 コンポーネント領域ののフォント♪ ・ 第５回 記事ページのフォント♪ 『タイトル 〜 記事題名』 ・ 第６回 記事ページのフォント♪『 関連テーマ 』 【 ブログ編 】 ・ ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ ※CSSを編集するにあたって 記事に書いたCSS編集の方法については、 当ブログで設定が出来たものだけ書いてあります。 ただし、他の全てのブログでも必ずうまく設定できるとは限りません。 CSS編集で設定を間違うとブログのレイアウトが崩れることや、 設定がきちんとページに変更箇所が反映されないといったこともあります。 CSSの編集につきましては、あくまで自己責任でお願いします。 設定が出来てページに変更箇所が反映されても、 思っていたイメージと違うということも出てくることもあると思います。 いろいろな場面で、設定前に戻したいということも出てくるでしょう。 なので、CSS編集や設定する前には必ずバックアップはとってください。 あと、編集の進み具合で幾つかファイルを作っておくと便利です。 また、変更は一箇所ずつ行うようにしてください。 一度に何箇所か変更を加えてしまうと、 うまくいかなかった時にどこが悪いか探すのに一苦労します。 一箇所ずつ変更してうまくいったか確認してから次に進んでください。 元の状態（以前の設定）に戻そうと思った時に、バックアップしたもので 設定しなおしても元に戻らないことも出てくることもあると思います。 そんな時は「初期値をフォームに入力」で設定しなおして、 その後にバックアップしたものを再び書き込んで（コピペ）ください。

<< 前記事（2008/02/02）

トップへ

後記事（2008/02/03）>>

<< 前記事（2008/02/02）

トップへ

後記事（2008/02/03）>>