カスタマイズでよく使用する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 】ルクセリタス

2021-06-10

Posted by 45