Stil ön ayarlarıyla çalışma

Bu makalede, Microsoft Dynamics 365 Commerce site oluşturucuda önceden belirlenmiş düzenlerle nasıl çalışılacağı açıklanmaktadır.

Stil hazır ayarı, bir sitenin teması içinde bulunan tüm depolama uyumlu stil değerleri kümesidir. Site oluşturucusundan bir sitenin görünümünü hemen değiştirmek için stil önayarını kullanın. Stil hazır ayarları, Commerce Site Builder yazarlarının, basamaklı stil sayfaları (CSS) veya temaları kullanmak zorunda kalmadan bir dizi stil değerini kendi siteleri üzerinde hızla değiştirmesini, önizlemenizi ve etkinleştirmesini sağlar. Yazı tipi stilleri, düğme stilleri ve site renkleri, stil ön ayarları aracılığıyla yönetebileceğiniz stil değişkenlerine tipik örneklerdir.

Bir sitenin kiracısına dağıttığınız tema ve modül kitaplığı, bir sitede kullanılabilen stil değişkenleri kümesini belirler. Dynamics 365 Commerce Çevrimiçi yazılım geliştirme seti (SDK), geliştiricilerin belirli bir temaya göre gerektirdikleri kadar çok sayıda (veya az) authorable stil değişkeni uygulayabilmelerini sağlar. Bir tema geliştiricisi, daha fazla stil değişkeni etkinleştirilerek site oluşturma yazarlarının yerine, site stilleri hakkında son seçimler yapabilir. Bu nedenle, geliştirici olmayanlar araç setini kullanarak site stillerini güncelleyebilir ve önizleyebilir. Bu özellik, temalara veya CSS'ye doğrudan yapılan değişikliklerin gereksiz ek yüke neden olacağı tüm senaryolar için de kullanışlıdır.

Yetkilendirilebilir tarzı değişkenlerinin etkin olduğu temalar varsayılan bir stil hazır ayarı gerektirir. İsteğe bağlı olarak, dağıtılan tema paketinin parçası olarak daha önceden ayarlanmış seçenekler içerebilirler. Örneğin, tek bir varsayılan "Modern hafif" stil hazır ayarı bulunan bir tema dağıtılabilir. Alternatif olarak, varsayılan ön ayarın yanında "modern koyu", "vintage ışık" veya "vintage koyu" gibi daha fazla stil ön ayarı seçeneği içerebilir. Geliştiriciler bu yerleşik tema ön ayarlarını oluşturur ve yazarlar bunları yeni site tasarımları için başlangıç noktaları olarak kullanabilir.

Site oluşturucuda, yazarlar temanın yerleşik hazır ayarları arasından seçim yapabilir veya etkin stil değişkenlerini kullanarak kendi stil hazır ayarlarını ve özelleştirmelerini oluşturabilirler. Yazarlar, canlı sitede etkinleştirmeden önce site oluşturucusunda bir stil ön ayarının önizlemesini görebilir. Bir yazarın stil değişiklikleri gözden geçirildikten sonra, canlı site için stil ön ayarını "etkin" olarak ayarlayın.

Stil hazır ayarını Önizleme

Site oluşturucusunda sitenizde bir stil ön ayarının önizlemesini görüntülemek için şu adımları izleyin:

  1. Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.

  2. Tasarım düzenleyicisinin üst kısmındaki stil hazır ayarları sekmesinde, kullanılabilir hazır ayarlar listesinde bir hazır ayar seçin ve sonra hazır ayar düzenleyicisine gitmek için görüntüle'yi seçin.

    Kullanılabilir hazır ayarlar listesi boşsa, özel stil ön ayarı oluşturma hakkında bilgi için bkz. Özel stil ön ayarı oluşturma.

    Note

    Temanın içerdiği ön ayarlar Yerleşik rozetle gösterilir. Bu yerleşik hazır ayarlar salt okunurdur. Yerleşik bir hazır ayarı yeni bir özelleştirilebilir hazır ayar olarak kopyalamak için, hazır ayar için üç nokta düğmesini (...) seçin ve farklı kaydet'i seçin.

  3. Komut çubuğunda, Önizleme öğesini seçin.

  4. Stil hazır ayarını önizlerken kullanmak üzere sitenizdeki bir URL'yi seçin ve Tamam'ı seçin.

  5. Varyantın adını seçerek önizlemek üzere kanala özel ve yerel ayarlara özgü URL türevini seçin. Seçilen stil ön ayarının belirtilen sayfaya uygulandığı yeni bir önizleme tarayıcısı penceresi açılır.

Note

Önizleme URL'si kalıcıdır ve doğrulanır. Bu nedenle, canlı sitenizde "etkin" olarak ayarlamadan önce kopyalayabilir, yapıştırabilir ve gözden geçirme için diğer kimliği doğrulanmış iş arkadaşlarınıza gönderebilirsiniz. Önizleme URL'si farklı aygıtlardaki, farklı tarayıcılarda ve farklı ekranlarda stilleri denetlemek için de yararlıdır.

Tip

