Bagikan melalui

Mengelola file CSS

  • Artikel

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

  1. Tuju Power Pages.

  2. Pilih Edit di situs yang ingin Anda tambahkan halamannya.

  3. Pilih ruang kerja Gaya.

  4. Pilih opsi Kelola di CSS dalam pilihan lainnya di Ruang Kerja Gaya.

    Kelola File CSS menggunakan studio desain.

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.

Unggah File CSS menggunakan studio desain.

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.

Urutan prioritas untuk file CSS.

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.
Perbarui file CSS menggunakan aplikasi Manajemen Portal.
Buka aplikasi manajemen portal dan memulihkan status default dan urutan tampilan file default CSS untuk menyelesaikan masalah.

Hapus file CSS kustom

  1. File CSS disimpan sebagai file web. Untuk menghilangkan file CSS kustom, buka aplikasi Portal Management, lalu pilih File Web.

  2. Cari rekaman file CSS kustom. Anda harus memfilter nilai Nama dan Situs Web untuk menemukan rekaman yang benar.

  3. Setelah rekaman file web dipilih, pilih Hapus.

  4. Di Studio desain, pilih Sinkronisasi konfigurasi untuk menghapus perubahan gaya dari CSS kustom.

Baca juga