Mengelola file CSS
Lembar gaya kaskade (CSS) memungkinkan Anda mengontrol pemformatan dan gaya situs Anda.
Secara default, situs Power Pages baru memiliki file bootstrap.min.css, theme.css, dan portalbasictheme.css yang diinstal sebagai bagian dari template situs.
Anda dapat memodifikasi gaya menggunakan ruang kerja Gaya atau Anda dapat mengunggah file CSS kustom Anda sendiri.
Bila Anda mengunggah file CSS kustom baru, file tersebut akan tersedia sebagai file web di aplikasi manajemen portal.
Catatan
Situs Power Pages menggunakan Bootstrap 3.3.x. Pengembang situs tidak boleh mengganti bootstrap 3 dengan pustaka CSS lain karena beberapa skenario di Power Pages tergantung pada bootstrap. 3.3.x. Informasi selengkapnya: Ikhtisar bootstrap.
Mengelola file CSS kustom di ruang kerja gaya
Tuju Power Pages.
Pilih Edit di situs yang ingin Anda tambahkan halamannya.
Pilih ruang kerja Gaya.
Pilih opsi Kelola di CSS dalam pilihan lainnya di Ruang Kerja Gaya.
Unggah file CSS
Di panel Kelola CSS , daftar file CSS default akan ditampilkan:
- bootstrapmin.css
- theme.css
- portalbasictheme.css
Untuk mengunggah file CSS kustom , pilih Unggah dan pilih file CSS kustom.
Catatan
- Anda dapat mengunggah file CSS kustom dengan ukuran hingga 1 MB.
- Setelah file CSS kustom diunggah, pratinjau akan tercermin di sisi kanan.
- File CSS kustom yang diunggah akan berlaku untuk semua tema.
Opsi lainnya
Pilih ... (elipsis) di kanan file CSS kustom, di mana Anda dapat memindahkan file yang lebih tinggi atau lebih rendah dalam prioritas dan menonaktifkan file CSS kustom.
Catatan
File CSS yang terdaftar di bagian bawah mengambil prioritas yang lebih tinggi, artinya jika dua file berisi pembaruan properti yang sama, pembaruan yang terdapat pada file lebih rendah dalam daftar akan diterapkan.
Arsitektur
File CSS kustom apa pun memiliki prioritas yang lebih rendah daripada portalbasictheme.css default dan lebih tinggi dari theme.css. Prioritas ini adalah untuk mendorong penyesuaian gaya menggunakan panel gaya untuk pilihan gaya siap pakai.
Catatan
Sebaiknya CSS kustom harus digunakan untuk memformat hanya gaya yang tidak tersedia dalam panel gaya.
Peringatan
Jangan menonaktifkan, menghapus, atau mengubah urutan tampilan file default CSS (bootstrap.min.css, theme.css, atau portalbasictheme.css). Anda akan melihat kesalahan di Studio desain.
Buka aplikasi manajemen portal dan memulihkan status default dan urutan tampilan file default CSS untuk menyelesaikan masalah.
Hapus file CSS kustom
File CSS disimpan sebagai file web. Untuk menghilangkan file CSS kustom, buka aplikasi Portal Management, lalu pilih File Web.
Cari rekaman file CSS kustom. Anda harus memfilter nilai Nama dan Situs Web untuk menemukan rekaman yang benar.
Setelah rekaman file web dipilih, pilih Hapus.
Di Studio desain, pilih Sinkronisasi konfigurasi untuk menghapus perubahan gaya dari CSS kustom.