はじめに
いままでは、フリースペースやフリープラグインにそのままコピペするだけの
カスタマイズをご紹介してきました
さらにもっともっと幅広いカスタマイズをするには、
CSS編集をする必要があります
そこで、今回は、「CSSってなに？まったくわからない！」という方のために、
CSS編集の基本をご説明します
CSS編集用デザインの選択
CSSの編集をするには、
まず、CSS編集用のブログデザインを選ばなければなりません
「マイページ」から「デザインの変更」を押すと、
現在適用中のブログデザインが表示されます
その画面を下の方にスクロールすると「カスタム可能」ボタンがあるので、
そこをクリックしてみましょう
たくさんのブログデザインが並んでいますが、
「CSS編集用デザイン」を選択し、「適用する」ボタンを押します
「適用する」ボタンを押した時点で既存のブログデザインはリセットされてしまうので、注意してね
既存のブログデザイン（ブログパーツなど）をとっておきたい場合は、
タグをメモ帳などにコピペして保存しておくといいと思います
また、
念のため、フリースペース・フリープラグイン・メッセージボードなどのタグも
すべて保存しておきましょう
他のカスタム可能デザインでもカスタマイズ可能ですが、限界があります
よりたくさんのカスタマイズをされたいのなら、
「CSS編集用デザイン」を選択するのをおすすめします
「CSS編集用デザイン」を適用すると、ブログはこんな感じ↓になります
まだ何もカスタマイズをしていないので、殺風景ですね…
これを一度に華やかにデザインするのは、プロ並みの腕がないと難しいと思います
慌てず、すこしずつ形づくっていきましょう～
CSSの編集
実際にどうやってブログをカスタマイズするのか？？というと、
CSSにいろんな記号を書き込むことによってブログに反映されるようになります
では、CSSを開けてみましょう
さきほどやったとおり、
「マイページ」から「デザインの変更」を押すと、
現在適用中のブログデザインのところに「CSS編集用デザイン」と表示されていますね
そのすぐ下の「CSSの編集」をクリックしましょう
「現在使用中のブログデザインCSS」が出てきます
これがCSSの内容になります
右端のスクロールバーを動かしてみると、
たくさんの記号が入っているのが分かります
それでは、このスクロールバーを一番下まで下げてみてください
「/* その他、拡張があれば記述 */」というのが出てきましたね
この下にどんどん記号を書き込むことにより、カスタマイズしていきます
「/* その他、拡張があれば記述 */」より上の部分を直接編集してもいいんですが、
あとに書いたものが優先されて適用されるしくみになっているので、
付け足し方式にしたほうが間違いを防げます
記号を付け足したら毎回「保存」をするのを忘れずに
気をつけること
CSSを編集していて思うのは、CSSはとってもデリケートな部分であるということ
半角スペースが抜けたり、「;」や「}」という記号が１つ抜けただけで、
ブログデザインがぐちゃぐちゃになってしまうこともあります
CSS編集をするときは、
以下の点に注意しながら慎重におこなってください
①CSSを編集するときは、編集前のCSSを保存しておく
ちょっとしたミスで、編集前の状態にすら戻せなくなる可能性があります
苦労して編集したのに全て水の泡ってことにならないよう、
編集前に必ず既存のCSSを保存しておきましょう
ちなみに、わたしは、PCの「メモ帳」に貼り付けて保存しています
（「Ctrl」＋「A」で記号を全て選択し、「Ctrl」＋「C」を押してコピーし貼り付ける）
②CSSを編集するときは、できるだけコピペをする
くり返しになりますが、
半角スペースが抜けたり、「;」や「}」という記号が１つ抜けただけで、
ブログデザインがぐちゃぐちゃになってしまうこともあります
これを防ぐするため、
配布された記号は手入力をするのではなく、できるだけコピペで済ませましょう
また、CSSに貼り付けるときは、
既存の記号に上書きしないよう注意してね
③「リクエストは既に処理中であるか無効です」の表示が出ても、慌てない
「保存」ボタンを押すと、頻繁にこのような↓表示がでて、
保存がうまくいかないときがあります
でも、慌てないで、もう一度「保存」ボタンを押してください
何度「保存」ボタンを押してもこの表示が出る場合は、
いったん記号を全て選択してメモ帳に別途保存し、
CSS編集ページを起ち上げ直してから、貼り付けて試してみてください
④CSS編集後は、「F５」を押してブラウザを更新する
CSS編集を「保存」しただけでは、すぐにブログに反映されません
必ず「Ｆ５」を押してブラウザを最新の状態にしてから確認してください
一回更新しただけでは反映されていないこともあります
その場合は、数回更新してみてくださいね
⑤記号にはタイトルをつける
カスタマイズを進めていくと、記号の量が膨大になります
どの記号がどの機能なのか分からなくなるので、
タイトルをつけておきましょう
タイトルやメモなど、
コメントアウトさせたい文字（＝機能させない文字）は、
/* コメントアウトさせたい文字 */
というように、前後を「/*」＋「半角スペース」と「半角スペース」＋「*/」ではさみます
また、タイトル以外にも
こまめにメモを入れて、わかりやすくしておきましょう
さいごに
CSS編集はわかりにくい記号ばかりで混乱することも多いのですが、
少なくともこの基本事項を頭の片隅に入れておけば、
ミスを防げると思いますよ～
ということで、
次回からのカスタマイズブログでは、
CSS編集を必要とするものもすこしずつご紹介していきます
お楽しみに～
♫*:..｡♡*ﾟ¨ﾟﾟ･♫*:..｡♡*ﾟ¨ﾟﾟ･♫
ブログネタ：右利き？左利き？ 参加中本文はここから
右利き
小さい頃、なぜか左利きに憧れた覚えがあります
