<>

記事作成に必要なCSS と 外観カスタマイズの使いかた記事一覧

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

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

HTML

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


Body – Webサイトのバランスを決めるカスタマイズ

こちらは 文字と文字とのバランス 記事の読みやすさに関わる設定です。
外観カスタマイズから 画面を見ながら調整することが出来ます。
Luxeritas(ルクセリタス)サイト画面でチェックしながら 外観カスタマイズ

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

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


border – 線 – を使った 基本の CSSカスタマイズ

見出し・サイドバー・記事内で使用する 囲み枠など
装飾に関するカスタマイズでよく使用されるコードは border ( ボーダー ) です。
border を使っていろいろな カスタマイズをご紹介しています。

line  – ライン –

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

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

Title  – 見出し –

WordPress【ルクセリタス】見出しラインを無くす方法と 簡単なコードで作る見出しラインのCSS

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

Box  – 囲み枠 –

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

外観をデザインする

LIST – リスト –

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

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

目次をデザイン

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

Font Awesome

プラグインなし!Font Awesome (フォントオーサム) アイコンを ルクセリタスで使う方法

Font Awesome (フォントオーサム) 無料 icon の基本的な使いかた【ルクセリタス】

Posted by 45