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

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

対象テーマ

LIQUID PRESS シリーズ(※LIGHTを除く)

※テーマCSSのカスタマイズは導入サポート対象外とさせて頂いております。
ビジネスプラン以上ではCSSのカスタマイズサポートに対応しております。

CSSによるカスタマイズ方法

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

カスタムCSS

カスタマイズ前

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

カスタマイズ後

CSS

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

外部CSSによるカスタマイズ方法

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

カスタムHEAD

追加CSSを読み込み

<link href="/css/add.css" rel="stylesheet"> なお、カスタムHEADでは、JavaScriptやMETAタグを追加することも可能です。

CSS以外のカスタマイズ方法

テンプレートファイルのカスタマイズについては、子テーマの作り方をご覧ください。

開発状況の公開

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

LIQUID PRESS

» 使い放題 » テーマ一覧

PageTop