Bir stil ön ayarını düzenlerken, değişikliklerinizi hızla doğrulayabileceğiniz önizleme tarayıcı penceresini ayrı bir tarayıcı penceresinde açık bırakmanız yararlı olabilir. Yaptığınız değişiklikleri hazır ayar olarak kaydettikten sonra, Kullanıcı deneyimini doğrulamak için açık tarayıcı penceresini yenileyin.

Özel bir stil hazır ayarı oluşturma

Site oluşturucusunda özel stil ön ayarı oluşturmak için şu adımları izleyin:

  1. Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.
  2. Tasarım düzenleyicisinin üst kısmındaki stil hazır ayarları sekmesinde, komut çubuğunda Yeni hazır ayar 'ı seçin.
  3. Yeni önayar için bir ad ve açıklama girin ve Kaydet' seçin. Temanın varsayılan değerlerini başlangıç noktası olarak kullanan yeni bir özelleştirilebilir ön ayar oluşturursunuz.

Note

Ayrıca, o hazır ayar için üç nokta düğmesini (...) seçip farklı kaydet'i seçerek varolan herhangi bir hazır ayar için yeni bir özel stil hazır ayarı da oluşturabilirsiniz. Alternatif olarak, hazır ayar düzenleyicisindeki komut çubuğunda farklı kaydet'i seçin.

Global ve modül türü stil değerlerini Değiştir

Temanın stil değişkenlerinin bazıları birden çok Modül türü arasında paylaşılıyor. Bu stil değişkenleri genel stil değişkenleridir. Birincil site renkleri, varsayılan yazı tipi stilleri ve düğme stilleri arasında örnek verilmiştir. Genel değişkenleri ayarlayarak, birçok farklı modül türünde görünümü değiştirebilirsiniz.

Bazı stil değerleri bir modül türü için benzersiz olabilir veya isteğe bağlı olarak varsayılan genel değeri geçersiz kılabilir. Sitenin teması modül türü stili değişkenleri uyguluyorsa, site oluşturucusu yazarları bir modül türünün stilini genel ayarlardan bağımsız olarak özelleştirebilir. Modül tipi değişkenleri bir temadaki Global stil değişkenlerini artırabilir ya da geçersiz kılabilir.

Note

Bir sitedeki stil değerleri hiyerarşisi aşağıdaki şekilde davranır. Sağa doğru görünen stil değerleri bunların solundaki stil değerlerini geçersiz kılar.

Tema varsayılan değerleri < Global stil değerleri < Modül türü stil değerler < CSS geçersiz kılma

Site oluşturucusunda bir stil ön ayarının genel veya modül türü değerlerini değiştirmek için şu adımları izleyin:

  1. Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.
  2. Tasarım düzenleyicisinin üst kısmındaki stil hazır ayarları sekmesinde, hazır ayar düzenleyicisine gitmek için herhangi bir stil hazır ayarı Görüntüle'yi seçin.
  3. Önceden belirlenmiş ayar için, önizleme'yi seçin ve sonra URL seçim adımlarını izleyerek bir tam tarayıcı pencere görünümü açın. Bu önizleme tarayıcı penceresini açık bırakın.
  4. Hazır ayar düzenleyicide, sağ üst köşedeki Düzenle seçin.
  5. Bazı genel stil değerlerini değiştirmek için, düzenleyicideki stil değişkeni kontrollerini kullanın.
  6. Düzenleyicinin üst kısmındaki Genel sekmesinin sağındaki Modüller sekmesinde, stil eklemek istediğiniz modül türünü seçin.
  7. Modül türünün bazı değerlerini değiştirmek için stil kontrollerini kullanın.
  8. Değişikliklerinizin önizlemesine önizleme uygulamak için hazır olduğunuzda, komut çubuğunda Kaydet'i seçin.
  9. Önizleme tarayıcı penceresine dönün ve yenileyin. Tam tarayıcı pencere önizleme, farklı görünümdeki, farklı tarayıcılarda ve farklı cihaz platformlarındaki stil değişikliklerini denetlemek için yararlıdır.
  10. Tüm değişiklikler tamamlanıp doğrulandığında düzenleyicinin sağ üst kısmındaki Düzenlemeyi bitir'i seçin.

Note

Sitenizde etkin olan stil ön ayarını düzenliyorsanız düzenleyicide mavi bir Etkin rozeti görürsünüz. Bu rozet, hazır ayarın Şu anda Web sitenizde etkin olduğunu gösterir. Etkin hazır ayarı değiştirirseniz, Bu değişiklikleri canlı sitenize göndermek için Yayınla'yı seçin.

Yeni bir stil hazır ayarını canlı sitenizde etkin hale getirin

Sitenizde etkin ön ayar olarak bir stil ön ayarı ayarlamak için şu adımları izleyin:

  • Şu konumlardan birinde etkin yap düğmesini seçin:

    • Stil hazır ayarı düzenleyicisindeki komut çubuğu
    • Site ayarları tasarımdaki> sekmesi üzerindeki ana görünümdeki kullanılabilir herhangi bir hazır ayar için üç nokta menüsü (...)

Ön ayarın stil değerleri genel kullanıma yönelik web sitenizde etkindir.

Ek kaynaklar

Logo ekleme

Site teması seçme

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

Favicon ekleme

Telif hakkı bildirimi ekleme

Sitenize dil ekleme

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

  • Last updated on