カスタマイズでよく使用するCSS と 外観カスタマイズの使いかた

WordPressのテーマは 初期設定の状態でも十分センスのいいサイトになりますが
他サイトとの差別化・オリジナリティを求めるなら カスタマイズは必須です。

記事作成に最低限 必要な サイト全体のデザインを決める CSSと HTMLの記事を項目別でまとめました。

HTML

改行と 段落Pの違い Webサイトで文章を正しく表示する方法【記事作成の基本】


Body – 記事のバランスを決めるカスタマイズ

こちらは 文字と文字とのバランス 記事の読みやすさに関わる設定です。

CSS カスタマイズ line-height ~行間を調整する ~【 WordPress 】

コンテンツの余白を設定 = CSSカスタマイズ【margin】の基礎知識


外観に関する CSSカスタマイズ

外観カスタマイズは  見出し・サイドバー・記事内で使用する 囲み枠などで使用する 装飾に関する項目になります。

border  – 線 – を使った CSS

装飾に関するカスタマイズでよく使用されるコードは border ( ボーダー ) です。
border を使っていろいろな カスタマイズをご紹介しています。

line  – ライン –

【 CSSカスタマイズ 】ラインの基礎から アンダーラインの使い方

【 サイドバーの カスタマイズ 】記事(リスト)ごとに下線をつける方法


Title  – 見出し –

WordPress ルクセリタス – 基本的な 見出しラインのカスタマイズ

CSSカスタマイズ 【 border-radius 】を使って 見出しや囲み枠をデザインしてみる


Box  – 囲み枠 –

【囲み枠】の作り方。 基本のきほんから の CSSとHTML
【画像の CSSカスタマイズ】 影や色枠を付けてみる

–  箇条書きリストのカスタマイズ –

ルクセリタスで 番号なしリストマークを カスタマイズしてみる

 – 目次をカスタマイズ –

目次の設定方法と FontAwesome を使って デザインをカスタマイズ
CSSで目次をカスタマイズしてみる – WordPress【 Luxeritas 】ルクセリタス

Posted by 45