April 14, 2023

Step by Step Cara Membuat Web Sekolah + Contoh Template

Cara Membuat Website Sekolah Future Image

Cara membuat web sekolah dapat menjadi hal yang menantang bagi mereka yang belum terbiasa dengan pengembangan situs web. Namun, dengan memilih platform yang tepat dan mengikuti langkah-langkah yang benar, proses ini dapat dilakukan dengan mudah dan efisien. Salah satu platform yang dapat digunakan untuk membuat web sekolah adalah WordPress, yang menyediakan berbagai fitur dan dukungan untuk pengembangan situs web.

 

Cara Membuat Web Sekolah dengan WordPress, Mengapa WordPress?

WordPress menjadi pilihan populer untuk membuat website sekolah, Mengapa demikian? Karena WordPress merupakan platform yang fleksibel dan mudah untuk digunakan.WordPress memiliki banyak tema dan plugin yang tersedia untuk membantu Anda menciptakan tampilan dan fungsionalitas yang unik pada situs web Anda. Selain itu, WordPress juga dioptimalkan untuk SEO (Search Engine Optimization) dan responsif pada berbagai perangkat, seperti desktop, laptop, tablet, dan ponsel. WordPress gratis untuk digunakan dan dapat diunduh langsung dari situs web resmi Anda.

 

Membeli Nama Domain & Hosting

Hal pertama yang perlu Anda persiapkan untuk membuat sebuah website sekolah adalah membeli nama domain dan hosting. Anda dapat membeli nama domain dan hosting dari berbagai penyedia layanan di seluruh dunia, dengan melakukan pencarian di google situs jual beli nama domain dan hosting. Pastikan untuk memilih penyedia layanan yang terpercaya dan memiliki reputasi yang baik untuk memastikan situs web Anda dapat berjalan dengan lancar.

Dalam membuat nama domain, tidak perlu terlalu panjang karena akan sulit untuk diingat, cukup nama domain yang singkat dan mudah untuk dieja. Kemudian, gunakan kata kunci yang relevan dengan topik situs web Anda dan hindari untuk menggunakan tanda hubung dan angka. Buat nama domain yang unik untuk situs web Anda dan pilih ekstensi domain yang sesuai dengan jenis situs web Anda.

 

Syarat Domain .sch.id untuk Sekolah

Domain .sch.id merupakan domain yang ditujukan khusus untuk sekolah di Indonesia. Ada beberapa syarat yang diperlukan untuk mendaftarkan domain .sch.id, sebagai berikut :

  • Mempunyai NPSN (Nomor Pokok Sekolah Nasional) dari Kementerian Pendidikan dan Kebudayaan Republik Indonesia.
  • Mempunyai surat keterangan sebagai sekolah yang diterbitkan oleh Kementerian Pendidikan dan Kebudayaan Republik Indonesia atau lembaga pendidikan yang diakui.
  • Mengisi formulir pendaftaran domain .sch.id yang tersedia di situs web domain registrar yang telah disetujui oleh PANDI (Pengelola Nama Domain Internet Indonesia).
  • Mencantumkan dokumen pendukung seperti surat keterangan NPSN dan surat keterangan sebagai sekolah yang diterbitkan oleh Kementerian Pendidikan dan Kebudayaan Republik Indonesia.
  • Mengikuti aturan yang telah ditetapkan oleh PANDI dan mematuhi syarat dan ketentuan penggunaan domain .sch.id.

 

Cara Install WordPress & Template Kit

Setelah melakukan pembelian domain dan hosting, selanjutnya Anda perlu menginstall wordpress ke localhost Anda, untuk mengunduh file wordpressnya dapat Anda lakukan pada laman resmi wordpress.org.

  1. Selanjutnya, untuk  menginstall template kit pada dashboard WordPress, langkah pertama yang harus Anda lakukan yaitu menambahkan/install plugin template kit dengan masuk ke menu plugin, kemudian klik “Add New” dan cari plugin template kit. Klik “Install Now” lalu aktifkan plugin tersebut.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - install plugin template kit
  2. Siapkan file template kit dengan format .zip yang akan digunakan untuk website sekolah Anda, dengan cara masuk ke menu tools lalu pilih sub menu template kit. Klik “Upload Template Kit ZIP File” dan pilih file yang akan diupload.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - install template kitWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - import file template kit
  3. Kemudian, klik “install requirements” untuk menginstall file template ke dalam dashboard Anda, dan klik “install above selected requirements”.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - install template kitWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - install template kit

 

