« CSSEZで作ったデザインの、Wordpressテーマとしての使い方。 | ヤプログでのオリジナルスキン設定方法。 »

ライブドアブログでのテンプレート設定方法

CSSEZで作成したデザインをライブドアブログで使用する方法を説明します。livedoorブログ用デザインの設定は、5つのファイルをコピー&ペーストで貼り付けます。

1. まずCSSEZでデザインを作成した後のダウンロード画面で、「テンプレートの形式」をLivedoorブログに設定してデザインをダウンロードします。
ImageShack

2. ダウンロードしたデザインは圧縮されていますので、解凍ソフトで解凍してください。解凍したフォルダを開くと中にはstyle.css, index.html, entry.html, category.html, date.htmlの5つのファイルが入っています。
ImageShack

3. では、ライブドアブログの管理画面へログインしてください。そして、上部ナビゲーションから「カスタマイズ/管理」をクリックします。
ImageShack

4. 左側のメニューに「デザインの設定」という欄がありますので、そこをクリックしてください。
ImageShack

5. デザインの設定画面で、一番下まで画面をスクロールすると、「カスタマイズ」という選択肢がありますので、そこをクリックします。ここを選択すると、ライブドアブログでオリジナルデザインテンプレートを使用することができます。
ImageShack

6. ダウンロードした5つのファイルをそれぞれ対応する欄にコピペで貼り付けてください。
ImageShack

対応するファイルは以下のとおりです。
スタイルシート(CSS) … style.css
トップページ … index.html
個別記事ページ … entry.html
カテゴリアーカイブ … category.html
月別アーカイブ … date.html

それぞれを貼り付けたらその都度保存するのを忘れないように。

7. 全て貼り付けて保存し終えたら、左側メニューの上のほうにある「ブログに設定を反映(再構築)」から、ブログ全てを再構築してください。
ImageShack

これで、ライブドアブログでのデザインの設定は完了です。

まだ、デザインを作成していない方は、CSSEZのデザインの作成ページからデザインを作成することができます。CSSEZは、CSSや(X)HTMLの知識不要で簡単にオリジナルブログデザインを作成することができるオンラインツールです。

Leave a Reply