Joomla: Cara Edit Kode Template Joomla

Untuk mengetahui cara edit kode template Joomla, Anda bisa masuk ke kode HTML dan CSS template Joomla melalui halaman Customize Template nya, yang berisi tombol Edit HTML dan Edit CSS. Klik file CSS, Anda akan melihat kode HTML atau CSS.

Ketika Anda menyesuaikan template di Joomla, Anda biasanya membuat perubahan pada kode CSS nya.

Untuk membuka file template CSS untuk mengedit, ikuti langkah berikut: 1. Dalam Rincian halaman template, klik tombol Edit CSS. Halaman Customize Template akan terbuka. Halaman ini berisi daftar file CSS yang terkait dengan template.

2. Klik nama style yang ingin Anda edit. File style CSS itu (template.css) untuk mengedit di Template Manager.

File template.css cukup panjang - sekitar 16 halaman - dan itu hanya salah satu file yang ada di template Joomla. Ini adalah file CSS bona-fide:

/*****************************/ /*** Core html setup stuff ***/ /*****************************/ html { height: 100%; margin-bottom: 1px; } form { margin: 0; padding: 0; } body {     font-family: Helvetica,Arial,sans-serif;     line-height: 1.3em;     margin: 0px 0px 0px 0px;     font-size: 12px;     color: #333; } a:link, a:visited {     text-decoration: none;     font-weight: normal; } a:hover {     text-decoration: underline;     font-weight: normal; } input.button { cursor: pointer; } p { margin-top: 0; margin-bottom: 5px; } img { border: 0 none; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg {     padding: 10px 0;     margin-bottom: 1px; } div.center { text-align: center; } div#wrapper {     margin-left: auto;     margin-right: auto; } body.width_medium div#wrapper {     width: 950px; } . . .

Sayangnya, untuk mengedit file ini Anda benar-benar harus tahu apa yang Anda lakukan di CSS untuk membuat perubahan Anda sendiri. (Sebuah editor kode WYSIWYG baik dibangun ke Joomla akan menjadi besar untuk situasi ini.) Ada banyak perdebatan tentang apakah lebih baik menggunakan tabel HTML atau CSS untuk mengatur komponen dan modul di Joomla template, kedua sisi argumen memiliki poin yang kuat. Tabel HTML, misalnya, adalah struktur yang cukup kaku yang membuat sulit bagi mesin pencari untuk memahami isi halaman Anda. Implementasi CSS, di sisi lain, sangat bervariasi dari browser ke browser, dan beberapa browser lama memungkinkan Anda untuk menggunakan hanya sedikit CSS. The Beez template Joomla adalah contoh template tableless CSS. Seperti yang Anda lihat, benar-benar mengubah template Joomla bukanlah sesuatu yang bisa dianggap enteng. Jadi bagaimana Anda mendapatkan template yang Anda inginkan? Anda dapat men-download itu. Ada Joomla template online. Beberapa bebas sementara yang lainnya memerlukan biaya yang kecil untuk men-download.