« CSSEZは素敵なデザインを簡単に作れるサイト | FC2ブログテンプレート設定方法 »

アメブロ用スキンCSSのカスタマイズと設定方法

オリジナルブログデザインを簡単に作成できる無料ツール「CSSEZ」はアメブロに対応しています。CSSEZを利用することでHTMLやCSSの難しい知識がなくても、簡単にオリジナルスキンを作成・カスタマイズすることができます。

アメブロはデザインの変更画面からCSSをカスタマイズすることで、オリジナルのスキンを設定することができます。CSSEZで作成したオリジナルデザインを、アメブロのスキンとして使用する方法を説明します。

まず、デザイン作成画面からオリジナルデザインを作成します。そして保存・ダウンロードをクリックしてアメブロ形式でスキンをダウンロードします。デザインをアメブロスキン形式でダウンロードしたら、中にstyle.cssというファイルが一つだけ入っていますので、それをメモ帳などで開いておいてください。

次にオリジナルデザインをアメブロのスキンに設定してブログをカスタマイズするために、アメブロの管理画面にアクセスします。

1. アメブロの管理画面を開き、アメブロのトップページから「デザインの変更」をクリックします。

「デザインの変更」をクリック

2. 次にアメブロのスキンを、下のほうへスクロールしていって、スタンダードデザインのベーシックテーマを選択します。

ベーシックを選択

3. そして、「カラムを変更」のところでCSSEZで作成したオリジナルデザインと同じレイアウトを選択し、保存をクリックします。保存が終わったら、上のほうにある「スキンCSSの編集」をクリックしてください。

レイアウトを選択後、スキンCSSをクリック

4. テキストエリアにCSSが記述されていると思いますので、そこにCSSEZからダウンロードしてメモ帳などに開いていた、オリジナルデザインの内容をすべてそのままコピー&ペーストしてください。最後に「保存」をクリックしてください。

これで、完了です。いかがでしょう。もし、アメブロでのスキンのカスタマイズ方法やオリジナルデザインの設定方法で質問があれば、お気軽にコメントをください。

アメブロスキン対応!知識不要の簡単ブログデザインツール『CSSEZ』

4 Responses to “アメブロ用スキンCSSのカスタマイズと設定方法”

  1. あh Says:

    4.でオリジナルデザインの内容をすべてそのままコピー&ペーストしてくださいとありますが どこに貼り付けるんですか?
    表示されてるないようを消すんですか?

  2. admin Says:

    はい。もともと表示されていた内容を削除して、そこにダウンロードしたファイルのコンテンツを代わりに貼り付けてください。

    入れ替えると元の内容は失われますので、必要であればテキストファイルにバックアップを取っておくと良いと思います。

  3. lena Says:

    CSSEZでスキンをつくり上記の通り貼り付けてみたのですが、なぜか崩れてしまいます。(URLのブログがそれです)
    CSSEZはCSS初心者の私にもとても使いやすく、見つけた瞬間「これだ!」と思い使っていたのですが、
    肝心の貼り付けがうまくいかないと・・・(;;)泣
    どうすればいいのでしょうか??

  4. sachirin Says:

    挿入すると
    もとのアメブロのわくより狭められた感じになり、
    文字の感じも変わってしまうんですがどうしたらいいですか?
    初心者で全くわかりません。
    すみません。

Leave a Reply