初心に帰って、ライブドアブログでデザインをカスタマイズする方法

2005年6月20日から行われたライブドアブログのリニューアルで、一部仕様が変更になりました。その為、この記事の内容は一部正確ではありませんので、訂正記事のほうを参照いただくよう、よろしくお願いいたします。
訂正記事：ライブドアブログでデザインのカスタマイズ（リニューアル対応版）

ブログを始めて早数ヶ月。おかげさまでここのカスタマイズネタを参考にしてくださる方々も増えうれしい限りです。最近、相当過去に書いた記事にコメントをいただくことも多いのですが、昔は私自身も初心者で（今も初心者を名乗っていますが）、当時の記事はいまいちわかりにくい為、ここらで初心に帰ってブログに関する基本的な事を、改めて書き直そうかと思います。

第一回はライブドアブログでデザインをカスタマイズする方法です。

以前書いた記事はこちら。初めてデザインカスタマイズの方法に気付いた時に書いた記事です。この記事はライブドアブログガイドにトラックバックしているせいで、結構たくさんの方がここからやってこられます。

改めて内容を確認してみると、途中ライブドアブログの仕様変更があった為、内容に少し間違っている箇所があります。これはこれで直しておかないといけませんね。

前置きが長くなりましたが、これからが本題です。

デザインをカスタマイズするには、
１．まず上段の「Blogの設定/管理」タブから「デザインの設定」を選択します。

２．ジャンル一覧が表示されます。ここから「スタンダード」を選択します。

３．テンプレート一覧が表示されます。普通はここからライブドアが用意したテンプレートを選択して終わりなのですが、カスタマイズするには一番先頭の「CUSTOM」を選択します。

４．テーマの設定が表示されます。ここではブログのデザインを設定するスタイルシート（CSS）のカスタマイズを行えます。初めてここに来た場合は、「テーマの読み込み」からベースとなるテーマを選択します。自分がカスタマイズしていきたいテーマを選択しましょう。

５．すると下にスタイルシート（CSS）が表示されます。文字のサイズや色、サイドバーの幅などの変更はここを編集することで実現できます。まずは保存しておきましょう。

６．テーマの読み込みの上部には「こちらのページからどうぞ。」というリンクがあると思います。このリンクの先がHTMLを編集する画面です。ライブドアブログの場合は、トップページ、個別記事、カテゴリ別アーカイブ、月別アーカイブのHTMLをそれぞれ編集できます。HTMLを編集することで、サイドバー以外のところにアドセンスを配置したり、定型の文章を自動的に表示したり、ブログの構造を自由に変更できたりします。編集したいページの横の「編集」ボタンをクリックすると、今度は画面にHTMLが表示されます。

５と６の画面でCSSやHTMLを編集し、保存し、再構築して確認という作業を繰り返し、自分好みのブログに仕上げていきます。ライブドアの親切なところは、失敗してもワンタッチでデフォルトに戻せるところです。初期化できるということです。CSSなら再度読み込めばいいし、HTMLはデフォルトに戻す機能があります。

次回はCSSやHTMLについて少しだけ補足します。私もそんなに詳しいわけではなく、あくまでもブログカスタマイズを行ううえでの知識の範囲ですのでご了承くださいませ＾＾；

Comments

ＵＲＬを入れるだけのオンラインスタイルシートエディタを公開しています。
http://style.yarea.net/
既存ブログに対してページをコピーして編集するので、変化を見ながらTRY&GOで編集できます。
色の変更もワンクリックで変更されるのでぜひ試してみてください。

Posted by PET at 2005年04月19日 11:26

　こんにちは。
ちょっと質問させて下さい。

　現在、ライブドアBlogで３カラムを使用してますがカスタマイズの方法がわかりません。

・本文のスペース幅を広げたい。
・３カラムデザインを２カラムに変更したい。

以上です。お願いします。

Posted by みじょ at 2005年09月03日 14:55

みじょさん、はじめして。

うーん、重いですね。コメントで簡単にアドバイス出来そうにありません＾＾；みじょさんの要求そのもはありませんが、私の過去の記事も多少は参考になるかもしれません。カスタマイズインデックス辺り、ざっと目を通していただけません？

Posted by hammer at 2005年09月04日 12:32

コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