Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18
Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21
Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 30
Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33
どもども
カスタマイザーのくま[kjk_temp id=”7099″]です(*´꒳`*)
カスタマイズに必要不可欠なCSSですが、はじめて見た人にとってはよくわからないですよね。
そこで今回は、できるだけやさしく「CSSとはどんなものか」を解説していきます。
[kjk_balloon id=”36″]CSSのざっくりしたイメージを図解で解説していきますね[/kjk_balloon]ざっくりとCSSをイメージしよう
ざっくりいうと
CSSはWEBで使われる言語（アイテムみたいなもの）のひとつです。
じゃあCSSのWEBでの役割って？
CSSで見た目を変えることで、WEBはぐっと見やすくなります。
CSS（かざりつけ）の有り無しを比較してみると
CSS無しでは、文字の大きさ・色などがすべて一緒ですよね。これだとどこを強調したいのかわからないメリハリのない文章に見えます。
CSSを使うことで、見出しがわかりやすく、強調したい部分もメリハリがでます。
CSSで実際になにするの？
基本はこれですね。
- 色を変える
- 大きさを変える
- 形を変える
- なんかを足す
- なんかを消す
この5つです。
[kjk_balloon id=”14″]なんだそんなに多く無いんだね[/kjk_balloon] [kjk_balloon id=”33″]プププ、これだけでも十分できるんだよ[/kjk_balloon]それぞれがどんなイメージなのか見ていきましょう。
色を変える
テキストの色を変えるのはもちろん、他にも背景や表などさまざまな部分の色を変えることができます。
大きさを変える
テキストの大きさを変えることができます。高さや幅といったサイズも変更できます。
形を変える
形を変形することもできます。角丸にするのはよく使いますね。
何かを足す
ちょこっとしたアイコンなどを追加することもできます。
何かを消す
逆にどこかを消すこともできちゃいます。
[kjk_balloon id=”1″]ほいほい、CSSってアイテムを使えば、こんなことができるんやね[/kjk_balloon] [kjk_balloon id=”31″]だいたいはこの5つを組み合わせてWEBをかざりつけていくよ[/kjk_balloon]カスタマイズとCSS
かざりつけ担当のCSSは、ぼくのようにWordPressのテーマをカスタマイズする人が一番使います。
WordPressのテーマ（例えばSANGO）の中には「style.css（スタイルシート）」というものが入っています。
「style.css」がテーマのかざりつけを決めているファイルです。
カスタマイズする際に「CSS」と言われたら「style.css」を編集していきます。
[kjk_balloon id=”1″]まぁ、ざっくり CSS＝style.css くらいに思っておきましょう[/kjk_balloon] [kjk_ab id="4"]まーとめ
CSSをいじればどんなことができるのか、ざっくり説明しました。
CSSのカスタマイズで
- 色を変える
- 大きさを変える
- 形を変える
- なんかを足す
- なんかを消す
こんな感じの飾り付けができます。
少しでもカスタマイズのイメージを持ってもらえたら幸いです( ˙꒳˙ᐢ )
