Pengantar
Panduan ini merupakan bagian serangkaian Tips Membuat Halaman PPDB online dengan WordPress dan Google Form
Dengan mengikuti panduan ini kamu akan bisa membuat halaman PPDB Online Website sekolah berbasis Wordpress, agar tampilannya lebih cakep.
Prasyarat
Agar berhasil mengikuti tutorial ini, ada syarat yang harus dipenuhi:
- Memiliki website berbasis Wordpress yang sudah terinstall Tema Divi
Langkah 1, Membuat Page Baru
Masuk kedalam wordpress admin kamu, dengan cara akses namadomain.com/wp-admin
Selanjutnya pada sidebar sebelah kiri, klik Pages > Add New . Maka kamu akan diarahkan ke halaman baru.
Add New Pages
Kemudian isikan judul Pages, misalnya “PPDB Online”. Lalu Page Layoutnya pilih Blank page, setelah itu klik tombol Use Divi Builder.
Use Divi Builder
Langkah 2, Menggunakan Premade Layout
Kemudian akan tampil tiga pilihan , kamu pilih yang tengah ya sob, lalu klik Browse Layouts.
Use Premade Layout
Selanjutnya akan tampil popup “Load From Library” , tempat kamu bisa mulai memilih template.
Pilih tema “Education” terus klik “Language School Landing Page” > klik tombol warna hijau Use this layout
Layout Language School
Tunggu proses instalasi layoutnya satu hingga tiga menit, tergantung kecepatan koneksi kamu.
Proses Instalasi
Langkah 3, Mengedit Layout / Template
Mulai mengedit dengan klik kata yang ingin diubah, ganti sesuai dengan nama dan deskripsi tentang sekolah
Contoh Hasil
Berikutnya khusus untuk tombol, klik sekali lalu tekan ikon gir, Ubah Text dengan “Daftar Sekarang Juga”.
Edit
Kemudian pindah ke tab Link, isikan Button Link URL dengan:
#form-ppdb
Edit Link
Hapus Section
Kemudian ganti Text nya menjadi “Isian Formulir Pendaftaran”
Ganti Text
Setelah itu pindah ke tab Advanced, CSS IDnya diisi:
form-ppdb
Ini sebagai penanda, kalau tombol “Daftar Sekarang Juga” ditekan maka akan mengarah ke bagian ini. Kalau sudah semua, tekan tombol centang.
CSS ID
Kamu tinggal memasukkan Formulir PPDB di halaman ini, dimana sebelumnya formulir tersebut sudah kamu buat menggunakan cara membuat PPDB Online dengan Google Form.
Penutup
Ini merupakan serangkaian panduan lengkap ketika kamu membeli VPS-X for Education. Berikutnya kamu bisa cek beberapa panduan berikut ini: