e-Humas · Website Sekolah Siap Pakai

Template Website Sekolah: 15 Pilihan Tampilan yang Bisa Dicoba Gratis

Calon orang tua membuka website sekolah lewat layar HP untuk mengecek info pendaftaran, foto kegiatan, dan pengumuman. Di e-Humas SiTuntas tersedia 15 pilihan tampilan: 6 template modern, 3 template premium, dan 6 tema Klasik yang langsung mengambil data harian sekolah, ganti tampilan tanpa coding, dan bisa dicoba gratis.

  • 6 template modern sesuai jenjang
  • 3 template premium dengan gerak halus
  • 6 tema Klasik resmi & koran
  • 30 hari bisa kembali ke tampilan lama

Galeri interaktif · 6 modern, 3 premium, 6 Klasik

Satu website, 15 pilihan tampilan

Isi sekolah tetap sama saat tampilan diganti. Klik tab, saring menurut jenjang, atau bandingkan mode Desktop dan HP.

Template website sekolah Wibawa untuk sekolah negeri, tampilan desktop
Template website sekolah Wibawa di HP, ramah orang tua siswa

Template modern

Wibawa

Cocok untuk sekolah negeri

Ubin layanan cepat, NPSN & akreditasi, hiasan merah putih/batik

Template 1 dari 15

Lihat halaman penuh

Data dan foto demo, sekolah fiktif.

Dirancang per karakter lembaga

6 template modern, 3 premium, dan 6 tema Klasik

Setiap template memiliki susunan beranda, hero, ornamen, dan tipografi tersendiri. Di menu Template Situs, sistem menandai pilihan yang Direkomendasikan sesuai jenjang sekolah.

Sekolah negeri
Template website sekolah Wibawa untuk sekolah negeri, tampilan desktop
Template website sekolah Wibawa di HP, ramah orang tua siswa

Wibawa untuk sekolah negeri yang menonjolkan layanan publik

Tertib dan jelas, menonjolkan layanan publik serta identitas resmi sekolah.

  • Layanan Cepat: enam ubin di bawah hero (SPMB, pengumuman, unduhan, aspirasi, maklumat, kontak).
  • Identitas: lencana NPSN, akreditasi, dan ornamen merah putih atau batik.
  • Kehadiran: jumlah siswa hadir hari ini bila presensi publik dinyalakan, tanpa nama siswa.
Madrasah (MI, MTs, MA)
Template website sekolah Madani untuk madrasah (MI, MTs, MA), tampilan desktop
Template website sekolah Madani di HP, ramah orang tua siswa

Madani untuk MI, MTs, dan MA

Teduh dan bermartabat dengan ornamen geometri Islami serta layanan terpadu.

  • Header: tanggal Hijriah (berlabel perkiraan) dan salam pembuka.
  • Beranda: pilihan teks Arab opsional dan profil keislaman.
  • Layanan: akses Pelayanan Terpadu Satu Pintu (PTSP) dan transparansi.
SMK dan MAK
Template website sekolah Karya untuk SMK dan MAK, tampilan desktop
Template website sekolah Karya di HP, ramah orang tua siswa

Karya untuk SMK dan MAK

Tegas dan bergaya industri untuk menonjolkan jurusan serta mitra kerja.

  • Hero: kartu kompetensi keahlian dan karya praktik.
  • Header: tombol Daftar SPMB dan Bursa Kerja Khusus (BKK).
  • Beranda: blok mitra industri dan penyaluran lulusan.
SMA dan MA unggulan
Template website sekolah Cakrawala untuk SMA dan MA unggulan, tampilan desktop
Template website sekolah Cakrawala di HP, ramah orang tua siswa

Cakrawala untuk SMA dan MA unggulan

Bergaya majalah akademik dengan tipografi serif untuk menonjolkan capaian siswa.

  • Akademik: pita keunggulan, program peminatan, dan ekstrakurikuler.
  • Rekam jejak: etalase prestasi siswa dan kegiatan unggulan.
  • Kepercayaan: kutipan testimoni orang tua dan alumni.