Cara Membuat Pages Untuk Web Sekolah

Sebelum membuat web page, hal yang perlu Anda lakukan adalah mengimport template yang akan digunakan dalam page website sekolah Anda.

  1. Pertama masuk ke menu tools, kemudian pilih template kit. Klik “view installed kit” pada template kit yang telah Anda install, lalu import template halaman yang akan Anda gunakan untuk website sekolah Anda, seperti global kit style, home, profile, gallery, blog, header, dan footer.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - import template kitWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - import template kit
  2. Untuk membuat/menambahkan page baru di website sekolah, langkah yang harus Anda lakukan yaitu masuk ke menu “Pages” lalu klik “Add New”.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - Add new page
  3. Untuk membuat page home, langkah pertama yang harus Anda lakukan yaitu masuk ke menu pages lalu klik “add new”. Beri judul “Beranda” untuk page ini, lalu pada menu atribut dibagian template pilih “Elementor Full Width”.Klik Publish pada page tersebut, lalu klik tombol “Edit with elementor”. Website Sekolah : Cara Membuat dan Contoh Web Sekolah - Add page beranda
  4. Setelah itu, klik icon file (add template) dan pilih my template, lalu insert template home untuk digunakan di halaman beranda website sekolah Anda.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - insert template page berandaWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - insert template page berandaWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - insert template page berandaMaka akan tampil halaman edit untuk template tersebut. Anda dapat mengedit template sesuai dengan kebutuhan website sekolah Anda. Setelah selesai mengedit, klik update agar hasil dari editing tersebut tersimpan sebagai halaman beranda website sekolah Anda.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - edit dan update page beranda
  5. Untuk membuat/menambahkan page lain, seperti page profil, gallery, blog, dan lainnya, Anda hanya perlu melakukan langkah yang sama seperti ketika Anda membuat page beranda.

 

Cara Membuat Web Sekolah Bagian Navigasi Menu

  1. Untuk membuat navigasi menu pada website sekolah, Langkah pertama yang harus Anda lakukan yaitu masuk ke menu appearance lalu pilih “Menus”. Isikan nama menu yang akan Anda buat, lalu klik “create menu”.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - Add new menu
  2. Pada bagian pages, ceklist halaman yang ingin ditambahkan ke menu yang Anda buat lalu klik “Add to menu” dan klik “save menu” untuk menyimpan menu Anda.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - Add page ke menu
  3. Untuk menampilkan menu yang telah Anda buat di bagian header website sekolah, hal yang perlu dilakukan yaitu masuk ke menu template dan pilih “saved template”. Klik template header section untuk mengeditnya, lalu klik tombol “Edit with elementor”.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - edit headerWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - edit header
  4. Setelah itu, seret icon “wordpress menu” ke halaman edit header. Lalu, pada menu setting di bagian select menu, pilih menu yang tadi telah Anda buat. Maka menu akan tampil di bagian header website sekolah.Website Sekolah : Cara Membuat dan Contoh Web Sekolah - add menu di header
    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - select menuWebsite Sekolah : Cara Membuat dan Contoh Web Sekolah - tampilan menu header

 

Cara Membuat Web Sekolah Untuk Post dan Update Artikel Terbaru

Untuk membuat post website sekolah, langkah-langkah yang harus Anda lakukan yaitu masuk ke menu post lalu klik “Add new”. Ketikkan judul serta isi untuk postingan website Anda, lalu klik publish.

Website Sekolah : Cara Membuat dan Contoh Web Sekolah - add new post

Website Sekolah : Cara Membuat dan Contoh Web Sekolah - add new post

 

