Cara Mengedit Template Joomla 2.

Basic Joomla template itu dibangun berdasarkan beberapa file seperti :

index.php, templateDetails.xml dan css serta beberapa tamabahan seperti
template_thumbnail, images dan favicon. Untuk mengedit template kita
harus mengedit bagian-bagian tersebut.
Index.php pada joomla template joomla bisa berfungsi sebagai base
pengaturan atau bisa juga disebut dengan layout. Pada file index.php
tersebut terdapat source code php yang berisi tentang letak-letak / posisi
dari sebuah joomla template.

CSS pada template joomla berfungsi sebagai lanjutan dari index.php.

Singkatnya adalah jika index.php berfungsi sebagai bangunan dasar
template, css berfungsi sebagai pengaturan dari layout template. Apa yang
diatur dalam css ? banyak sekali seperti :

Lebar template

Ukuran bidang-bidang module

Pewarnaan

Font

Dan lain sebagainya

Template yang telah jadi dan kita lihat pada web joomla! adalah buah dari
pengaturan pada css. Terdapat dua buah kategori css pada joomla! yakni
css untuk system dan css untuk template dan kedua file tersebut harus
dihubungkan melalui index.php file.

Joomla! memiliki default pengaturan tersendiri pada templatenya.

Pengaturan tersebut berupa "class". Kita bisa melihat pengaturan ini
melalui source page. Pada bagian inilah kita dapat merubah penampilan
template.

Cara mengedit template Joomla 2.5 sangat mudah. Anda bisa

melakukannya dengan mengikuti tutorial berikut.

Untuk mengedit template Joomla 2.5 lihat pada Extensions>>Template

Manager>>centang pilihan template yang anda gunakan lalu klik Edit di
bagian kanan atas. Selanjutnya lihat pada bagian Advanced Options.
Contohnya terlihat dalam gambar
Keterangan:
-Logo
Anda bisa menghilangkan logo bawaan Joomla dengan klik Clear. Jika
ingin menampilkan logo buatan anda sendiri anda bisa klik Select. Anda
akan diantarkan pada pilihan untuk memilih logo/gambar dari folder, tapi
jika tidak ada maka anda bisa mengupload dari komputer anda.
-Site Title
Anda bisa hilangkan tulisan Joomla di dalam kotak dan lalu menuliskan
judul website anda sendiri.
-Site Description
Hilangkan tulisan yang ada dalam kotak dan kemudian isi dengan deskripsi
website anda sendiri.
-Position of Navigation:
Anda bisa memilih before content atau after content. Kalau saya lebih
suka memilih after content yang akan menampilkan menu-menu halaman
website di sebelah kanan konten artikel.

Merubah style template joomla 2.5

Untuk merubah style template Joomla 2.5 anda bisa lihat pada
Extensions>>Template Manager. Akan terlihat tampilan seperti dalam
gambar. Klik pada Templates (lihat anak panah dalam gambar yang saya
buat).
Anda akan diantarkan pada halaman baru dimana terlihat nama-nama
template beserta detailnya. Anda bisa klik salah satu template yang anda
gunakan. Jika ingin merubah css template, lihat pada Stylesheets di
sebelah kanan. Di sana terlihat nama-nama file css dari template yang
anda gunakan.

Jika misalnya anda ingin mengedit footer, atau ingin meletakkan kode
verifikasi google, atau menambah kode-kode penting seperti kode
untuk mempercepat loading joomla, maka anda bisa melihat di Template
Master Files dan lalu klik Edit Main Page Template.

Itulah cara mengedit template Joomla 2.5 dan merubah style template
Joomla 2.5. Semoga tutorial ini bermanfaat untuk anda yang sedang
belajar Joomla.

Tutorial Joomla : Mengatur Letak Posisi Menu

Joomla
Post under Belajar Joomla, Tutorial Joomla di 10:16 Diposkan oleh Rudy Hariono

Ibarat belajar menggambar, setelah selesai membuat desain gambar yang diinginkan, tinggal
memberi warna sebagai penyelesaian akhir atau finishingnya saja. Nah, Tutorial Joomla kali ini
berisi pelajaran tahap akhir dalam pembuatan sebuah menu, yaitu mengatur letak dan tampilan
menu tersebut. Karena tidak lengkap rasanya jika kita sudah membuat menu dengan baik tetapi
letaknya tidak pas dan tidak sesuai dengan yang kita inginkan.

Oke langsung saja pada prakteknya bagaimana cara mengatur letak dan tampilan menu.

1. Seperti biasa, masuk cpanel joomla anda terlebih dahulu.

2. Pilih menu extensions dan pilih template manager. Kemudian pilih template
website yang anda gunakan. Setelah itu klik "Preview". Hal ini perlu dilakukan dengan
tujuan mengetahui nama posisi-posisi yang terdapat dalam template anda, agar anda
dapat menentukan dimana posisi menu yang ingin anda letakkan.

3. Klik cancel / close / kembali kemudian pilih menu extensions dan pilih module
manager.

4. Cari dan pilih nama menu yang sudah anda buat atau yang ingin anda setting.

5. Akan muncul kotak isian dan module parameter. Secara otomatis title pada kotak
isian dan module parameter telah terisi karena sebelumnya anda telah membuat menu
atau menu tersebut telah ada. Anda bisa ganti nama title atau diamkan saja.

6. Pilih posisi dimana menu akan ditampilkan sesuai posisi di template yang telah
anda lihat sebelumnya.

7. Pada bagian menu assignment, jika anda membuat menu utama / main menu,
pilih saja pilihan all agar menu muncul pada setiap halaman website anda. Anda bisa
setting sesuai keinginan anda.

8. Klik Save, setting baru menu anda telah disimpan. Anda bisa lihat hasilnya
dengan klik preview di bagian atas kanan website.

Jika anda ingin merubah lagi posisi atau settingan menu lainnya, caranya sama dengan yang di
atas atau anda dapat memodifikasi setting-an anda sendiri