Stil ön ayarlarıyla çalışma

Makale
03/08/2023

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şturucudan sitenin görünümünü hemen değiştirmek için kullanılabilir. 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 hazır ayarları aracılığıyla yönetilebilen stil değişkenlerinin tipik örnekleridir.

Bir sitede kullanılabilen stil değişkenleri kümesi, bir sitenin kiracısına dağıtılan Tema ve modül kitaplığı tarafından belirlenir. 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, uygulama geliştiricileri araç takımını kullanarak site stillerini güncelleştirebilir ve önizleyebilir. Bu özellik, aynı zamanda doğrudan temalarda değişiklik yapılan veya CSS gereksiz yüke neden olan tüm senaryolarda yararlıdır.

Yetkilendirilebilir tarzı değişkenlerinin etkin olduğu temalar varsayılan bir stil hazır ayarı gerektirir. Bunlar isteğe bağlı olarak dağıtılmış Tema paketinin bir parçası olarak ek hazır ayar seçenekleri içerebilir. Örneğin, tek bir varsayılan "Modern hafif" stil hazır ayarı bulunan bir tema dağıtılabilir. Alternatif olarak, varsayılan hazır ayarın yanı sıra "modern karanlık", "vintage açık" veya "vintage karanlık" gibi ek stil hazır ayar seçenekleri de bulunabilir. Bu yerleşik tema hazır ayarları geliştiriciler tarafından oluşturulur ve yeni site tasarımları için başlangıç noktaları olarak kullanılabilir.

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. Bir stil hazır ayarı, Site oluşturucuda, canlı sitede etkinleştirilmeden önce önizlenebilir. Yazarın stil değişiklikleri gözden geçirildikten sonra, stil hazır ayarı canlı site için "etkin" olarak ayarlanabilir.

Stil hazır ayarını Önizleme

Site oluşturucuda sitenizdeki bir stil hazır ayarını önizlemek için, aşağıdaki adımları izleyin.

Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.
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.

Mevcut hazır ayarlar listesinde şu anda önayar yoksa özel stil hazır ayarı oluşturma hakkında bilgi için özel stil hazır ayarı oluşturma konusuna bakın.

Dekont

Temayla birlikte gelen hazır ayarlar, yerleşik bir rozet ile belirtilir. 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.
Komut çubuğunda, Önizleme öğesini seçin.
Stil hazır ayarını önizlerken kullanmak üzere sitenizdeki bir URL'yi seçin ve Tamam'ı seçin.
Varyantın adını seçerek önizlemek üzere kanala özel ve yerel ayarlara özgü URL türevini seçin. Seçilen stil ön ayarı belirtilen sayfaya uygulandığı yeni bir önizleme tarayıcı penceresi açılır.

Dekont

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

İpucu

Bir stil hazır ayarını düzenlerken, tarayıcı penceresini ayrı bir tarayıcı penceresinde açık bırakmayı yararlı olabilir; böylece değişikliklerinizi hızlı şekilde doğrulayabilirsiniz. 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şturucuda özel bir stil hazır ayarını oluşturmak için, aşağıdaki adımları izleyin.

Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.
Tasarım düzenleyicisinin üst kısmındaki stil hazır ayarları sekmesinde, komut çubuğunda Yeni hazır ayar 'ı seçin.
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, özelleştirilebilir bir hazır ayar oluşturulur.

Dekont

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şkenlerine genel stil değişkenleri denir. Birincil site renkleri, varsayılan yazı tipi stilleri ve düğme stilleri arasında örnek verilmiştir. Genel değişkenleri ayarlayarak, farklı birçok 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 bir Global değeri geçersiz kılmak zorunda kalabilir. Bir sitenin teması Modül türü stil değişkenleri uygulamışsa, Site Builder yazarları modül türünün stilini global 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.

Dekont

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şturucuda bir stil hazır ayarının Global ya da modül türü değerlerini değiştirmek için aşağıdaki adımları izleyin.

Sitenizin sol gezinti bölmesinde, site ayarları >tasarıma gidin.
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.
Ö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.
Hazır ayar düzenleyicide, sağ üst köşedeki Düzenle seçin.
Bazı genel stil değerlerini değiştirmek için, düzenleyicideki stil değişkeni kontrollerini kullanın.
Düzenleyicinin üst kısmında, Genel sekmesinin sağındaki modüller sekmesinde , stillendirilmiş olması gereken bir modül türü seçin.
Modül türünün bazı değerlerini değiştirmek için stil kontrollerini kullanın.
Değişikliklerinizin önizlemesine önizleme uygulamak için hazır olduğunuzda, komut çubuğunda Kaydet'i seçin.
Ö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.
Tüm değişiklikler tamamlandığında ve doğrulandığında, düzenleyicinin sağ üst köşesindeki son düzenlemeyi seçin.

Dekont

Sitenizde etkin durumda olan stil hazır ayarını düzenliyorsanız, düzenleyicide mavi bir etkin rozet 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 yeni etkin ayar olarak bir stil hazır ayarı ayarlamak için, aşağıdaki adımları izleyin.

Şu konumlardan birinde etkin yap düğmesini seçin:
- Stil hazır ayarı düzenleyicisindeki komut çubuğu
- Site ayarları > tasarımdakistil hazır ayarları sekmesi üzerindeki ana görünümdeki kullanılabilir herhangi bir hazır ayar için üç nokta menüsü (...)

Hazır ayarın stil değerleri herkese açık Web sitenizde etkin hale getirilir.