CSS geçersiz kılma dosyaları üzerinde çalışma

Not

Dynamics 365 Commerce tarafından Perakende İlgi Grubu, Yammer'dan Viva Engage'e taşındı. Yeni Viva Engage topluluğuna erişiminiz yoksa, eklenecek bu formu (https://aka.ms/JoinD365commerceVivaEngageCommunity) doldurun ve en son tartışmalara dahil olmaya devam edin.

Bu makalede, Microsoft Dynamics 365 Commerce'da Basamaklı Stil Sayfaları (CSS) geçersiz kılma dosyalarının nasıl kullanılacağı açıklanmaktadır.

Kalıcı site stilleri genellikle sitenin teması üzerinden işlenmelidir. Temalar, sitenizin herhangi bir sayfasında modüller için temel CSS ve stil ayarlarını sağlar. Dynamics 365 Commerce çevrimiçi yazılım geliştirme setini (SDK) kullanarak temalar oluşturur ve bunları Microsoft Dynamics Yaşam Döngüsü Hizmetleri (LCS) aracılığıyla web sitelerinize dağıtırsınız. SDK içindeki tema hata ayıklama yetenekleri ve modül arabirim yapılandırmaları, site geliştiricilerin özelleştirilebilir ve uyumlu site tasarım paketleri oluşturmasına yardımcı olur. Bu tasarım paketlerini bir siteye dağıttığınızda, site yazarları site geliştirme yerine içerik oluşturmaya, düzenlemeye ve yayımlamaya odaklanabilir.

Bir temanın olağan yaşam döngüsü dikkate alındığında, SDK ve LCS dağıtım ardışık düzeninde stil değişikliklerini yapmak için geliştiricilere bağlılık, bazı senaryolarda zorluk yaratabilir. SDK yapılandırılmamışsa veya LCS dağıtımını beklemek için vaktiniz yoksa, site prototipleri veya düzeltmeler zahmetli görünebilir.

Bu senaryolarda, CSS geçersiz kılma dosyaları yardımcı olabilir. Commerce yazım araçlarında, kimliği doğrulanmış kullanıcılar bir CSS dosyası yükleyebilir, önizleyebilir ve sitenin temasını değiştirmek için etkinleştirebilir. SDK veya LCS dağıtımının ek yüküne ihtiyacınız yoktur. CSS geçersiz kılma dosyasında belirttiğiniz geçersiz kılmalar, tek bir metin stilinde yapılan bir değişiklik kadar küçük veya tam bir marka gözden geçirmesi kadar geniş kapsamlı olabilir.

CSS geçersiz kılma dosyalarını kullanmadan önce, aşağıdaki sınırlamaları göz önünde bulundurun:

• Bir sitede aynı anda yalnızca bir CSS geçersiz kılma dosyası etkin olabilir. Bu nedenle, tüm etkin geçersiz kılmalar tek bir geçersiz kılma dosyasında bulunmalıdır.
• Geçersiz kılmaları Commerce oluşturma araçlarında görüntüleyebilmenize rağmen, geçersiz kılmaların neden olduğu hataları tanımlamaya yardımcı olan özel hata ayıklama özellikleri yoktur. Başka bir deyişle, dosyaları CSS geçersiz kılma işlemini kullandığınızda, modül ve yazma doğrulaması için SDK'nın sağladığı araç takımı ile aynı olmaz.

Bununla birlikte CSS geçersiz kılma dosyaları, bir tasarımı prototiplemenin veya tam tema güncellemesi geliştirilip dağıtılmadan önce hızlı bir çözüm uygulamanın hızlı bir yolunu sunar.

Bir CSS geçersiz kılma dosyası oluştur

CSS geçersiz kılma dosyası oluşturmak için tüm tümleşik geliştirme ortamını (IDE), metin düzenleyicisini veya kaynak kodu düzenleyicisini kullanın. Normal bir yaklaşım, varolan sitenizdeki stil seçicileri, özellikleri ve değerleri tanımlamak için tarayıcınızda standart Web hata ayıklayıcıları kullanmaktır. Birçok tarayıcı değerleri değiştirmenize ve hata ayıklayıcıda önizlemenize olanak tanır. Yapmak istediğiniz değişiklikleri tanımladıktan sonra, bunları kendi CSS dosyanıza kaydedin.

CSS geçersiz kılma dosyası yükle

Commerce'te sitenize bir CSS dosyası yüklemek için şu adımları izleyin:

1. Düzenleme araçlarında sitenize gidin.

2. Soldaki gezinti bölmesinde Tasarımcı seçin.

   Not

   Kullandığınız Ticaret yazma araçlarının sürümüne bağlı olarak, Tasarım'ı seçebilmek için önce gezinti bölmesinde Ayarlar'ı genişletmeniz gerekebilir.

3. Ana tasarım bölmesinin en üstünde, henüz seçilmemişse, CSS geçersiz kıl sekmesini seçin.

4. Kullanılabilir CSS geçersiz kılmalar altında, CSS dosyasını karşıya yükle'yi seçin. Bir Dosya Gezgini penceresi görünür.

5. Dosya Gezgininde, CSS dosyaya gözatın ve dosyayı seçin ve sonra Aç'ı seçin. Karşıya yüklenen CSS dosyası artık mevcut CSS geçersiz kılmalar listesinde görünür.

CSS geçersiz kılma dosyasını önizlemede görüntüleme

Canlı sitenizde etkin hale getirmeden önce CSS geçersiz kılma dosyasını önizlemek için şu adımları izleyin:

1. Soldaki gezinti bölmesinde Tasarımcı seçin. CSS geçersiz kılma sekmesindeki Kullanılabilir CSS geçersiz kılmaları'nın altında önizlemesini görüntülemek istediğiniz CSS dosyasını bulun.
2. CSS dosya adının yanında önizleme sitesi seçeneğini belirleyin.
3. URL Seç iletişim kutusunda, geçersiz kılmanın uygulanmasını görmek istediğiniz sitenin URL 'sini seçin ve Tamam 'ı seçin.
4. Seçili URL'nin birden çok çeşidi varsa, görüntülenen önizleme çeşitlemeleri iletişim kutusunda istediğiniz değişkeni seçin.

Stil değişikliklerinizi sitenize göre doğrulayabileceğiniz yeni bir tarayıcı sekmesi veya penceresi açılır. Daha sonra, URL'yi gözden geçirip görüş bildirme amacıyla diğer kimliği doğrulanmış Commerce kullanıcılarıyla paylaşabilirsiniz.

Canlı sitenizde CSS geçersiz kılma dosyasını etkinleştirin

CSS geçersiz kılma dosyasının önizlemesini görüntüleyip onayladıktan sonra canlı sitenizde etkinleştirin.

Not

Sitenizde aynı anda yalnızca bir etkin CSS geçersiz kılma dosyası olabilir. Yeni bir geçersiz kılma dosyasını etkinleştirirseniz, önceki geçersiz kılma dosyasını devre dışı bırakırsınız. Tüm gerekli geçersiz kılmaların tek bir CSS geçersiz kılma dosyasında mevcut olduğundan emin olun.

CSS geçersiz kılma dosyasını etkinleştirmek için şu adımları izleyin:

1. Soldaki gezinti bölmesinde Tasarımcı seçin. CSS geçersiz kılma sekmesindeki Kullanılabilir CSS geçersiz kılmaları'nın altında, etkinleştirmek istediğiniz CSS dosyasını bulun.
2. CSS dosya adı altında Etkinleştir'i seçin. Geçersiz kılma dosyası, web sitenizin canlı versiyonunda hemen etkin hale gelir.

Canlı sitenizdeki bir CSS geçersiz kılma dosyasını devre dışı bırakma

Sitenizde bir CSS geçersiz kılma dosyasını devre dışı bırakmak için şu adımları izleyin:

1. Soldaki gezinti bölmesinde Tasarımcı seçin. CSS geçersiz kılma sekmesindeki Kullanılabilir CSS geçersiz kılmaları'nın altında, devre dışı bırakmak istediğiniz CSS dosyasını bulun.
2. CSS dosya adı altında Devre dışı bırak'ı seçin. Geçersiz kılma dosyası, canlı sitenizde hemen devre dışı hale gelir.

İpucu

CSS geçersiz kılma dosyalarına ek seçeneklere erişmek için, CSS dosya adının yanındaki üç noktayı (...) seçin. Karşıdan yükleme, yenidenadlandırma ve değiştirme seçenekleri, varolan bir CSS geçersiz kılma dosyasında hızlı değişiklikler yapmak için yararlıdır.

Ek kaynaklar

Logo ekleme

Site teması seçme

Stil ön ayarlarıyla çalışma

Favicon ekleme

Telif hakkı bildirimi ekleme

Sitenize dil ekleme

Telemetriyi desteklemek için site sayfalarına komut dosyası kodu ekleme