TK, PAUD, SD, dan MI
Template website sekolah Ceria untuk TK, PAUD, SD, dan MI, tampilan desktop
Template website sekolah Ceria di HP, ramah orang tua siswa

Ceria untuk TK, PAUD, SD, dan MI

Hangat dan ramah keluarga untuk mengenalkan lingkungan belajar anak.

  • Susunan: mendahulukan fasilitas, program kelas, galeri kegiatan, dan profil guru.
  • Hiasan: bentuk dekoratif hangat yang bisa dijeda atau dimatikan.
Sekolah Islam terpadu dan yayasan
Template website sekolah Fitrah untuk sekolah Islam terpadu dan yayasan, tampilan desktop
Template website sekolah Fitrah di HP, ramah orang tua siswa

Fitrah untuk sekolah Islam terpadu dan yayasan

Lembut dan rapi untuk yayasan yang menonjolkan program unggulan serta komunikasi orang tua.

  • Hero: tiga kartu keunggulan (misalnya tahfidz, adab, dan bahasa).
  • Aksi cepat: tombol Daftar dan WhatsApp panitia di bagian atas.
  • Beranda: tanya jawab ringkas untuk calon orang tua.

Seri premium dengan gerak halus

3 template premium (Jelajah, Serambi, dan Prasasti)

Tampilan premium dipilih sendiri oleh sekolah di menu Template Situs; template lain tidak berubah. Bagian halaman muncul pelan saat digulir, dan pengunjung bisa mematikan semua gerak lewat tombol Kurangi animasi di bawah halaman. Gerak juga otomatis mati bila HP diatur untuk mengurangi animasi.

SMP, MTs, SMA, SMK, dan MA yang ekskulnya aktif Premium
Template premium Jelajah website sekolah untuk SMP dan SMK, tampilan desktop
Template premium Jelajah di HP dengan papan bento prestasi dan agenda

Jelajah untuk sekolah muda dengan ekskul yang aktif

Berwarna dan penuh gerak: papan bento berisi prestasi dan agenda terbaru dari data sekolah.

  • Papan bento: nama sekolah, stiker SPMB otomatis, foto, angka sekolah, prestasi, dan agenda terdekat. Ubin tanpa data tidak tampil.
  • Gerak: pita program berjalan yang bisa dijeda dan dinding juara berkartu miring.
  • HP: program tampil sebagai rel geser dengan tombol besar.
Pondok pesantren, MTs, MA, dan sekolah Islam terpadu Premium
Template premium Serambi website pondok pesantren dan madrasah, tampilan desktop
Template premium Serambi di HP dengan lengkung berkerawang dan tanggal Hijriah

Serambi untuk pondok pesantren dan madrasah

Islami modern: kisi cahaya dalam lengkung, langit senja, dan tanggal Hijriah.

  • Hero: lengkung runcing berkerawang bintang delapan, salam Arab opsional, dan siluet kubah.
  • Kalender: tanggal Hijriah di pita atas dan di setiap agenda, bertanda perkiraan.
  • Gerak: kisi naik dan siluet turun pelan saat halaman digulir.
Sekolah yayasan bersejarah, sekolah berasrama, dan SPK Premium
Template premium Prasasti website sekolah bersejarah berlatar gelap, tampilan desktop
Template premium Prasasti di HP dengan tahun berdiri dan lini masa sekolah

Prasasti untuk sekolah dengan sejarah panjang

Elegan gelap: huruf pahat, emas di atas tinta, tahun berdiri, dan lini masa sekolah.

  • Pelat: tahun berdiri besar dan baris angka: usia sekolah, siswa, guru, dan rombel.
  • Lini masa: dari tahun berdiri, prestasi bertahun, sampai akreditasi. Garis emas tumbuh saat digulir.
  • Warna: latar gelap tetap terbaca; warna sekolah mengganti tombol.

Gaya resmi, poster kegiatan, hingga koran

6 tema Klasik (Almamater, Gelora, Warta, Klasik Institusi, Klasik Kampus Modern, dan Klasik Minimal)

Mulai dari simetri seragam institusi, foto kegiatan layar penuh, halaman depan koran yang ringan, hingga tiga tata letak klasik standar.

Tema Klasik Almamater website sekolah e-Humas, tampilan desktop
Almamater Sekolah yang ingin tampil resmi dan bergengsi

Simetri tengah, huruf serif, dan panorama gedung berbingkai.

Tema Klasik Gelora website sekolah e-Humas, tampilan desktop
Gelora Sekolah yang kaya foto kegiatan

Foto kegiatan layar penuh, nama sekolah bergaya poster, palet biru-hitam.

Tema Klasik Warta website sekolah e-Humas, tampilan desktop
Warta Sekolah yang rajin menulis berita

Gaya halaman depan koran, tinta hitam di atas putih, satu aksen merah.

Tema Klasik Institusi website sekolah e-Humas, tampilan desktop
Klasik Institusi Sekolah yang menyukai tata letak formal beranda standar

Rapi dan formal dengan susunan pengumuman standar.

Tema Klasik Kampus Modern website sekolah e-Humas, tampilan desktop
Klasik Kampus Modern Sekolah yang menyukai kartu berita dan agenda lega

Bersih dan lega untuk menonjolkan kabar sekolah.

Tema Klasik Minimal website sekolah e-Humas, tampilan desktop
Klasik Minimal Sekolah yang ingin tampilan paling sederhana

Ringkas dan langsung fokus pada informasi.

Lihat tabel ringkasan 15 pilihan tampilan & tautan layar penuh
Daftar 15 pilihan tampilan website sekolah e-Humas dan jenis sekolah yang cocok
TampilanCocok untukCiri khasHalaman penuh
Wibawa ModernSekolah negeriUbin layanan cepat, NPSN & akreditasi, hiasan merah putih/batikDesktop: halaman penuh Wibawa HP: halaman penuh Wibawa
Madani ModernMadrasah (MI, MTs, MA)Ornamen geometri Islami, tanggal Hijriah, layanan PTSPDesktop: halaman penuh Madani HP: halaman penuh Madani
Karya ModernSMK dan MAKKartu kompetensi keahlian, BKK, mitra industriDesktop: halaman penuh Karya HP: halaman penuh Karya
Cakrawala ModernSMA dan MA unggulanEditorial serif, program, prestasi, testimoniDesktop: halaman penuh Cakrawala HP: halaman penuh Cakrawala
Ceria ModernTK, PAUD, SD, dan MIWarna hangat, fasilitas, galeri kegiatan, guruDesktop: halaman penuh Ceria HP: halaman penuh Ceria
Fitrah ModernSekolah Islam terpadu dan yayasanKartu keunggulan (mis. tahfidz), tombol Daftar & WhatsApp, FAQDesktop: halaman penuh Fitrah HP: halaman penuh Fitrah
Jelajah PremiumSMP, MTs, SMA, SMK, dan MA yang ekskulnya aktifPapan bento, pita program berjeda, dinding juaraDesktop: halaman penuh Jelajah HP: halaman penuh Jelajah
Serambi PremiumPondok pesantren, MTs, MA, dan sekolah Islam terpaduLengkung berkerawang, tanggal Hijriah, program tiga lengkungDesktop: halaman penuh Serambi HP: halaman penuh Serambi
Prasasti PremiumSekolah yayasan bersejarah, sekolah berasrama, dan SPKHuruf pahat, tahun berdiri, lini masa emasDesktop: halaman penuh Prasasti HP: halaman penuh Prasasti
Almamater KlasikSekolah yang ingin tampil resmi dan bergengsiSimetri tengah, huruf serif, panorama gedung berbingkaiDesktop: halaman penuh Almamater HP: halaman penuh Almamater
Gelora KlasikSekolah yang kaya foto kegiatanFoto layar penuh, nama sekolah bergaya poster, biru-hitamDesktop: halaman penuh Gelora HP: halaman penuh Gelora
Warta KlasikSekolah yang rajin menulis beritaGaya halaman depan koran, tinta hitam, aksen merahDesktop: halaman penuh Warta HP: halaman penuh Warta
Klasik Institusi KlasikSekolah yang menyukai tata letak formal beranda standarRapi dan formalDesktop: halaman penuh Klasik Institusi HP: halaman penuh Klasik Institusi
Klasik Kampus Modern KlasikSekolah yang menyukai kartu berita dan agenda legaBersih dan modernDesktop: halaman penuh Klasik Kampus Modern HP: halaman penuh Klasik Kampus Modern
Klasik Minimal KlasikSekolah yang ingin tampilan paling sederhanaRingkas, fokus isiDesktop: halaman penuh Klasik Minimal HP: halaman penuh Klasik Minimal

Satu sistem dengan administrasi harian

Mengapa website sekolah di e-Humas tidak berhenti terurus

Berbeda dari blog atau tema terpisah yang menuntut perawatan hosting dan ketik ulang data, website e-Humas hidup langsung dari aplikasi sekolah. Selengkapnya di panduan cara membuat website sekolah tanpa coding.

01 · Website Studio & Template Situs

Atur tampilan tanpa coding, aman kembali 30 hari

Tekan Coba untuk melihat pratinjau memakai isi sekolah sendiri sebelum tayang ke pengunjung, lengkap dengan indikator kesiapan isi.

  • Susunan & gaya: ubah urutan blok beranda, pilih gaya tata letak A/B/C/D, 3 opsi hero, serta ornamen merah putih, batik, atau geometri Islami.
  • Isi tetap utuh: berita, pengumuman, foto, logo, warna, dan menu tidak berubah saat ganti template; tombol Kembalikan template sebelumnya aktif selama 30 hari.
02 · Terhubung ke modul SiTuntas

Isi website ikut hidup dari data sekolah

Bagian yang belum terisi otomatis disembunyikan tanpa meninggalkan kotak kosong di beranda.

03 · Pengalaman orang tua di HP

Bilah cepat SPMB & WhatsApp di layar HP

Saat pendaftaran dibuka, tombol Daftar SPMB (atau PPDB/PMBM) dan WhatsApp panitia menempel di bawah layar HP. Di luar masa pendaftaran, tombol beralih menjadi Hubungi atau Lokasi.

  • Info SPMB tersusun: syarat, jalur, kuota, jadwal tahapan, dan tautan ke formulir sekolah atau dinas (SiTuntas tidak menyimpan data pendaftar).
  • Ringan di HP: foto otomatis disajikan dalam WebP tiga ukuran (480, 750, dan 1200 piksel).
Tampilan website sekolah di HP dengan tombol Daftar SPMB dan WhatsApp di bawah layar
Bilah Daftar SPMB & WhatsApp di HP (data demo).
04 · Perlindungan anak & visibilitas mesin pencari

Foto anak berizin & struktur ramah Google

Album galeri wajib dikonfirmasi izinnya sebelum terbit, dan setiap foto memiliki status tayangnya sendiri:

  • Ada izin tampil
  • Tanpa wajah anak tampil
  • Belum ada izin tidak tampil

Setiap situs sekolah otomatis dilengkapi judul, meta description, canonical, Open Graph 1200×630, skema EducationalOrganization, NewsArticle, sitemap.xml, dan robots.txt.

Dari daftar sampai tayang

Empat langkah mengaktifkan website sekolah

  1. Daftar & isi profil Daftar di situntas.id/coba dengan nomor WhatsApp, lalu lengkapi Profil Sekolah dan Data Induk.
  2. Aktifkan Beranda Publik Buka e-Humas → Website Studio dan tekan Aktifkan Beranda Publik agar situs terbuka bagi pengunjung.
  3. Coba & pakai tampilan Buka Template Situs, pilih dari 15 pilihan tampilan (6 modern, 3 premium, 6 Klasik), tekan Coba lalu Pakai.
  4. Terbitkan & bagikan Isi berita, galeri berizin, dan info SPMB. Gunakan alamat namasekolah.situntas.id atau sambungkan domain .sch.id.
