« ライブドアブログでのテンプレート設定方法 | Seesaaブログでオリジナルテンプレートを使用する方法 »

ヤプログでのオリジナルスキン設定方法。

ヤプログでは、HTMLやCSSをカスタマイズしてオリジナルのブログデザインを作成することができます。CSSEZを利用すると、ヤプログ用のスキンを簡単に作成することができます。

では、CSSEZで作成したデザインのヤプログでの使用方法を説明します。

1. まずは、CSSEZでデザインの作成後のダウンロード画面で、「テンプレートの形式」を「ヤプログ」に設定してデザインをダウンロードしてください。
ImageShack

2. ダウンロードしたファイルを解凍すると、style.css, index.html, entry.html, archive.htmlの4つのファイルが入っています。これらをメモ帳などで開いておいてください。
ImageShack

3. ヤプログの管理画面へログインします。ログイン後、上部のナビゲーションメニューから「スキン」をクリックしてください。
ImageShack

4. そして左側のメニューで「フリースキン編集」をクリックしてください。
ImageShack

5. 先ほどCSSEZでダウンロードしたファイルをそれぞれ対応する欄にコピー&ペーストで貼り付けます。
ImageShack

対応するファイルは以下のとおりです。
スタイルシート … style.css
メインテンプレート … index.html
アーカイブテンプレート … archive.html
1記事テンプレート … entry.html

それぞれのファイルは、貼り付けるたびデザインを保存してください。

これで、ヤプログでのデザインの設定は完了です。ブログにデザインが適用されているかどうか、確認しましょう。

まだデザインを作成していない人は、CSSEZのデザイン作成ページから作成することができます。この機会に、自分だけのオリジナルデザインにトライしてみてはいかがでしょうか。

Leave a Reply