Persiapan menu yang ingin ditampilkan pada website telah selesai. Pengelompokan mana yang menu berupa halaman, menu yang berupa kategori, dan menu yang berupa custom link/url juga sudah diketahui. Selanjutnya, kita akan membuat menu yang berupa halaman terlebih dahulu. Menu yang berupa halaman adalah : toko bunga, harga bunga, cara pemesanan, dan hubungi kami.

Seperti informasi sebelumnya pada artikel Membuat Website dengan OKCMS v.1.0 – bg.5 telah dijelaskan, pada installasi default OKCMS, telah disertakan menu yang terdiri dari halaman, kategori, dan custom link/url. Kita tinggal menyesuaikan saja, jika menu-menu/halaman/kategori yang kita buat sudah ada pada menu/halaman/kategori default, kita tinggal edit sesuai keperluan, namun jika belum ada, kita bisa menambahkan. Baik menambahkan halaman, kategori, atau custom link/url.

Membuat Website dengan OKCMS v.1.0 – bg.6 (Tambah dan Edit Halaman)

Untuk Edit dan atau menambah halaman, kita perlu login ke dashboard admin >> Halaman >> Semua Halaman (untuk mengetahui halaman apa saja yang sudah ada pada saat installasi default OKCMS). [gambar-01]

membuat-website-6-01

halaman [gambar-01]

Pada [gambar-01] di atas terlihat list halaman default yang sudah tersedia saat installasi website OKCMS. Tombol warna hijau dengan tulisan Tambah Baru digunakan untuk menambahkan halaman baru, sedangkan tanda silang pada samping kanan masing-masing halaman (lihat kotak warna merah), digunakan untuk menghapus masing-masing halaman yang sudah ada. Untuk mengedit, kita tinggal klik pada Judul Halaman yang ingin diedit.

Edit Halaman Tentang Kami menjadi Toko Bunga

Kita akan meng-edit halaman tentang kami dan merubahnya menjadi toko bunga. Klik pada Judul Halaman Tentang Kami atau halaman lain yang ingin diedit. [gambar-02]

membuat-website-6-02

[gambar-02]

Perhatikan [gambar-03a] di bawah :

  • Judul          : silahkan diganti dengan yang diinginkan misal diganti dengan Toko Bunga
  • Permalink   : secara otomatis akan terisi dan menyesuaikan dengan judul
  • content       : uraian / penjelasan isi dari halaman yang dibuat, kita dapat memberikan format tulisan pada bagian content ini layaknya kita memberi format tulisan pada MS Word.

membuat-website-6-03a

[gambar-03a]

membuat-website-6-03b

[gambar-03b]

Sedangkan pada [gambar-03b] di atas,

  • Ganti gambar utama, digunakan untuk mengganti gambar yang akan ditampilkan pada posting,
  • Type halaman, pilih template standard,
  • Search Engine Optimization, (meta title, meta keyword, meta description) diisi sesuai dengan ilmu SEO, jika belum memahami tentang SEO bisa diisi sama dengan judul, beri deskripsi, dan pilih kata kunci. Pada bagian ini juga boleh tidak diisi. Artikel tentang SEO diposting pada artikel terpisah.
  • Setelah semua terisi, bisa d save sebagai draft, bisa dilihat dulu dengan tombol preview, atau bisa juga langsung di publish.

EDIT HALAMAN kontak KAMI MENJADI harga BUNGA

Untuk menambahkan halaman harga bunga, caranya sama dengan langkah sebelumnya [gambar-02], yaitu dengan cara mengedit halaman. Kali ini yang akan diedit adalah halaman kontak kami. Caranya sama, yaitu pada dashboard admin kita klik Halaman >> klik Semua Halaman [gambar-04]

membuat-website-6-04

Semua Halaman [gambar-04]

[gambar-04] terlihat pada kotak warna biru sudah berubah seperti yang kita lakukan pada langkah sebelumnya, yaitu halaman tentang kami diedit menjadi halaman toko bunga. Selanjutnya kita klik Kontak Kami untuk meng-editnya seperti [gambar-03a] di atas. Dan silahkan langusng edit sesuai keperluan :

  • Judul          : silahkan diganti dengan yang diinginkan misal diganti dengan Harga Bunga
  • Permalink   : secara otomatis akan terisi dan menyesuaikan dengan judul
  • content       : uraian / penjelasan isi dari halaman yang dibuat, kita dapat memberikan format tulisan pada bagian content ini layaknya kita memberi format tulisan pada MS Word.

Yang perlu diperhatikan pada bagian edit halaman kontak kami ini adalah type halaman. Yang semula type kontak, sekarang harap diedit menjadi standard. [gambar-05]

membuat-website-6-05

Type Halaman [gambar-05]

