CSS

よくある質問

サイトでは単一のコンパイル済みCSSファイルを使用していますか、それともセクションごとに個別のファイルがありますか？

Company XYZのテーマでは、グローバルCSSと一部のセクション用スタイルを組み合わせています。

よくある質問

商品カードのバッジのフォントや色をカスタマイズする方法

Custom CSSを使用して商品カードのバッジの表示を調整します。

よくある質問

カードの高さをすべて揃えるにはどうすればよいですか？

カスタムCSSを使用して同じ行のカードの高さを揃え、テキストの配置を制御します。

よくある質問

ウェブサイト全体で段落のフォントサイズを大きくする方法

シンプルなカスタムCSSルールで、サイト全体の段落テキストサイズを大きくします。

はじめに

カスタムコード

Custom Liquid、CSS、アプリ、またはコード編集でAlign Shopifyテーマを拡張します。

はじめに

カスタムCSS

ShopifyテーマエディターからAlignテーマに目的に合ったカスタムCSSを追加します。

はじめに

テーマコードの編集

ShopifyのAlignテーマでコード変更を安全に編集、復元する方法を説明します。

ブロック

カスタムアセット

特定のテンプレートにカスタムスクリプトまたはスタイルシートを追加して、対象を絞ったコードや外部連携を実現します。

ブロック

カスタムCSS

標準設定では不十分な場合に、カスタムCSSで細かなスタイル調整を行います。

セクション

カスタムコード

高度なカスタマイズのために、ページ固有の CSS、JavaScript、アセット埋め込みを追加します。

リリースノート

v1.9.1

CSS処理の改善や透明色のデフォルト設定に関する修正など、優先度の高い問題に対応し、今後の機能追加に備えてEmbraceプリセットを削除するメンテナンスアップデートです。v1.9を利用しているすべてのユーザーに推奨されます。

リリースノート

v1.9.2

Chrome 142のレンダリング問題に対する優先メンテナンスに加え、お知らせバーのテキストカラーやバナーの前景画像サイズに関する修正、カートイベントの公開やスキーマ処理の改善を含む追加アップデートです。