アメブロ用スキンCSSのカスタマイズと設定方法
オリジナルブログデザインを簡単に作成できる無料ツール「CSSEZ」はアメブロに対応しています。CSSEZを利用することでHTMLやCSSの難しい知識がなくても、簡単にオリジナルスキンを作成・カスタマイズすることができます。
アメブロはデザインの変更画面からCSSをカスタマイズすることで、オリジナルのスキンを設定することができます。CSSEZで作成したオリジナルデザインを、アメブロのスキンとして使用する方法を説明します。
まず、デザイン作成画面からオリジナルデザインを作成します。そして保存・ダウンロードをクリックしてアメブロ形式でスキンをダウンロードします。デザインをアメブロスキン形式でダウンロードしたら、中にstyle.cssというファイルが一つだけ入っていますので、それをメモ帳などで開いておいてください。
次にオリジナルデザインをアメブロのスキンに設定してブログをカスタマイズするために、アメブロの管理画面にアクセスします。
1. アメブロの管理画面を開き、アメブロのトップページから「デザインの変更」をクリックします。
2. 次にアメブロのスキンを、下のほうへスクロールしていって、スタンダードデザインのベーシックテーマを選択します。
3. そして、「カラムを変更」のところでCSSEZで作成したオリジナルデザインと同じレイアウトを選択し、保存をクリックします。保存が終わったら、上のほうにある「スキンCSSの編集」をクリックしてください。
4. テキストエリアにCSSが記述されていると思いますので、そこにCSSEZからダウンロードしてメモ帳などに開いていた、オリジナルデザインの内容をすべてそのままコピー&ペーストしてください。最後に「保存」をクリックしてください。
これで、完了です。いかがでしょう。もし、アメブロでのスキンのカスタマイズ方法やオリジナルデザインの設定方法で質問があれば、お気軽にコメントをください。
11月 13th, 2007 at 21:25:18
４．でオリジナルデザインの内容をすべてそのままコピー&ペーストしてくださいとありますが どこに貼り付けるんですか？
表示されてるないようを消すんですか？
11月 13th, 2007 at 21:38:07
はい。もともと表示されていた内容を削除して、そこにダウンロードしたファイルのコンテンツを代わりに貼り付けてください。
入れ替えると元の内容は失われますので、必要であればテキストファイルにバックアップを取っておくと良いと思います。
4月 3rd, 2008 at 10:22:03
CSSEZでスキンをつくり上記の通り貼り付けてみたのですが、なぜか崩れてしまいます。(URLのブログがそれです)
CSSEZはCSS初心者の私にもとても使いやすく、見つけた瞬間「これだ！」と思い使っていたのですが、
肝心の貼り付けがうまくいかないと・・・(；；)泣
どうすればいいのでしょうか？？
5月 17th, 2008 at 16:11:21
挿入すると
もとのアメブロのわくより狭められた感じになり、
文字の感じも変わってしまうんですがどうしたらいいですか?
初心者で全くわかりません。
すみません。
6月 24th, 2008 at 21:45:00
CSSEZを使って上記手順で設定し、ダウンロードしようとすると、loading画面がずっと続き、うまくいきません。何かやり方が間違っているのでしょうか？
7月 26th, 2008 at 18:10:52
すいません。
アメブロに貼り付けを行ったのですが、
メニューの表示が消えてしまったのですが、対応方法はあるのでしょうか？
8月 5th, 2008 at 17:18:13
何度挑戦しても画面の左半分だけ？が表示されて、アメブロ上でうまく表示されないのですが･･･。
手順は書いてある通りにやっているつもりなので、初心者の私には原因が分かりません。
どのようにすればよいか解決策があれば、教えて下さい。
宜しくお願いします。