Semangat pagi sobat DW 🙂

Mari melnjutkan proses Belajar membuat WEBSITE untuk pemula Step 3. Kali ini kita akan belajar membuat halaman yang perlu ditampilkan pada website. Nah ini mengacu pada rancangan awal / draft masing-masing individu dalam mempersiapkan website sebelumnya. Seperti yang DesainWeb sarankan sebelum melakukan installasi template pada tahap http://desainweb.com/site/belajar-membuat-website-untuk-pemula-step-1a/ yaitu membuat gambaran website yang ingin dibuat.

Untuk praktek kali ini, DesainWeb memiliki planing membuat halaman profil, product, contact us, gallery.

Oke, langsung saja praktek, login ke halaman wp-admin >> masuk ke Dashboard >> pilih menu Pages >> Add New [gbr-01]

gbr-01

gbr-02

Yang pertama , tuliskan title atau judul dari halaman yang akan kita buat. Contohnya kita buat untuk halaman Profil , maka kita tulis “Profile” pada ttitle nya. Kemudian isi dari halaman Profil ini seperti pada persegi panjang merah diatas (sesuai dengan konten yang disiapkan sebelumnya), lalu pada setting template kita biarkan saja pada “Default Template” (karena kita membuat halaman biasa). Setelah selesai , kita klik ‘Publish’. [gbr-02]

Kemudian kita beralih ke pembuatan halaman yang kedua , caranya kembali pada halaman untuk menambahkan halaman baru tadi [gbr-01].

Yang kedua , kali ini kita akan membuat halaman Produk , maka pada title terlebih dahulu kita isikan ‘Product’. Kemudian isi nya kita biarkan saja kosong , lalu pada pilihan Page Attributes setting template kita pilih menjadi “Portfolio Page” (agar tampilan halaman seperti portofolio/terlihat lebih bagus sesuai fasilitas template). Setelah Page Attributes kita berpindah ke setting template. Disini kita akan memilih dari kategori apa yang akan ditampilkan pada halaman ini. Untuk Product kita akan mencentang kategori ‘Product’. Jadi nanti semua post dengan kategori Product akan tampil pada halaman ini. Dan yang terakhir kita klik pada button ‘Publish’. [gbr-03]

gbr-03

Yang ketiga, kita akan buat halaman Contact Us, cara menambahkan pages sama dengan cara sebelumnya, yaitu pada halaman Dashboard >> pilih menu Pages >> Add New [gbr-01].

Beri judul, “Contact Us” sesuai dengan plan kita. Pada form “Page Attributes” kita setting template, ubah menjadi “contact page” setting template ini akan membuat seperti halaman comment [gbr-05]. Dimana ketika pengunjung website mengisikan informasi pada text box yang kita sediakan, maka secara otomatis akan mengirim ke alamat email yang telah kita set pada langkah setting awal wordpress. Selanjutnya Klik tombol “publish” di bagian form “Publish” [gbr-04]

gbr-04

hasil halaman contact us dengan setting template contact page [gbr-05].

gbr-05

Selain itu, kita juga dapat mengisikan informasi lain pada halaman contact us, mungkin berisikan informasi alamat toko / kantor, nomor telp yang dapat dihubungi, dll. Cara pengisiannya sama dengan [gbr-02].

Oke, dilanjut dengan membuat halaman gallery, prosesnya sama dengan membuat halaman-halaman sebelumnya. Yang menjadi perbedaan adalah pada bagian Page Attributes > template setting, kita memilih “gallery pages” kemudian pada select gallery categories kita memilih kategori posting apa yang akan ditampilkan pada halaman categorry. Lihat [gbr-03] sebagai referensi. Nanti hasilnya seperti [gbr-06]

gbr-06