Joomla! Documentation™

Tutorial

Tutorial berikut ini akan menunjukkan kepada anda bagaimana membuat sebuah butir menu di dalam menu utama yang mengarah ke artikel bernama Dukungan dan Dokumentasi. Berdasarkan info ini maka anda akan dapat menambah sebuah butir menu baru ke menu apapun yang anda buat dan mengarahkannya ke artikel apapun yang telah anda buat sebelumnya di situs anda.

Bila anda belum masuk ke panel administrasi, maka sekaranglah waktunya anda masuk. Jika sudah masuk, anda tidak perlu melakukan langkah ini.

1. Buka jendela browser baru dan ketik di dalam URL-nya, kira-kira seperti ini http://www.nama-situs-anda-di-sini.com/administrator atau, jika Joomla! anda terpasang di komputer lokal, maka http://localhost/nama-folder-anda-di-sini/administrator. Di sini anda harus masuk sebagai seorang Administrator atau Super Administrator.

2. Di dalam panel administrasi situs, pilih Menu dari bilah menu yang ada di pojok kiri atas. Dari dropdown yang terlihat, pilih menu yang anda inginkan. Contoh menunya bisa seperti Menu Utama, yang ada secara standar, atau menu-menu lainnya. Ini akan membuka laman Pengelolaan Butir Menu. Anda juga dapat memilih Pengelolaan Menu dari kolom yang ada di sebelah kiri lalu pilih menu yang ada.

3. Di bilah perangkat, pada bagian pojok atas kiri, pilih Baru (terlihat sebagai ikon berwarna hijau dengan tanda tambah). Ini akan membuka Butir Menu: laman [Baru].

4. Dari Laman Butir Menu klik daftar Pilihan untuk Jenis Butir Menu.

5. Dari daftar yang ada, pilih Artikel.

6. Pilih Artikel Tunggal dalam bagian Artikel yang terbuka sebelumnya.

7 Kembali ke Laman Butir Menu, klik pada daftar Pilihan untuk memilih kolom Pilih Artikel.

8. Daftar Artikel anda akan muncul. Pilih sebuah artikel dengan mengklik judulnya. Anda dapat mempersempit penelusuran jika anda memiliki banyak artikel dengan menggunakan dropdown yang ada di bagian paling atas layar.

Kita sudah semakin dekat. Bersabar!

Tab

Pada laman yang baru isikan kolom-kolom sebagaimana terlihat di bawah ini. Catatan, bahwa kolom "Wajib" ditandakan oleh tanda bintang (*) di sebelah labelnya.

Detail Tab

Detail Butir Menu

• Judul Menu
  Ini akan menjadi teks yang ditampilkan untuk butir menu yang baru saja ditambahkan. Sebagai contoh, kita gunakan kata Sample. Catatan: "Judul Menu" adalah kolom wajib.
• Alias
  Biasanya, anda boleh tinggalkan kolom isian ini dan Joomla! akan mengisinya untuk anda secara otomatis. Konten dari kolom ini akan menentukan URL laman apabila SEF diaktifkan.
• Lokasi Menu
  Ini haruslah Menu Utama (atau menu yang sebelumnya anda pilih). Di sini anda bisa memindah-mindahkan butirnya ke menu lain jika anda mau. Kolom ini cukup berguna bila anda ingin merubah lokasi butirnya nanti. Catatan: "Lokasi Menu" adalah kolom wajib.
• Butir Induk
  Di sini anda bisa tentukan dimana akan meletakkan butir menu yang baru. Anda bisa buat di Pangkal Butir Menu (butir teratas) atau sub-butir dari butir yang ada. Kita akan pilih Pangkal Butir Menu.
• Status
  Bila anda ingin butir menu yang baru tampil di situs, atur ini ke Diterbitkan. Jika anda ingin membuat butir menu ini tak terlihat di situs, atur saja ke Tidak Diterbitkan. Ini tidak akan menghapus butir menunya melainkan membuatnya tidak terlihat bagi para pengunjung anda. Bila anda ingin membuang butir menu ini dari situs, atur saja ke Sampah. Ini tidak akan menghapus butir menunya melainkan menempatkannya ke tempat Sampah, dari sini anda bisa menghapusnya.

• Urutan. Klik tombol Simpan yang ada di bagian paling atas laman dan dropdown Urutan akan terlihat. Butir menu yang baru akan menstandarkan yang paling bawah terlebih dahulu, tapi anda bisa menggantinya dengan memilih "Awal", "Terakhir" atau butir menu lain yang ada di dalam daftar tersebut untuk mengganti posisinya.

• Laman Standar. Anda dapat memilih opsi ini bila ingin butir menu tersebut menjadi Laman Beranda anda.
• Tingkat Akses
  Opsi ini akan menentukan siapa saja yang dapat melihat butir menu baru:
  • Publik - Semua pengunjung
  • Terdaftar - Hanya pengguna yang sudah terdaftar saja
  • Spesial - Semua pengguna kecuali kelompok "Terdaftar"
• Jendela Target
  Di sini anda bisa menentukan bagaimana membuka artikelnya. Dapat di jendela browser yang sama (Jendela Induk dengan Navigasi Browser), jendela browser baru (Jendela Baru dengan navigasi Browser) atau jendela pop-up (Jendela Baru tanpa Navigasi Browser)
• Gaya Templat - Pilih templat tertentu untuk butir menu atau biarkannya 'Gunakan standar' untuk templat standar.
• Bahasa - Pilih sebuah bahasa atau biarkannya standar "Semua".

Tab Opsi

Now, let's click on the Options tab at the top of the page. Here are more options you can choose for the display of your menu item. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels.