Plugin WordPress yang Mendukung Web Sekolah

  1. The School Management System

    Dengan menggunakan plugin The School Management System, sekolah dapat mengelola data siswa, guru, karyawan, dan kelas dengan lebih efektif dan efisien. Selain itu, plugin ini juga dapat membantu sekolah dalam menghasilkan laporan dan mengelola pembayaran dengan lebih mudah.

  2. The Events Calendar

    Plugin The Events Calendar mendukung web sekolah, karena dengan plugin ini sekolah dapat meningkatkan fungsionalitas dan kinerja website mereka dengan menampilkan kalender acara yang mudah digunakan dan dapat disesuaikan. Selain itu, plugin ini dapat membantu sekolah dalam mengelola pemesanan tiket dan RSVP serta meningkatkan interaksi dengan siswa dan orang tua melalui penggunaan widget acara.

  3. LearnDash

    Plugin ini dapat digunakan untuk membuat platform pembelajaran online dengan berbagai fitur seperti manajemen kursus, ulangan, tugas, dan evaluasi. Plugin ini sangat berguna bagi sekolah atau lembaga pendidikan yang ingin mengembangkan sistem pembelajaran online yang efektif.

  4. Restrict Content Pro

    Restrict Content Pro merupakan salah satu plugin WordPress yang dapat digunakan untuk membuat situs web berbayar atau situs web berlangganan. Dengan plugin ini, sekolah dapat menghasilkan pendapatan dari situs web berbayar atau situs web berlangganan milik sekolah. Plugin ini juga memungkinkan sekolah untuk membatasi akses ke konten khusus yang hanya tersedia untuk pelanggan berlangganan. Selain itu, plugin ini menyediakan laporan keanggotaan dan fitur kustomisasi yang memudahkan pengguna dalam mengelola dan memantau langganannya.

  5. Photo Gallery

    Plugin ini dapat digunakan untuk membuat galeri foto di website sekolah. Sekolah dapat menampilkan berbagai foto seperti foto acara, foto siswa dan guru, foto lingkungan sekolah, dan foto kegiatan sekolah lainnya. Plugin ini juga memungkinkan pengguna untuk mengatur foto dengan mudah dan menyediakan tampilan responsif agar foto dapat diakses dengan baik di semua perangkat. Selain itu, plugin ini menyediakan fitur canggih seperti zoom dan rotasi untuk meningkatkan tampilan foto.

 

Manfaat Website bagi Sekolah

Website memberikan banyak manfaat bagi sekolah, antara lain :

  1. Meningkatkan Visibilitas

    Website memberikan kesempatan bagi sekolah untuk menjangkau lebih banyak calon siswa dan orang tua yang tertarik untuk bergabung dengan sekolah. Dengan memiliki website, sekolah dapat memperkenalkan profil sekolah dan fasilitas yang tersedia, serta menyajikan informasi terkait kurikulum, jadwal pelajaran, dan kegiatan sekolah.

  2. Meningkatkan Reputasi

    Website yang profesional dan informatif dapat memberikan kesan positif dan profesional pada sekolah. Hal ini dapat meningkatkan reputasi dan citra sekolah di mata masyarakat.

  3. Meningkatkan Keterlibatan Siswa dan Orang Tua

    Website dapat digunakan untuk memudahkan siswa dan orang tua dalam mengakses informasi terkait kegiatan sekolah, pengumuman, nilai, dan tugas. Selain itu, website juga dapat digunakan sebagai platform untuk berkomunikasi dengan guru dan staf sekolah.

  4. Meningkatkan Kolaborasi antara Guru dan Siswa

    Website dapat digunakan sebagai sarana untuk mengembangkan platform pembelajaran online, yang memungkinkan guru untuk mengunggah materi pelajaran, tugas, dan ulangan, serta memantau kemajuan belajar siswa secara online.

  5. Meningkatkan Efisiensi Administrasi

    Website dapat digunakan sebagai sarana untuk memudahkan pengelolaan administrasi sekolah seperti registrasi siswa, pengelolaan data siswa, jadwal pelajaran, dan pengelolaan keuangan.

 

