Mengubah halaman kunci

Artikel ini menjelaskan langkah-langkah untuk mengubah halaman pemblokiran Filter Konten.

Halaman pemblokiran Filter Konten default berisi pemberitahuan tentang pemblokiran akses ke sumber daya oleh administrator jaringan dan kategorisasi sumber daya. Jika Anda perlu mengubah halaman blokir, ikuti langkah-langkah di bawah ini.

Sebelum mengubah halaman pemblokiran, persiapkan:

• Logo dalam format svg dengan latar belakang transparan;

• Favicon dalam format png;

• Kode hex untuk warna merek.

Untuk membuat templat halaman kustom, ikuti langkah-langkah berikut:

1. Hapus direktori dengan file halaman kesalahan Squid yang lama:

rm -R /var/cache/ideco/proxy-backend/error_pages

2. Unggah favicon klien melalui panel teknik.

3. Salin favicon ke direktori /usr/share/ideco/vendor/. Nama file harus favicon.png:

cp /var/cache/ideco/engineering-panel-backend/favicon.png /usr/share/ideco/vendor/favicon.png

4. Ganti semua gambar dalam direktori /usr/share/ideco/proxy-backend/error_page_templates/images/ ke logo khusus. Nama file harus tetap sama.

Untuk kenyamanan, Anda dapat menyimpan file yang sama secara lokal dengan nama berbeda, lalu mendownloadnya melalui panel teknik dan menyalinnya ke direktori yang diinginkan.

5.Ganti isi file style halaman error style.css dengan yang baru. File tersebut terletak di direktori /usr/share/ideco/proxy-backend/error_page_templates/. Untuk membuka file, gunakan editor teks vi atau nano:

vi /usr/share/ideco/proxy-backend/error_page_templates/style.css

nano /usr/share/ideco/proxy-backend/error_page_templates/style.css

Contoh modifikasi file style.css

Ambil sebagai warna latar belakang #d9d9d9. Ganti pada dokumen style.css garis di bagian warna, gantikan warna Anda:

.error {
  background-color: #d9d9d9;
  color: #d9d9d9;
}

.warning {
  background-color: #d9d9d9;
  color: #d9d9d9;
}

.info {
  background-color: #d9d9d9;
  color: #d9d9d9;
}

.success {
  background-color: #d9d9d9;
  color: #d9d9d9;
}

Untuk mengubah ukuran font dan opsi lainnya, ubah bagiannya body:

body {
  padding: 5% 12px;
  box-sizing: border-box;
  overflow: auto;
  background-color: #d9d9d9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

Untuk mengubah ukuran logo ke ukuran yang diinginkan, ubah bagiannya .icon:

.icon {
  width: 300px;
  min-width: 100px;
  height: 80px;
  min-height: 30px;
  margin-right: 50px;
  background-position: center;
  background-size: cover;
}

Hapus baris:

border-radius: 4px;
  / material ui elevation 3 */
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);

Jika beberapa informasi harus ditampilkan di semua templat, tambahkan informasi tersebut ke templat umum ERR_TEMPLATE.html. Misalnya, Anda dapat menambahkan alamat untuk menghubungi administrator dan skrip yang akan menampilkan tanggal.

6. Mulai ulang layanan ideco-proxy-backend:

systemctl restart ideco-proxy-backend.service

7. Periksa pengoperasian halaman yang benar dengan mengklik link terlarang.