Shopify。【翻译】反应によるテーマエディターの再構築とIE11【中文翻译() () () ()
★★★★★★萨斯の廃止が決まりましたが,これはストアフロントでのユーザーエクスペリエンスの向上と,将来的な進化の準備を目的としたものです。短期的には萨斯はShopifyテーマで利用可能ですが,わたしたちは積極的にテーマをCSS★★★★★★★★★★
【中文】:萨斯を使用しない方向に動いた理由と,開発者がネイティブなCSS。また,開発のワークフローで萨斯。
萨斯【中文翻译
Shopifyテーマから萨斯。パートナーがShopifyで萨斯英文:中文:中文:中文1。萨斯の現行バージョンにアップデートすると,テーマに重大な変更? ? ? ?★★★★★★また萨斯のメリットの多くは,モダンCSS★★★★★★
メンテナンスの問題に加え,萨斯を削除するとマーチャントがShopify。ピュアなCSS。液体Sassスタイルシートの平均コンパイル時間が2000毫秒【中文】:液体的CSSスタイルシートの場合は300毫秒啊哈!
萨斯版の首次亮相。
CSS版の首次亮相。? ?1> > > > > > > >
萨斯の使用は,テーマ設定をエディターやAPI。
> > > > >萨斯はストアフロントとエディターの両方を遅らせ,マーチャントと購買者のユーザーエクスペリエンスを損ないます。テーマでCSSのみのアプローチに移行すると,マーチャントはテーマエディターで問題にぶつからず,ストアフロントへの反映も遅延なくおこなわれます。
,.scssファイルを含むテーマは機能し,ストアフロントは萨斯。★★★★★★★★★★★萨斯からCSS? ? ?.scss【翻译Shopify。。
【中文翻译. css【中文译文Shopify。★★★★★★CSSへの移行が完了した最新バージョンの首次亮相(版本17.4) ? ? ?【中文】Shopifyテーマストアの有料テーマのうち76%萨斯。
英文翻译CSS【中文】:萨斯。カラーのスタイリングに萨斯★★★★★★liquidカラーフィルターによってCSS中文:中文:中文:
英文:中文:中文:チェックサムによって改良されたテーマ開発ツールが利用可能に
ワークフローの調整
★★★★萨斯。萨斯と.scss。ファイルはShopify。Shopifyストアで受け付けられるのは,. cssか.css.liquidファイルのみです。
.scssファイルをコンパイルして. css。,狼吞虎咽地吃かWebpack【翻译】Shopifyストアにテーマファイルをデプロイする前に.scss【翻译. css★★★★★★★★★
(1)、(1)、(2).scssファイルをウォッチするために狼吞虎咽地吃【翻译】萨斯ファイルに変更があったら,メインの. css。.scssファイルをコンパイルするためにこうしたオートメーションツールを使うことで,クライアントのストア速度をスローダウンさせることなく萨斯。CSS技巧の狼吞虎咽地吃ビギナーズガイド。。
または,テーマへのスタイル追加や適用に関して,単純にCSS。【中文】萨斯の変数とヘルパーがスタイルシートから削除され,それを.scssファイルから. css。こうした変換の実例は,現行バージョンの首次亮相のtheme.css。
ネイティブCSS機能のメリット
IE11へのサポートがテーマの要件ではなくなったので,新しいCSS。
……CSS()CSS。開発者はプロパティを定義してスタイルシートで再利用できます。構文のちょっとした違いはありますが、CSS}}萨斯“”“”“”“”JavaScriptへの依存を少なくできると同時に,開発者はすっきりしたCSS★★★★★★★
CSS変数はグローバルな液体。中文:中文:首次亮相がどのようにCSS。
首次亮相★★★★★CSS}}theme.liquidの< >头★★★★★★★,プライマリーボタンのカラーは次のとおりです。
:根{
——color-btn-primary:{{设置。color_button}}
--,CSS。【翻译】——color-btn-primaryはsettings.color_button。——color-btn-primaryがスタイルシートの値として採用されると,マーチャントがテーマエディターで選択したカラーが要素に適用されます。
.btn, .shopify-payment-button {
颜色:var(——color-btn-primary-text)}
CSS★★★★★★★★Mozilla開発者ドキュメント★★★★★★★
CSS。# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #液体(中文)板岩のCSSVar装载机。ネイティブなCSS。
CSS,萨斯> > > >CSS。CSS。
テーマのエクスペリエンスが向上する
カスタムテーマをCSSモデルに切り替えることで,安定した体験をクライアントに提供できると同時に,古い萨斯★★★★★★★★★★★萨斯。
Shopify
マーケティング,カスタマイズ,またはWebデザインや開発など提供するサービスに関係なく,Shopifyパートナープログラムはあなたを成功へと導きます。プログラムの参加は無料で,収益分配の機会が得られ,ビジネスを成長させる豊富なツールにアクセスできます。!