第７回　アメブロ用テンプレートについて

こんにちは！さいとうです
最近、雨ばかりで涼しい日が続いていますね！
もうこのまま秋になってしまうんでしょうか・・・
そろそろ秋服の準備が必要かな？と思っている今日この頃です

それでは今回は、アメブロ用テンプレートについて書いていきます

アメブロはCSSしか変更することができません

CSS編集方法
CSSの編集方法は、アメブロのスキンの中からベースとするスキンを選択し、編集していきます。セレクタ名は選択したスキンのものを使用することになります。
カラムの選択
アメブロはHTMLを編集することができないので、スキンを選択する時点で２カラムか３カラムか選ばなければなりません。そして、２カラム用のCSSと３カラム用のCSSに分けて制作することになります
スキンの選択
「読者になる」「ブログを作る」という画像ボタンはCSSではなく<img>で表示させています。このボタンはCSSで他の画像に差し替えることもできるのですが、CSS初心者には難しいかもしれません。このボタンの画像はこのまま使ったほうが良いと思います。（この画像を変更できるぐらいのCSSの知識があればこのブログを見る必要はないと思います）

自分の考えたデザインと合うイメージの画像ボタンを探すのは大変です。スタンダードスキンの中にある「グレイ」などがシンプルで使いやすいと思うので、「グレイ」をベースとしてプロパティを編集していけば良いでしょう
CSS編集時に使用するHTMLソース
CSSしか編集できませんが、HTMLソースがないとローカルで表示させて確認することができません。そこで、ベースとなるテンプレートを反映させたブログからHTMLソースをコピーしてきて、それを使ってローカルで確認しながら作業します。

このときにトップページだけでなく、「コメント」ページと「記事一覧」ページのHTMLソースも保存してください。つまり３つのHTMLソースが必要なのです。コメント入力欄や記事一覧のデザインは忘れがちになっていましますが、細部まで拘ることが大切です！