Perbandingan pembuat website umum, tema WordPress dengan hosting, dan website di aplikasi sekolah e-Humas
AspekPembuat website umumWordPress + hostinge-Humas SiTuntas
Persiapan awalIsi semua data manualSewa hosting, pasang tema & pluginData sekolah sudah ada, tinggal pilih tampilan
PemeliharaanAkun terpisah dari administrasiRawat pembaruan plugin & keamananMenyatu dengan aplikasi harian sekolah
Konteks sekolahDesain umumBergantung temaSPMB, PTSP, BKK, tanggal Hijriah, batik
Hak akses & foto anakDiatur manualAdmin WordPressPer peran SiTuntas + gerbang izin foto anak

Pertanyaan yang sering diajukan

Apakah website sekolah di SiTuntas gratis?

e-Humas bisa dicoba gratis bersama semua modul SiTuntas, tanpa data pembayaran saat mendaftar.

Ada berapa pilihan tampilan website sekolah?

Ada 15 pilihan tampilan: 6 template modern (Wibawa (sekolah negeri), Madani (madrasah), Karya (SMK), Cakrawala (SMA unggulan), Ceria (TK, SD, dan MI), dan Fitrah (sekolah Islam terpadu)), 3 template premium (Jelajah (SMP, MTs, dan SMK), Serambi (pesantren dan madrasah), dan Prasasti (sekolah bersejarah)), dan 6 tema Klasik (Almamater, Gelora, Warta, Klasik Institusi, Klasik Kampus Modern, dan Klasik Minimal).

Apa bedanya template premium?

Template premium punya gerak halus: bagian halaman muncul pelan saat digulir dan pindah halaman terasa lembut. Sekolah memilihnya sendiri di Template Situs, dan template lain tidak berubah. Pengunjung bisa mematikan semua gerak lewat tombol Kurangi animasi di bawah halaman.

Kalau ganti template, apakah berita dan foto hilang?

Tidak. Mengganti tampilan hanya mengubah wajah situs; berita, pengumuman, foto, logo, warna, dan menu tetap utuh. Selama 30 hari sesudah berganti, sekolah bisa mengembalikan tampilan sebelumnya.

Apakah perlu bisa coding atau desain?

Tidak. Urutan bagian, gaya tata letak, hero, ornamen, warna, dan gerak diatur dari panel di menu Template Situs. Hasilnya bisa dicek lewat pratinjau HP atau layar lebar sebelum dipakai.

Apakah ada formulir pendaftaran murid baru di website?

Website menampilkan info SPMB yang tersusun dan tautan ke formulir pendaftaran yang dipakai sekolah. SiTuntas tidak menerima atau menyimpan data pendaftar. Selama pendaftaran dibuka, tombol Daftar dan tombol WhatsApp panitia menempel di bawah layar HP.

Bagaimana dengan foto murid?

Foto hanya tampil bila ada izin. Album perlu konfirmasi izin sebelum terbit. Setiap foto berstatus ada izin, tanpa wajah anak, atau belum ada izin, dan foto yang belum ada izinnya tidak tampil.

Kapan website sekolah mulai bisa dilihat publik dan bisakah memakai domain sendiri?

Website tampil ke publik setelah pengelola menekan Aktifkan Beranda Publik di Website Studio. Alamat bawaannya namasekolah.situntas.id, dan domain resmi sekolah seperti namasekolah.sch.id bisa disambungkan.

Apakah website sekolah bisa ditemukan di Google?

Syarat teknisnya sudah disiapkan: judul dan deskripsi halaman, canonical, data terstruktur EducationalOrganization, sitemap.xml, dan robots.txt. Peringkat di hasil pencarian tidak bisa dijanjikan; isi yang diperbarui rutin paling membantu.

Satu aplikasi untuk website sekolah dan 17 modul administrasi.

Coba gratis semua modulnya di situntas.id

Bukan Bapak/Ibu yang memutuskan? Kirim halaman galeri ini ke kepala sekolah atau operator sekolah.

Kirim lewat WhatsApp

Halaman penuh

Memuat gambar…

Buka gambar di tab baru · Data dan foto demo