Course Content
1. Pengenalan Website Pesantren
Pada modul ini peserta akan memahami dasar-dasar website pesantren dan mengapa website menjadi media penting bagi pesantren di era digital. Peserta juga akan melihat contoh struktur website pesantren yang baik sehingga memiliki gambaran sebelum mulai membuat website secara langsung.
0/3
2. Domain dan Hosting
Pada modul ini peserta akan mempelajari dua fondasi utama sebuah website, yaitu domain dan hosting. Peserta akan memahami fungsi domain sebagai alamat website dan hosting sebagai tempat penyimpanan website, serta belajar memilih domain yang tepat untuk pesantren seperti domain .ponpes.id.
0/4
3. Instalasi Website Pesantren
Pada modul ini peserta akan mulai mengenal WordPress sebagai sistem yang digunakan untuk membuat website pesantren. Peserta akan memahami cara mengakses dashboard WordPress serta melakukan pengaturan dasar website agar siap digunakan untuk membuat dan mengelola website pesantren.
0/4
4. Mendesain Website Pesantren
Pada modul ini peserta akan belajar mendesain tampilan website pesantren menggunakan tema WordPress dan page builder. Peserta akan membuat beberapa halaman penting seperti halaman beranda, halaman profil pesantren, serta halaman berita agar website terlihat rapi dan informatif.
0/4
5. Mengelola dan Mempublikasikan Website
Pada modul ini peserta akan mempelajari cara mengelola konten website pesantren agar tetap aktif dan bermanfaat. Peserta juga akan memahami dasar keamanan website serta langkah-langkah memastikan website pesantren siap dipublikasikan dan dapat diakses oleh masyarakat.
0/3
Membuat Website Pesantren dari Nol sampai Online

Assalamu’alaikum warahmatullahi wabarakatuh.

Pada materi kali ini kita akan mulai mendesain tampilan website pesantren.

Dalam WordPress, tampilan website diatur menggunakan sesuatu yang disebut tema.

Tema adalah desain atau template yang menentukan bagaimana tampilan website kita, mulai dari:

  • tata letak halaman

  • warna website

  • jenis huruf

  • hingga struktur tampilan secara keseluruhan.

WordPress memiliki banyak sekali pilihan tema yang bisa digunakan. Namun dalam kelas ini kita akan menggunakan tema yang ringan, mudah digunakan, dan sangat populer, yaitu Astra.

Tema Astra banyak digunakan karena:

  • tampilannya ringan dan cepat

  • mudah dikustomisasi

  • cocok untuk berbagai jenis website termasuk website pesantren.

Selain menggunakan tema Astra, kita juga akan menggunakan plugin Elementor.

Elementor adalah sebuah plugin yang memudahkan kita untuk mendesain halaman website secara visual, tanpa perlu menulis kode.

Dengan Elementor, kita bisa membuat halaman website hanya dengan cara drag and drop, yaitu cukup menyeret elemen yang kita inginkan ke halaman website.

Langkah pertama adalah masuk ke dashboard WordPress, kemudian buka menu Appearance atau Tampilan, lalu pilih Themes.

Setelah itu kita klik Add New dan cari tema Astra, kemudian klik Install dan Activate.

Setelah tema Astra aktif, kita juga perlu menambahkan plugin Elementor melalui menu Plugins, lalu pilih Add New dan cari Elementor Website Builder.

Setelah plugin tersebut diinstal dan diaktifkan, kita sudah siap mulai mendesain halaman website pesantren kita.

Pada materi berikutnya kita akan mulai membuat halaman beranda, yaitu halaman utama yang pertama kali dilihat oleh pengunjung website.

Wassalamu’alaikum warahmatullahi wabarakatuh.

Scroll to Top