エグウェブ.JP@福岡/WEBセミナー・分析・WEBサイト制作

皆様の人生に最良のファーストステップを。福岡でWEB分析やホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Adobe Photshop・illustrator、Excel等の講座やセミナーを開催。

【WordPress】カスタムCSSでテーマのレイアウトを変更する方法

time 2018/09/23

WordPressの外観レイアウトやデザインはテーマで設定されているので通常は変更できないようになっていますが、「追加CSS」を使用すると変更することができます。

「外観」>「カスタマイズ」>「追加CSS」

 

ここにCSSを書き加えると、テーマに設定されているCSSよりも優先度が高くなるので、CSSを上書きしてくれます。

 

例えば、記事のタイトルを装飾したい場合は、

このように書いてみます。
.entry-title」という部分が記事のタイトルに対応する部分となります。

タイトルが装飾されました!CSSで設定すると、サイト内の全ての対応する部分が変更されます。この場合ですと、全ての記事のタイトルの装飾がされたということになります。
※テーマのCSS設定等により必ずしも反映されるとも限らないので注意が必要です。

ぜひ追加CSSも駆使して、サイトデザインを変えてみましょう☆
\(^o^)/
※追記したCSSのバックアップは必ず取っておきましょう。

おすすめ記事

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー