LIQUID PRESS テーマでは、プレビューを見ながら簡単にCSSを追加することができます。
また、ここで追加したCSSは、テーマをバージョンアップしても問題なく引き継がれます。
対象テーマ
LIQUID PRESS シリーズ（※LIGHTを除く）※テーマ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