Contoh-contoh Web Sekolah

  1. SMA Negeri 7 Semarang
    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - contoh web sekolah

    Tampilan dari website SMA Negeri 7 Semarang ini terlihat modern dan menarik, kemudian tata letak yang rapi dan terorganisir membuat pengunjung mudah menemukan informasi yang dibutuhkan. Di halaman beranda/home dari website ini menampilkan berita-berita terkini dari sekolah hingga menampilkan prestasi yang diraih oleh siswa-siswi SMA 7 Semarang. Namun, dengan banyaknya gambar-gambar berita tersebut membuat website ini terlihat sangat penuh.

    Navigasi website ini mudah dipahami, dengan menu utama di bagian atas yang menampilkan halaman-halaman penting seperti profil sekolah, kurikulum, kesiswaan, dsb. Ada pula submenu yang mengarahkan pengunjung ke halaman-halaman spesifik, seperti dalam menu kurikulum terdapat sub menu e-raport, e-learning dan kalender pendidikan. Dalam website tersebut terdapat beberapa menu yang memiliki sub menu.

    Untuk konten yang disajikan informatif dan akurat, serta relevan dengan kegiatan sekolah dan siswa. Namun, ada beberapa menu yang kontennya masih kosong, seperti pada menu sarpras. Responsivitas website SMA Negeri 7 Semarang terbilang baik. Website dapat diakses dengan baik di berbagai perangkat, seperti smartphone, tablet, dan desktop.

  2. SMK Negeri 7 Semarang

    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - contoh web sekolah

    Tampilan dari website SMK Negeri 7 Semarang cukup simpel dengan tata letak yang rapi dan terorganisir, sehingga nyaman untuk dilihat. Navigasi website ini mudah dipahami, dengan menu utama di bagian atas yang menampilkan halaman-halaman penting seperti, profil, prestasi, visi dan misi, dsb. Konten yang disajikan informatif dan akurat, serta relevan dengan kegiatan sekolah dan siswa. Responsivitas website SMK Negeri 7 Semarang terbilang baik. Website dapat diakses dengan baik di berbagai perangkat, seperti smartphone, tablet, dan desktop.

  3. SMK Negeri 1 Sragen
    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - contoh web sekolah

    Tampilan website SMK Negeri 1 Sragen terlihat menarik dan modern dengan tata letak yang terstruktur dengan baik, sehingga nyaman untuk dilihat. Navigasi dari website ini mudah dipahami dengan menu-menu utama yang berada di bagian atas seperti, home, profil, BKK, dsb. Konten yang ada di dalam website cukup informatif dan akurat, namun ada beberapa menu yang kontennya masih kosong. Responsivitas dari website SMK Negeri 1 Sragen cukup baik, website dapat diakses di berbagai perangkat, seperti smartphone, tablet, dan desktop.

  4. SMK Negeri H Moenadi Ungaran

    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - contoh web sekolah

    Untuk tampilan dari website SMK Negeri H Moenadi Ungaran simpel, website ini lebih terlihat menarik ketika diakses melalui smartphone. Navigasi dari website mudah dipahami dengan menu utama yang terletak di bagian atas seperti, beranda, profil, berita, prestasi, dan download. Terdapat satu menu yang memiliki sub menu yaitu pada menu profil. Konten di website ini masih kurang maksimal, karena banyak menu-menu yang isi kontennya masih kosong atau hanya sekedar tulisan dari judul sub menunya. Responsivitas dari website SMK Negeri H Moenadi Ungaran cukup baik, website dapat diakses di berbagai perangkat, seperti smartphone, tablet, dan desktop.

  5. SMA Negeri 2 Tasikmalaya

    Website Sekolah : Cara Membuat dan Contoh Web Sekolah - contoh web sekolah

    Tampilan dari website SMA Negeri 2 Tasikmalaya terlihat menarik dengan warna background yang cerah. Tata letak dalam website ini rapi dan terorganisir dengan baik dengan menu utama yang terletak di bagian atas seperti, teras, profil, kurikulum, kesiswaan, ekstrakurikuler dan lain sebagainya. Untuk konten yang disajikan cukup informatif, namun banyak menu yang kontennya sama dengan menu yang lain. Responsivitas dari website SMA Negeri 2 Tasikmalaya cukup baik, website dapat diakses di berbagai perangkat, seperti smartphone, tablet, dan desktop.

SUBSCRIBE

Dapatkan Informasi Teknologi terbaru langsung ke Email Anda. Subscribe Sekarang, GRATIS!
Subscribe

Baca Juga Artikel lainnya

May 17, 2024
Stuck di Safe Mode Elementor? Solusi Mengatasi Masalah Tidak Bisa Mengedit Elementor

Sebagai seorang pengembang web, mengalami kendala saat mengedit halaman di Elementor bisa sangat mengganggu, terutama […]

Read More
May 16, 2024
Mengatasi Website Lemot Saat Menggunakan DNS Cloudflare dengan ISP Telkom Indihome: Solusi dan Tips Efektif

Sebagai seorang ahli di bidang IT, saya seringkali dihadapkan pada pertanyaan seputar masalah website yang […]

Read More
May 15, 2024
Dari WordPress ke Hugo: Benchmark Kecepatan, SEO, dan Biaya Hosting di GitHub

Dalam dunia pengembangan web, pemilihan platform dan teknologi hosting adalah dua aspek kunci yang sangat […]

Read More
1 2 3 27

We Are Ardata

PT. Ardata Digital Asia (Ardata Media) merupakan sebuah perusahaan yang bergerak di bidang IT dengan produknya berupa Jasa dan Produk Digital.
WA : 085741111568
SEMUA ARTIKEL
envelope
Chat Sekarang
Hi, Gunakan chat ini untuk menghubungi kami
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram