Rabu, 03 Februari 2021 15:19

Bagaimana Cara Menambahkan Menu Baru Di Situs CMS Joomla

Written by
Rate this item
(1 Vote)
Advertisement
Continue Reading Below

Menambahkan menu baru di situs berbasis CMS joomla sering dilakukan beberapa pengguna untuk mengarahkan kategori baru di websitenya agar bisa tampil di halaman depan (frontend). Joomla merupakan sebuah Content Management System (CMS) yang dapat kalian gunakan untuk membangun website. Joomla adalah CMS open source yang didukung oleh komunitas yang cukup besar dan CMS gratis, sehingga bisa dimodifikasi sesuka hati sesuai dengan kebutuhan.

Sebuah website yang dibangun pastilah terdapat beberapa menu yang akan dimunculkan di bagian halaman depan supaya bisa diakses oleh para pengunjung situs. Karena itu harus membuat menu baru selain default menu yang disediakan oleh CMS joomla. Tutorial yang saya jelaskan kali ini menggunakan joomla 3.9.x terbaru dan templates Helix Ultimate.

Bagaimana cara menambahkan menu baru di situs berbasis CMS joomla?. Caranya dapat dilakukan di bagian Menu Manager pada backend administrator. Langkah lebih jelasnya dapat kalian pada pembahasan dibawah ini:

Cara Menambahkan Menu Baru Joomla

  1. Pertama login ke backend administrator joomla
  2. Kemudian masukkan username dan password, lalu klik Log In
  3. Setelah masuk ke administrator joomla, lalu klik Menus selanjutnya pilih Manage kemudian klik Add New Menu
    menambahkan menu baru di cms joomla

Tampilan Menambahkan Menu Baru

menambahkan menu baru di cms joomla 1
Keterangan Gambar
    1. Title : diisi dengan nama menu yang akan dibuat, contoh kali ini diisi dengan Menu Baru.
    2. Menu Type : diisi bebas kali ini diisi dengan menubaru. Sama dengan Slug kalo di WordPress
    3. Description : Diisi dengan deskripsi singkat menu yang dibuat atau bisa juga dikosongkan
    4. Client : pilih site
  1. Apabila telah selesai diisi ada beberapa langkah yang bisa dilakukan yaitu Save, Save & Close, Save & New, Cancel
    1. Save : Untuk menyimpan menu yang dibuat
    2. Save & Close : Untuk menyimpan menu yang dibuat dan langsung keluar dari halaman add menu
    3. Save & New : Untuk menyimpan menu yang dibuat dan kembali lagi ke halaman add menu untuk membuat menu yang baru
    4. Cancel : Jika akan membatalkan membuat menu
  2. Klik Save & Close sehingga kita bisa langsung melihat tampilan menu baru di backend Joomla
  3. Akan muncul tampilan manage menu seperti gambar dibawah. Lalu pilih menu yang baru dibuat contoh Menu Baru yang baru saja dibuat pada bagian Linked Modules klik Add a module for this menu. Ini dilakukan supaya menu yang baru saja dibuat bisa tampil.
    menambahkan menu baru di cms joomla 2
  4. Selanjutnya akan diarahkan ke halaman Add a module for this menu.

Tampilan Menambahkan Menu Baru Pada Module Joomla

menambahkan menu baru di cms joomla 3

  1. Posisi menu ini saya berikan ke Position 1 pada template yang saya gunakan.
  2. Kemudian klik Save & Close supaya lebih cepat dan ringkas. Sehingga kita bisa langsung melihat perubahan di bagian backend Joomla
  3. Setelah di edit maka pada bagian Linked Modules akan tampak seperti gambar dibawah
    menambahkan menu baru di cms joomla 4
  4. Menu baru tersebut akan muncul di situs setelah dibuat item menu. Mari kita lanjutkan untuk membuat item menu dibawah ini:

Menambahkan Item Menu Di Joomla

  1. Langkah pertama klik Menus selanjutnya pilih menu utama dimana sub menu akan dibuat. Sebagai contoh kali ini menu utama yang dipilih adalah Menu Baru untuk melanjutkan tutorial diatas tentang cara menambahkan menu baru di situs berbasis CMS joomla. Lalu klik pada Menu Baru bisa kalian lihat dibawah ini:
    menambahkan menu baru di cms joomla 5
  2. Kalian akan melihat tampilan kosong pada Menu Baru yang sudah kita buat, kalian klik New,
    menambahkan menu baru di cms joomla 6
  3. Maka kalian akan melihat tampilan dialog baru, isikan sesuai kebutuhan kalian
    menambahkan menu baru di cms joomla 7

Isi Halaman Menus : New Item Untuk Item Menu baru

    1. Menu Title : Isi dengan nama sub menu yang akan dibuat
    2. Alias : isi dengan bebas atau bisa diisi sama dengan menu title, tetapi cara penulisannya tidak boleh ada sapasi, bisa ditambahkan tanda strip diantara katanya. Sebagai contoh jika menu title diisi dengan Tutorial Sub Menu Joomla, maka alias diisi tutorial-sub-menu-joomla.
    3. Menu Item Type : Terdapat pilihan tinggal menentukan tipe menu item sebagai apa, pada tutorial ini saya memilih untuk menampilkan single articles pada jenis item menu baru kali ini.
    4. Link : Akan muncul otomatis setelah menu item type dipilih
    5. Target Window : Silahkan dipilih terdapat tiga pilihan yaitu Parent, New Window With Navigation dan New Without Navigation. Sebagai contoh kali ini memilih Parent
    6. Template Style : Silahkan pilih template yang akan digunakan, sebagai contoh kali ini memilih Use Default
    7. Menu : Pilih menu utama dimana sub menu item akan menginduk. Sebagai contoh kali ini memilih Menu Baru
    8. Parent Item : Biarkan default sebagai Menu Item Root
    9. Status : Pilih “Published” jika ingin ditampilkan dan pilih Unpublish jika tidak ingin ditampilkan
    10. Default Page : Jika pilih Yes maka menu tersebut merupakan halaman default di website. Jika pilih No tidak akan dijadikan halaman default di website.
    11. Access : Pilih Public atau bisa dipilih sesuai dengan kebutuhan
    12. Language : Pilih All untuk semua bahasa
  1. Jika sudah selesai diisi selanjutnya klik Save & Close.
  2. Maka akan tampil item menu yang baru saja kalian buat pada Menu Baru
    menambahkan menu baru di cms joomla 8

Selanjutnya tinggal di setting di bagian templates Helix Ultimate supaya bisa terpasang di halaman depan situs kalian

Menambahkan Menu Baru Joomla Template Helix Ultimate

  1. Pilih Extension -> Templates -> Style
    menambahkan menu baru di cms joomla 9
  2. Klik templates Helix Ultimate
    menambahkan menu baru di cms joomla 10
  3. Klik Template Option
    menambahkan menu baru di cms joomla 11
  4. Pilih Layout Builder -> Tambahkan Position 1 di Templatemenambahkan menu baru di cms joomla 12a
  5. Langkah terakhir kalian klik Save lalu tekan tombol X diatas kanan layar

Tampilan Di halaman Depan Situs

menambahkan menu baru di cms joomla 12b

Demikian mengenai bagaimana cara menambahkan menu baru di situs berbasis CMS joomla, Semoga dapat kalian terapkan di situs kalian.

Advertisement
Continue Reading Below
Advertisement
Continue Reading Below
Advertisement
Continue Reading Below
Read 252 times
Artikel Rekomendasi

MA AL Ahrom Karangsari

Madrasah yang berdiri sejak tahun 2009, terletak di jalan Nangka No. 45 Karangsari, Karangtengah, Demak.

DMCA.com Protection Status

Social Media Madrasah AL AHROM

Social Media Share Kami

facebook icon smallyoutube icon small

Mari Follow dan Ikuti setiap kegiatan MA AL Ahrom Karangsari di social media kami.

  • Bahasa Indonesia
  • English (UK)