Note that these options include "Use Global". If this is selected, the setting from the Article Manager Options will be used.

Options

• Show Title - (Use Global/Hide/Show). Whether or not to show the Article's Title.
• Linked Titles - (Use Global/No/Yes). If the Article's Title is shown, whether to show it as a link to the article.
• Show Intro Text - (Use Global/Hide/Show). If set to Show, the Intro Text of the article will show when you drill down to the article - If set to Hide, only the part of the article after the "Read More" break will show.
• Position of Article Info - (Use Global/Above/Below/Split). Position of Article Info. Puts the article information block above or below the text or splits it into two separate blocks. One block is above and the other is below.
• Show Category - (Use Global/Hide/Show). Whether or not to show the Article's Category.
• Link Category - (Use Global/No/Yes). If the Article's Category is shown, whether to show it as a link to a Category layout - (list or blog) for that Category.
• Show Parent - (Use Global/Hide/Show). Whether or not to show the Article's Parent Category.
• Link Parent - (Use Global/No/Yes). If the Article's Parent Category is shown, whether to show it as a link to a Category layout - (list or blog) for that Category.
• Show Author - (Use Global/Hide/Show) Whether to show the author of the Article.
• Link Author - (Use Global/No/Yes). If the Article's author is shown, whether to show it as a link to a Contact layout for that author. Note that the author must be set up as a Contact in Contact Manager → Edit.
• Show Create Date - (Use Global/Hide/Show). Whether or not to show the Article's create date.
• Show Modify Date - (Use Global/Hide/Show). Whether or not to show the Article's modify date.
• Show Publish Date - (Use Global/Hide/Show). Whether or not to show the Article's start publishing date.
• Show Navigation - (Use Global/Hide/Show). Whether or not to show a navigation link (for example, Next or Previous article) when you drill down to the article.
• Show Voting - (Use Global/Hide/Show). Whether or not to show the a voting icon for the article.
• Show Icons - (Use Global/Hide/Show). If set to Show, Print and Email will use icons instead of text.
• Show Print Icon - (Use Global/Hide/Show). Show or Hide the Print Article button.
• Show Email Icon - (Use Global/Hide/Show). Show or Hide the Email Article button.
• Show Hits - (Use Global/Hide/Show). Show or Hide the number of times the article has been hit (displayed by a user).
• Show Tags - (Use Global/Hide/Show). Show or Hide the Tags.
• Show Unauthorised Links - (Use Global/No/Yes). If Yes, the Intro Text for restricted articles will show. Clicking on the "Read More" link will require users to log in to view the full article content.
• Positioning of the Links - (Use Global/Above/Below). If Above, links are shown above the content. Otherwise they are shown below the content.

Link Types Tab

Click on the tab labeled Link Types. This section will let you customize the way the page containing the article will be displayed. If you decide to explore all your options, you will find good help in the tool tips that appear when you move your mouse over the labels.

Link Types

• Link Title Attribute - An optional, custom description for the title attribute of the menu hyperlink.
• Link CSS Style - An optional, custom style to apply to the menu hyperlink.
• Link Image - An optional image to be used with the menu hyperlink. The image you would like to associate with the item must be stored in the images/ folder. You can upload your own image using the Media Manager or by FTP.
• Add Menu Title - (Yes/No). If the optional image is added, adds the menu title next to the image. Default is 'Yes'.

Page Display Tab

Click on the tab labeled Page Display. You will find good help in the tool tips that appear when you move your mouse over the labels.

Page Display

• Browser Page Title - If this parameter is left blank, Joomla! will generate a Browser Page Title automatically. This can be used to override the page title set in the article. Don't forget that page titles are one of the most important points when it comes to search engine optimization (SEO)! Use them wisely.
• Show Page Heading - (Use Global/Yes/No). Display the page title set in the previous parameter.
• Page Heading - Optional alternative text for the Page heading.
• Page Class - This allows you to generate unique CSS classes for this page. This comes in useful when you would like to change the look of the page to differentiate it from the rest of the site. If you don't need this, simply leave the field empty.

Metadata Tab

Click on the tab labeled Metadata. This is where you can customize your meta tags for SEO optimization. You will find good help in the tool tips that appear when you move your mouse over the labels.

Metadata

• Meta Description - An optional paragraph to be used as the description of the page in the HTML output. This will generally display in the results of search engines.
• Meta Keywords - An optional comma-separated list of keywords and/or phrases to be used in the HTML output.
• Robots - (Use Global/Index, Follow/No index, follow/Index, No follow/No index, no follow). Robots Instructions
• Secure
  This is for specifying the SSL security for your page:
  • On - As a secure page
  • Off - As a standard page
  • Ignore - Displayed as the other pages - secure or not.

Module Assignment Tab

Click on the tab labeled Module Assignment. In this area, you can make adjustments to modules. Please see this link for specific information on the options available in the Module area. Extensions Module Manager Menu

Once you are done, click the Save button in the upper-left corner. This will save your work. This will save the new item and place it as the last element (or sub-element, in case of sub-menu items) in the menu. After the first save you can change the item order position within the menu. The Save and Close button options are described below the image.

• Save - Saves the menu item and stays in the current screen.
• Save & Close - Saves the menu item and closes the current screen.
• Save & New - Saves the menu item and keeps the editing screen open and ready to create another menu item.

• Close - Closes the current screen and returns to the previous screen without saving any modifications you may have made.

Now, go back to the front-end and refresh the page. You should be able to see your new menu item.

Please note that you might need to log in as a registered user or administrator to view the new item. It all depends on the Access Level you have set (see above). When you click the new item, the article will be opened.