livedoor Blog カスタマイズの基本

このコーナーでは「livedoor Blog」の基本的なカスタマイズの方法についてご紹介します。（初歩点な内容です。）

■「livedoor Blog」カスタマイズの基本

「livedoor Blog」をカスタマイズしたい場合、まず「Blogの設定/管理」画面から「デザインの設定」を選びます。

ジャンル一覧の「スタンダード」を選び、「CUSTOM」というテンプレートを選択します。「CUSTOM」の画像をクリックすると、スタイルシート（CSS）とHTMLテンプレートの編集画面が別ウインドで開きます。

まず「テーマの読み込み」というメニューから基本となるテンプレートを選びます。カスタマイズする前に使いたいデザインテンプレートを事前に選んでおいたほうがいいでしょう。わたしの場合、シンプルな「vivace」（右サイドバー付きセンターレイアウト型）というテンプレートを選択して、カスタマイズを行なっています。

カスタマイズする前に、デフォルトのCSSとHTML（4種類）はメモ帳などのテキストエディタで、バックアップをとっておくことをオススメします。もしカスタマイズ中になんらかのトラプルが発生した場合に、デフォルトのファイルがあれば、元に戻したり、ファイルを比較してトラプルの原因を見つたりすることもできるからです。

また、カスタマイズはブログの管理画面上でするのでなく、それぞれ別にテキストファイルを作り、そのテキストファイル上で行なったほうが便利ですし安全です。

例えば、それぞれのテキストファイルに

CSSファイル　 一一一一一一一一「style.css」
HTMLファイル
●トップページ　一一一一一一一「index.html」
●個別記事　一一一一一一一一一「entry.html」
●カテゴリ別アーカイブ　一一一「categories.html」
●月別アーカイブ　一一一一一一「archives..html」

というような名前をつけ、テキストファイル上で編集したものをブログの管理画面上にコピーするというような手順で進めていくと、作業が確実に行なえます。もとのテキストファイルがバックアップになるため、カスタマイズ中にミスがあった場合もすぐに対処できます。

ブログのタイトルを画像にする

「livedoor Blog」の基本的なカスタマイズ方法についてご紹介しています。

ブログのタイトルを画像にしたい場合、「blogtitle」部分を画像ファイルを表示するタグと差し替えます。

続きを読む

前後の記事タイトルを表示する

「livedoor Blog」の基本的なカスタマイズ方法についてご紹介しています。

ブログの前後の記事タイトルを表示したい場合、下記のタグを「個別記事」のテンプレートの挿入したい場所に追加すると表示できます。

続きを読む