アメブロdeアクセスアップ

アメブロカスタマイズ 初心者向けCSSの解説 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:CSSでカスタマイズ

アメブロのカスタマイズです。

 

いろんな質問をいただくんですが、HTML・CSSの表記はたくさんあります。
一度に覚えるのって、大変!!

なので、初心者向けCSSの解説をしていこうと思います。

 

 

 

 

このブログでは、アメブロと連動していて
アメブロのカスタマイズを中心に記事にしています。

 

 

 

カスタマイズの質問も日々受けているんですが、
ブログのカスタマイズに終わりはありません。

 

 

 

なので、記事の中で簡単に自分でカスタマイズしていって、

見た目も美しい、ブログが作れる方法とカスタマイズ方法を
ご紹介していこうと考えています。

 

 

 

アクセスアップもそうですが、順番ってあるんですよね。

 

 

 

カスタマイズにも、手順ってあるんです。

 

 

ブログのテーマによってもそうですが、
アメブロは、HTMLがいじれません。

 

 

ですから、CSSとプラグイン・フリースペースによってのカスタマイズです。
なので、他のブログサービスより私的には簡単だと思っています。

 

 

 

ですが、CSSがあまりわからない方は、
ここで、多少覚えてほしいなーって感じました。

 

 

CSSは、基本がわかればどんなサイトでも記述方法は同じです。

 

 

ちょっと応用するだけで、実は誰でも記述できるようになりますし、
また使えるようになります。

 

 

 

本当ならばCSS辞典とかお手元に置きながら、
記述するのが一番早いと思います。

 

 

私もコードをすべて覚えているわけではないので、
CSS辞典を片手に、コードを記述しているほうが多いです。

 

 

 

自分でカスタマイズをするということは、そういうことなんだ!!
っていうことを、覚えておいてほしいと思います。

 

 

 

 

例えば、CSSでフォントの変更をするとしますよね。

 

 

フォントというのは、文字(書体)のことです。

 

 

フォントにも記述の方法は、たくさんあります。

 

 

フォントのサイズ font-size

フォントの名 font-family

フォントの太さ font-weight

フォントスタイル font-style

 

 

などが基本的文字のプロパティ(特性・属性)ということになります。

 

 

 

hana2 初心者向けCSS解説

CSSの基本の記述方法です。

 

CSSで記述するときは、
セレクタ{プロパティ: 値;} の順番で記述します。
{ で始まったら、}で閉じます。

 

 

 

セレクタ・・・・
スタイルの適用対象のことです。

例えば、ブログ全体(body)だったり、サイドバーだったりがそれに当たります。

 

 

プロパティ・・・・
特性・属性のことです。
先ほども書きましたが、font ・color・ width などがそれに当たります。

 

 

値・・・・

プロパティに対しての設定値のことです。

 

 

 

 

ちょっと簡単に思えません?

 

 

 

この記述の順番とそれぞれの意味を覚えるだけでも、
簡単なCSSは、読むことが出来るし記述することもできますよ。

 

 

アメブロの【CSS編集可能】なデザインスキンのCSSの記述を見ながら、
ちょっと読み取ってみてくださいね。
 

 
 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.