では、実際にlivedoorBlogをカスタマイズしましょう。
まず最初は、livedoorBlogのカスタマイズ方法を習得してもらうために、簡単にできるカスタマイズを例にして説明します。

なお、当講座で使用するテンプレートは、デフォルト2005（Blue）、及び、デフォルト2003（Write）を使用して説明していきます。

デフォルト2003（Write）・テンプレートは、「デザインの設定」をクリック→ジャンル一覧から「シンプル」をクリック→「次の20個」をクリックすると、表示されます。

投稿者名の表示変更（livedoorBlog編）

livedoorBlogでは、投稿者名がlivedoor IDで表示されています。

Posted by xyz0123

このようなIDからニックネームに変更する方法を説明します。カスタマイズ方法は非常に簡単で、各テンプレートの1行を編集するだけですので、是非、挑戦してください。

■ カスタマイズ手順
カスタマイズの手順は、下記のようになります。

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

・編集の前に、必ずバックアップをとりましょう。
・編集は、Web上ではなく、テキストエディタなどで編集しましょう。

■ トップページ、個別記事、カテゴリー、月別アーカイブの編集
テンプレートを見ていただくと、下記のような記述がありますね。

＜トップページ、個別記事、カテゴリー、月別アーカイブ＞

<$ArticleAuthor$>

これを下記のように表示させたい文字に書き換えるだけでＯＫです。

りっち

編集後は保存して再構築すると完了です。
これで、味気のない投稿者名の表示が親しみやすくなりましたね。

参考になりましたら、応援お願いします。　

今回は、「画像のアップロード方法」について説明します。livedoorBlogでは、パソコンに保存してある画像や動画ファイルをアップロードすることができます。


livedoorBlogでの画像アップロード方法です。下記の手順通りにすれば、簡単に画像をアップロードすることができます。

画像のアップロード方法（ライブドアブログ編）
1.	管理ページのサイドメニューから「ファイルのアップロード」をクリックします。
2.	「ファイルをアップロードする」をクリックします。
3.	「参照」をクリックし、ファイルを選択します。
4.	「タイトル」を入力します。
5.	「サムネイル作成」する場合は、チェックします。
6.	「選択したファイルをアップロードする」をクリックします。
7.	「ファイルのアップロードが完了しました。」のメッセージが表示されると、アップロードは完了です。

※アップロードできるファイルの種類はgif、jpg、png、bmp、mp4、mov、wmv、3gpです。
※一度にアップロードできるファイルサイズは、画像が500KB、動画は2MBが上限です。

■ サムネイル作成
「サムネイル作成」にチェックを入れておくと、横幅160ピクセル程度に縮小したサムネイル画像を作成することができます。（元の大きさのファイルも同時に保存されます）。

アップロードする画像が大きい場合や、ブログのサイドバーがずれてしまう場合などにチェックを入れてください。

以上、「画像のアップロード方法（livedoorBlog編）」について説明しました。次回から、実際に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を入力だけで起動し、簡単にスタイルシートを編集できます。ブログのセレクタなどがいまいち分からない方には、おすすめです。

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



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