livedoorBlogのカスタマイズ方法

第1回目の講義は、「livedoorBlogのカスタマイズ方法」について説明します。


livedoorBlog をカスタマイズするには、テンプレートを編集します。テンプレートには、スタイルシート（CSS）や、トップページ、個別記事ページ等のテンプレートがありますので、カスタマイズの目的によって、それぞれ該当のテンプレートを編集します。


livedoorBlog のテンプレートを編集する手順です。

livedoorBlog テンプレート編集方法
1.	管理ページの上部メニューから「カスタマイズ/管理」をクリックします。
2.	左メニューから「デザインの設定」をクリックします。
3.	デザインのジャンル一覧の右下にある「カスタマイズ」をクリックします。
4.	編集するテンプレート（スタイルシート、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブ）を選択します。
5.	編集内容を保存するには、編集画面の下にある「この内容で保存する」ボタンを押します。
6.	テンプレートの変更を反映させるには再構築をする必要があります。 左メニューから「ブログに設定を反映（再構築）」をクリックします。プルダウンから編集したテンプレートを選択し、「ブログを再構築する」ボタンを押します。
7.	「サイトの確認」をクリックし、編集内容をチェックします。

ただし、テンプレートを編集する前に、下記の点を注意してください。

■ 編集する前に、必ずバックアップをとりましょう。
テンプレートを編集し、「保存」をクリックすると、失敗したり、気に入らなかった場合でも元に戻せません。ですので、編集する前には、必ずバックアップをとりましょう。そうすれば、何度でもやり直せます。

バックアップ方法は、テンプレートのソース内で右クリックして、「すべてを選択」、「コピー」を選択し、メモ帳などに貼り付けると簡単です。

コントロールキーを使うと、さらに簡単です。
・「Ctrl」+「A」（すべてを選択）
・「Ctrl」+「C」（コピー）
・「Ctrl」+「V」（貼り付け）

■ 編集は、Web上ではなく、テキストエディタなどで行いましょう。
Web上で直接テンプレートを編集すると、失敗した場合でも元に戻せません。ですので、編集する際には、テキストエディタなどで編集し、編集前のテンプレートはバックアップをとっておきましょう。

テキストエディタは、メモ帳でも構いませんが、Tera Pad（無料ソフト）を利用すると、行番号や元に戻せる機能など付いてますので、便利です。

編集後は、ファイル内容のすべてをコピーし、テンプレートのソース内で右クリックし、「すべてを選択」、「貼り付け」をクリックすると、簡単に貼り付けることができます。


カスタマイズやテンプレート編集に便利なツールを紹介します。当サイトの作成時に利用しています。

ブログカスタマイズに便利なツール
TeraPad	TeraPadは無料のテキストエディタです。 行番号、URL/メールアドレスのカラー表示、Undo/Redo、画面分割などの機能は、テンプレートをカスタマイズする際には便利です。
たぬきのしっぽ	オンラインのCSS（スタイルシート）エディタです。URLを入力だけで起動し、簡単にスタイルシートを編集できます。ブログのセレクタなどがいまいち分からない方には、おすすめです。

カスタマイズする前にバックアップをとっておくと、何度でもやり直せますので、いろいろ挑戦してくださいね。



[次の講義へ] → 画像のアップロード方法