• Kebijakan Privasi
  • Disclaimer
  • Hubungi Kami
  • Tentang Kami
MAS Al Ahrom Karangsari
  • Beranda
  • Visi dan Misi Madrasah
  • Pengumuman Madrasah
  • Menu Madrasah
    • Pendidik dan Tenaga Pendidik
    • RDM Madrasah
    • Info Madrasah
    • Pengumuman Kelulusan
    • Struktur Organisasi Madrasah
      • Struktur Organisasi Komite Madrasah
      • Struktur Organisasi Tata Usaha
      • Struktur Organisasi Perpustakaan
      • Struktur Organisasi Laboratorium Komputer
    • Mata Pelajaran
    • Pembelajaran
      • KTI Siswa-Siswi
      • Jurnal Madrasah
      • Jurnal Pengetahuan
      • Artikel Madrasah
    • Sarana Prasarana
  • Warga Madrasah
    • Pendaftaran
    • Login
    • Reset Password
    • Anggota
  • EN
No Result
View All Result
MA Al Ahrom Karangsari
No Result
View All Result

Home > Belajar Komputer dan Jaringan > Bagaimana Cara Menambahkan Menu Baru Di Situs CMS Joomla

Bagaimana Cara Menambahkan Menu Baru Di Situs CMS Joomla

Admin MAS Al Ahrom by Operator
Desember 26, 2021
in Belajar Komputer dan Jaringan

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.

Related Article

SEO Joomla: Menonaktifkan ID(Nomor) Pada URL Situs Joomla

SEO Joomla: Menonaktifkan ID (Nomor) Pada URL Situs Joomla

Desember 26, 2021
Perbandingan Office 2019 atau Office 365, Mana yang lebih cocok ?

Perbandingan Office 2019 atau Office 365, Mana yang lebih cocok ?

Juni 7, 2022
Cara Menambahkan Kode Google Analytics Pada Joomla 4

Cara Menambahkan Kode Google Analytics Pada Joomla 4

Maret 12, 2025
Cara Install Let’s Encrypt HTTPS di Web Server Nginx Berbasis CentOS 7

Cara Install Let’s Encrypt HTTPS di Web Server Nginx Berbasis CentOS 7

Agustus 9, 2024
Tags: Joomla
Previous Post

SEO Joomla: Menonaktifkan ID (Nomor) Pada URL Situs Joomla

Next Post

Bagaimana Cara Mengaktifkan Lazy Load Pada Joomla 4

Latest Posts

Media Manager Joomla 4: Fitur Edit Gambar Dengan Cepat Dan Mudah

Media Manager Joomla 4: Fitur Edit Gambar Dengan Cepat Dan Mudah

by Operator
April 12, 2025
0

Fitur terbaru dari Joomla 4 yang menjadi perhatian adalah fitur edit gambar dalam Media Manager yang sudah terpasang pada sistem...

Cara Menambahkan Kode Google Analytics Pada Joomla 4

Cara Menambahkan Kode Google Analytics Pada Joomla 4

by Operator
Maret 12, 2025
0

Menambahkan kode pelacakan google analytics ke dalam joomla 4 sangat penting bagi pemilik website untuk mengetahui performa dari setiap halaman...

Bagaimana Cara Menghilangkan ID Pada URL Joomla 4

Bagaimana Cara Menghilangkan ID Pada URL Joomla 4

by Operator
Maret 9, 2025
0

Joomla 4 telah diluncurkan dengan fitur-fitur barunya seperti Search Engine Optimization (SEO), pengalaman pengguna CMS joomla, media manajemen baru, dan...

Meningkatkan Performa Drive di Windows 10 Dengan Disk Write Cache

Meningkatkan Performa Drive di Windows 10 Dengan Disk Write Cache

by Operator
Februari 10, 2025
0

Pada windows 10, disk write caching adalah fitur yang digunakan untuk mempercepat sistem dengan cara menyimpan perintah pemrograman sementara pada...

Belajar Kartu Grafis Komputer Serta Komponennya

Belajar Kartu Grafis Komputer Serta Komponennya

by Operator
Januari 28, 2025
0

Kartu grafis merupakan expansi slot dalam komponen komputer yang mempunyai fungsi untuk memproses dan menampilkan gambar melalui monitor. Prinsip kerja...

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

I agree to the Terms & Conditions and Disclaimer.

Popular Posts

modul sejarah indonesia kelas 12
Kurikulum

Modul Sejarah Kelompok Peminatan Kelas 12 SMA/MA

by Operator
November 28, 2024
0

Modul Sejarah Peminatan Kelas 12 ini merupakan sebuah perangkat pembelajaran yang dikembangkan dari setiap kompetensi dan pokok bahasan...

Cara Mencetak Ajuan S39a Tunjangan Insentif GBPNS di Layanan Simpatika

Cara Mencetak Ajuan S39a Tunjangan Insentif GBPNS di Layanan Simpatika

by Operator
April 3, 2023
0

modul sejarah indonesia kelas 12

Modul Sejarah Kelompok Peminatan Kelas 12 SMA/MA

by Operator
November 28, 2024
0

Sejarah Peradaban Bangsa Arab Sebelum Kedatangan Islam

Sejarah Peradaban Bangsa Arab Sebelum Kedatangan Islam

by Ali Irsad
November 2, 2022
0

No Result
View All Result

Kategori

Sejarah Peradaban Bangsa Arab Sebelum Kedatangan Islam

Teori Hak Kekayaan Intelektual, dan Undang-Undang yang Mengaturnya

Memahami Jenis-Jenis Karburator Dalam Sistem Bahan Bakar Motor

Konsep Sustainable Development (Pembangunan Berkelanjutan) Menurut Ahli

Prinsip Dasar Pada Sistem Karburator Mesin Motor

MA AL Ahrom Karangsari

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

logo footer ma al ahrom

Bantuan

  • Kebijakan Privasi
  • Disclaimer
  • Hubungi Kami
  • Tentang Kami

Sosial Media MA AL AHROM

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

© 2021 MA Al Ahrom Karangsari – Design by MA Al Ahrom.

  • EN
No Result
View All Result
  • Beranda
  • Visi dan Misi Madrasah
  • Pengumuman Madrasah
  • Menu Madrasah
    • Pendidik dan Tenaga Pendidik
    • RDM Madrasah
    • Info Madrasah
    • Pengumuman Kelulusan
    • Struktur Organisasi Madrasah
      • Struktur Organisasi Komite Madrasah
      • Struktur Organisasi Tata Usaha
      • Struktur Organisasi Perpustakaan
      • Struktur Organisasi Laboratorium Komputer
    • Mata Pelajaran
    • Pembelajaran
      • KTI Siswa-Siswi
      • Jurnal Madrasah
      • Jurnal Pengetahuan
      • Artikel Madrasah
    • Sarana Prasarana
  • Warga Madrasah
    • Pendaftaran
    • Login
    • Reset Password
    • Anggota

© 2021 MA Al Ahrom Karangsari - Design by MA Al Ahrom.