Setelah dirasa sudah benar, bisa klik tombol PUBLISH.

EDIT HALAMAN welcome! MENJADI GALLERY BUNGA

Untuk menambahkan halaman gallery bunga, caranya sama dengan langkah-langkah sebelumnya contoh seperti [gambar-02], yaitu dengan cara mengedit halaman. Kali ini yang akan diedit adalah halaman Welcome !. Caranya sama, yaitu pada dashboard admin kita klik Halaman >> klik Semua Halaman >> Pada halaman Daftar halaman, klik Welcome! Dan silahkan langusng edit sesuai keperluan :

  • Judul          : silahkan diganti dengan yang diinginkan misal diganti dengan Gallery Bunga
  • Permalink   : secara otomatis akan terisi dan menyesuaikan dengan judul
  • content       : uraian / penjelasan isi dari halaman yang dibuat, kita dapat memberikan format tulisan pada bagian content ini layaknya kita memberi format tulisan pada MS Word. Atau misalkan menginginkan halaman ini hanya berisi gambar/foto saja, bisa mengosongkan bagian content.

Yang perlu diperhatikan pada bagian edit halaman Welcome! ini adalah type halaman. Yang semula type standard, sekarang harap diedit menjadi gallery. Nah, ketika kita merubahnya menjadi type gallery, maka kita akan dihadapkan pilihan untuk memilih kategori artikel yang akan dimasukkan ke dalam halaman Gallery Bunga. Contoh kali ini, DesainWeb memilih kategori Gallery seperti contoh [gambar-06]. Jika semua ok, bisa langsung klik tombol PUBLISH.

membuat-website-6-06

Pilih Artikel untuk gallery[gambar-06]

EDIT HALAMAN GALLERY MENJADI CARA PEMESANAN

Caranya sama dengan sebelumnya, kita mengedit gallery dan menggantinya menjadi Cara Pemesanan. [gambar-07]

membuat-website-6-07

Edit Halaman Gallery [gambar-07]

Kali ini yang akan diedit adalah halaman Gallery. Caranya sama, yaitu pada dashboard admin kita klik Halaman >> klik Semua Halaman >> Pada halaman Daftar halaman, klik Gallery Dan silahkan langusng edit sesuai keperluan :

  • Judul          : silahkan diganti dengan yang diinginkan misal diganti dengan Gallery Bunga
  • Permalink   : secara otomatis akan terisi dan menyesuaikan dengan judul
  • content       : uraian / penjelasan isi dari halaman yang dibuat, kita dapat memberikan format tulisan pada bagian content ini layaknya kita memberi format tulisan pada MS Word.

Yang perlu diperhatikan pada bagian edit halaman Gallery ini adalah type halaman. Yang semula type gallery, sekarang harap diedit menjadi standard. Jika semua ok, bisa langsung klik tombol PUBLISH.

MENAMBAHKAN HALAMAN HUBUNGI KAMI

Untuk menambahkan halaman, pada dashboard admin kita klik Halaman >> klik Semua Halaman >> Pada bagian Daftar halaman, klik tombol berwarna hijau Tambah Baru. [gambar-08]

membuat-website-6-08

menambah halaman [gambar-08]

Pada bagian halaman Tambah Baru, tampilannya sama saja dengan ketika kita mengedit halaman. Yang membedakan adalah, jika kita mengedit, field-field / text box (seperti judul, permaliks, content dll) sudah ada isinya dan kita mengganti. Namun jika kita membuat halaman baru semuanya masih blank alias kosong. Langsung saja mengisi field yang kosong sesuai keperluan.

  • Judul          : silahkan diganti dengan yang diinginkan misal diganti dengan Hubungi Kami
  • Permalink   : secara otomatis akan terisi dan menyesuaikan dengan judul
  • content       : uraian / penjelasan isi dari halaman yang dibuat, kita dapat memberikan format tulisan pada bagian content ini layaknya kita memberi format tulisan pada MS Word.

Yang perlu diperhatikan pada bagian ini adalah type halaman. Type halaman harap diubah menjadi Kontak jika ingin mendapatkan tampilan seperti [gambar-09] hal ini bertujuan untuk pengunjung yang ingin menghubungi kita atau menyampaikan pesan kepada kita melalui form tersebut. Selanjutnya pada bagian Email dikirim ke: isi dengan alamat email yang ingin menerima pesan yang dikirimkan oleh pengunjung melalui form tersebut.

membuat-website-6-09

Form Kontak Kami [gambar-09]

Jika tidak menginginkan kontak form, silahkan memilih type standard pada bagian type halaman.

Dan sekarang proses belajar membuat website bisa dilanjutkan ke langkah berikutnya 🙂 Karena pembahasan tentang halaman pada OKCMS kami rasa sudah cukup panjang lebar he hehe 😀

Keyword: