Salah satu faktor penting yang perlu diperhatikan dalam pembuatan website adalah tampilan.
Artikel ini akan memandu anda untuk mengganti tampilan website joomla baik tampilan yang berbayar maupun yang gratisan
Beberapa tampilan gratis bisa didownload dari www.bestofjoomla.com, www.youjoomla.com, dan masih banyak lagi.
Sebagai contoh, saya akan mengubah tampilan joomla menjadi seperti ini ;
Langkah 1:
Langkah pertama yang harus dilakukan adalah mendownload file tampilan tema (themes) dari sini
( pada contoh ini saya mendownload file dari yoububble )
Langkah 2:
Setelah mendapat arsip tampilan tema, extractlah isinya kedalam satu folder lalu pindahkan ke dalam lokasi folder template di dalam applikasi joomla anda. misal .(C:/ xampp / htdocs / joomla / templates / <pindahkan_folder_kesini>)
sebagai contoh isi folder templates saya adalah seperti ini
Sedangkan isi dari folder yoububble itu sendiri adalah hasil ekstrakan arsip tampilan tema yang telah kita download sebelumnya.
Isi dari folder yoububble akan tampak seperti ini
Pada halaman dashboard pilihlah Extensions – Template Manager
Pada bagian Template Manager, pilihlah / check tema yoububble dan set menjadi default.
Langkah 4:
Setelah itu ceklah tampilan website joomla anda, http://localhost/joomla
tampilan website anda seharusnya telah berubah menjadi tema yoububble.
Langkah 5:
Pada langkah berikutnya kita akan membuat halaman about me atau tentang kami.
pertama kita harus membuat artikel baru dengan judul About Me dan memberi isinya dengan Artikel terkait.
perhatikan gambar berikut
Setelah berhasil membuat artikel About Me,
Kita harus membuat menu navigasi yang jika diklik akan menampilkan artikel About Us kita.
Dari menu di admin panel kita pilih Menus – Main Menu – New
Lalu anda harus memilih tipe navigasi Articles - Article - Article Layout
perhatikan gambar untuk lebih detail :
Cek lah halaman website anda, maka seharusnya telah keluar satu navigasi untuk About Me, dan jika di klik akan menampilkan artikel about me.
Langkah 6:
Langkah berikutnya kita akan mengganti logo yang terletak disudut atas kanan.
pertama-tama siapkan logo baru dengan ukuran 370px x 85px.
Format PNG disarankan transparant (transparasi penuh).
Dalam contoh ini saya akan menggunakan logo berikut:
Lalu langkah selanjutnya beri nama dengan logo.png dan tumpuki file logo yang awal (overwrite)
lokasi logo yang awal ada di C:/ xampp / htdocs / joomla / templates / yoububble / images / gray / <paste_disini>
setelah logo.png awal ditumpuk dengan logo.png baru buatan kita sendiri, maka automatis logo pada website joomla anda akan berubah.
Tampilan logo website anda akan seperti ini
Terima kasih telah membaca artikel saya ini, jangan lupa beri komentar dan silahkan bertanya apabila ada yang membingungkan.
Selamat berkreasi dengan website joomla anda
yan apryanto
