WordPressテーマCSSをカスタマイズする方法

LIQUID PRESS INFORMATION
今回は、CSSのカスタマイズ方法をご紹介します。
LIQUID PRESS テーマでは、プレビューを見ながら簡単にCSSを追加することができます。
また、ここで追加したCSSは、テーマをバージョンアップしても問題なく引き継がれます。

対象テーマ

カスタマイズ方法

管理画面>外観>カスタマイズ>カスタムヘッダー>カスタムCSS から設定します。

カスタムCSS

カスタマイズ前

見出し1のデザインをカスタムCSSで少し変えてみます。

カスタマイズ後

CSS

.post_body h1 { background-color: #F5F5F5; } CSSを入力すると、変更内容がプレビューで確認できました。
「保存して公開」すれば完了です。

カスタマイズ方法(外部CSS)

外部CSSファイルを追加する場合は
管理画面>外観>カスタマイズ>カスタムヘッダー>カスタムHEAD から設定します。

追加CSSを読み込みます

<link href="/css/add.css" rel="stylesheet">

開発状況の公開

LIQUID PRESS では、GitHubにてテンプレートの開発状況および更新履歴を公開しています。
オープンな開発を行い、コミュニティなどからの貢献を受け取りやすくし、ユーザーさまにフィードバックしていきたいと考えております。
https://github.com/lqdjp/liquid-press/issues
» WordPressテーマ一覧

PageTop