CSS dosyalarını yönetme
Basamaklı Stil Sayfaları (CSS) sitenizi biçimlendirmeyi ve stilini oluşturmayı denetlemenize olanak sağlar.
Varsayılan olarak, yeni Power Pages siteleri bootstrap.min.css, theme.css ve portalbasictheme.css dosyaları site şablonlarının parçası olarak yüklenir.
Stil oluşturma çalışma alanını kullanarak stili değiştirebilir veya kendi özel CSS dosyalarınızı yükleyebilirsiniz.
Yeni bir özel CSS dosyasını karşıya yüklediğinizde, bu dosya Portal Yönetimi uygulamasında bir Web dosyası olarak kullanılabilir.
Not
Power Pages sitelerinde Bootstrap 3.3.x kullanılır. Power Pages'teki senaryoların bazıları Bootstrap 3.3.x sürümüne bağımlı olduğundan site geliştiricileri Bootstrap 3'ü diğer CSS kitaplıklarıyla değiştirmemelidir. Daha fazla bilgi: Bootstrap'e genel bakış.
Şuraya git: Power Pages.
Sayfa eklemek istediğiniz sitede Düzenle'yi seçin.
Stil oluşturma çalışma alanını seçin.
Stil Oluşturma Çalışma Alanında diğer seçenekler altında CSS'yi yönet seçeneğini belirleyin.
CSS'yi yönet panelinde varsayılan CSS dosyaları listesi görüntülenir:
- bootstrapmin.css
- theme.css
- portalbasictheme.css
Özel CSS dosyanızı yüklemek için Yükle'yi ve özel CSS dosyanızı seçin.
Not
- Boyutu en fazla 1 MB olan özel CSS dosyalarını yükleyebilirsiniz.
- Özel CSS dosyası yüklendikten sonra sağ tarafta önizlemesi yansıtılır.
- Yüklenen özel CSS dosyaları tüm temalar için geçerlidir.
Özel CSS dosyasının sağındaki ... (üç nokta) simgesini seçin, burada dosyayı öncelik açısından daha yukarıya ya da aşağıya taşıyabilir ve özel CSS dosyasını devre dışı bırakabilirsiniz.
Not
Alt kısımda listelenen CSS dosyaları daha yüksek önceliğe sahiptir. Diğer bir ifadeyle, iki dosyada aynı özelliği içeren bir güncelleştirme varsa listenin alt kısmındaki dosyada bulunan güncelleştirme geçerli olur.
Özel CSS dosyaları, varsayılan portalbasictheme.css dosyasından daha düşük ve theme.css dosyasında daha yüksek önceliğe sahiptir. Bu önceliklendirme, kullanıma hazır stil oluşturma seçenekleri için stil panelini kullanarak stilleri özelleştirmeyi teşvik eder.
Not
Yalnızca stil bölmesinde kullanıma hazır olarak sağlanmayan stilleri biçimlendirmek için özel CSS dosyalarının kullanılmasını öneririz.
Uyarı
Varsayılan CSS dosyalarını (bootstrap.min.css, theme.css veya portalbasictheme.css) devre dışı bırakmayın, silmeyin veya görüntüleme sırasını değiştirmeyin. Tasarım stüdyosunda bir hata görürsünüz.
Portal yönetimi uygulamasını açın ve sorunu çözmek için varsayılan CSS dosyalarının varsayılan durumunu ve görüntüleme sırasını geri yükleyin.
CSS dosyaları web dosyaları olarak depolanır. Özel CSS dosyasını kaldırmak için Portal Yönetimi uygulamasına gidin ve Web Dosyaları'nı seçin.
Özel CSS dosya kaydını bulun. Doğru kaydın yerini belirlemek için Ad ve Web sitesi değerlerine filtre uygulamanız gerekebilir.
Web dosyası kaydı seçildikten sonra Sil seçeneğini belirleyin.
Tasarım stüdyosunda özel CSS'den stil değişikliklerini temizlemek için Yapılandırmayı eşitle'yi seçin.