Membuat Menu Menggunakan Codeigniter

Hai nawak sekalian , pada article kali ini saya akan memberikan tutorial membuat menu menggunakan codeigniter. Sebelum membuat syntax/codingan untuk menu utama sebaiknya anda membuat CSS terlebih dahulu. Saran saya sih ambil/download CSS punya orang lain agar mudah dan cepat dalam pembuatannya. Tapi jika kalian buat sendiri juga tidak apa-apa malah lebih bagus karena kalian mampu membuat CSS sendiri.

Disini kita menggunakan CSS bootstrap ya nawak-nawak. Karena untuk mempercantik tampilan website/program kalian. Untuk penempatan CSS tersebut kita masukan kedalam folder assets atau bisa kalian lihat dibawah ini.

Disini saya mengambil CSS dari Website orang lain.

Seperti yang kalian lihat diatas, itu merupakan menu utama dari program saya dengan nama folder Codeigniter saya merubah menjadi dota 2. Oh ya nawak-nawak jangan lupa untuk memisahkan folder footer, header, konten, dan wrepper ya di dalam folder View dengan nama layout. Layout ini bertujuan untuk memudahkan kalian dalam membuat tampilan pada program kalian. Contohnya seperti dibawah ini.(disini kita membutuhkan ketelitian agar css dapat dipanggil dengan baik, jangan lupa untuk memperhatikan nama foldernya tersebut)

Footer(Tampilan dibawah)

Header(Tampilan atas beserta menu yang akan anda buat)

Head(Untuk memanggil script CSS kita)

Konten(Untuk menampilkan semua konten/data yang akan kita buat dengan variable isi)

Wrapper(Untuk memanggil semua layout yang kita buat)

Berikutnya kita membuat Controller dari menu kita. Seperti yang kita lihat di View layout tepatnya di header, bisa kalian lihat disitu kita mempunyai menu pertama kita dengan nama Home. Ok selanjutnya mari kita membuat menu Home tersebut. Silahkan nawak lihat untuk syntax/codingannya dibawah ini. (jangan lupa perhatikan besar kecilnya huruf pada nama menu kalian di header karena itu berpengaruh dalam pengambilan data tersebut.)

Anda bisa melihat dibagian view, disitu dia akan memanggil tampilan program kita di folder yang kita buat dengan nama layout dan project wrapper. Kenapa kita hanya memanggil wrapper? Karena wrapper sudah mencangkup semua layout yang ada. Oleh karena itu kita hanya memanggil wrapper saja. Kemudian untuk function index disitu saya mengisikan title seperti diatas dan juga isi yang akan saya buat di View dengan nama folder home dan nama projectnya index_home.

Selanjutnya kita akan menuju ke View kembali dan menuju ke folder home karena kita akan membuat tampilan dari home tersebut. Untuk home silahkan kalian lihat codingan dibawah ini.

Jika sudah yuk kita lihat hasilnya di browser kalian dengan mengetik localhost/nama_folder_ci_kalian . Oh ya jangan lupa untuk mengaktifkan xampp kalian ya.

Seperti yang kalian lihat, jika berhasil maka tampilan seperti diatas.

Jika kalian ingin menambahkan menu baru silahkan anda kembali ke View dan menuju ke layout dengan project header.php. Silahkan kalian tambahkan tepat dibawah home/diatas home, tergantung kalian ingin menaruhnya sesudah atau sebelum home.

Selanjutnya ke controller dan menambahkan nama menu tadi, dan jangan lupa ya untuk membuat View dari controller tersebut. untuk lebih cepatnya kalian tinggal copy pastekan saja Home tersebut dan tinggal kalian ganti data untuk pemanggilannya. Sekian dari saya untuk memberikan info tentang membuat menu menggunakan codeigniter. Untuk kalian yang tidak sabar silahkan tinggal download saja file tersebut di : https://github.com/kalebmolewe/Membuat-menu-Simple-Codeigniter

Sekian dulu dari saya sampai bertemu di article saya selanjutnya ya. ☺☺❤❤