İngilizce dilinde oku

Aracılığıyla paylaş


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ış.

Stil oluşturma çalışma alanında özel CSS dosyalarını yönetme

  1. Şuraya git: Power Pages.

  2. Sayfa eklemek istediğiniz sitede Düzenle'yi seçin.

  3. Stil oluşturma çalışma alanını seçin.

  4. Stil Oluşturma Çalışma Alanında diğer seçenekler altında CSS'yi yönet seçeneğini belirleyin.

    Tasarım stüdyosunu kullanarak CSS dosyalarını yönetin.

CSS dosyalarını yükleme

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.

Tasarım stüdyosunu kullanarak CSS dosyalarını yükleyin.

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.

Diğer seçenekler

Ö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.

CSS dosyalarının öncelik sırası.

Mimari

Ö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ı kullanarak CSS dosyalarını güncelleştirme.
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.

Özel CSS dosyasını silme

  1. 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.

  2. Özel CSS dosya kaydını bulun. Doğru kaydın yerini belirlemek için Ad ve Web sitesi değerlerine filtre uygulamanız gerekebilir.

  3. Web dosyası kaydı seçildikten sonra Sil seçeneğini belirleyin.

  4. Tasarım stüdyosunda özel CSS'den stil değişikliklerini temizlemek için Yapılandırmayı eşitle'yi seçin.

Ayrıca bkz.