Preview website Joomla dan beberapa tips14 April 2012 pukul 11:27Sampai disini, Pembaca telah selesai membuat website Joomla sesuai dengan skema perencanaan website. Sekarang saatnya melihat seperti apa tampilan frontend website Joomla yang telah dibuat tersebut. Caranya mudah, seperti telah Pembaca ketahui, ketikkan saja alamat website Joomla di browser (pada contoh EbookJoomla ini yaitulocalhost/belajarjoomla/), atau kalau masih berada di dalambackend Joomlaklik linkView Sitedi pojok kanan atas. Selanjutnya, silahkan menjelajahi website Joomla dan mencoba semua fitur yang sudah Pembaca siapkan mengikuti petunjuk di Notes-1 s/d Notes-10.--mengingat jumlah file gambar (images) pada Notes-11 ini relatif banyak dibandingkan notes sebelumnya, maka Notes kali ini ditulis dengan tanpa sisipan gambar. Namun demikian, penjelasan bergambar dapat Pembaca temukan di SERIAL EBOOKJOOMLA VOL.2 yang telah rilis dan tersedia FREE di www.ebookjoomla.com-- SELAMAT MEMBACAMendaftarkan userPembaca sebagai Administrator Joomla dapat menulis artikel dan menambahkan link Direktori Website, tetapi tidak demikian halnya dengan pengunjung website Joomla. Pengunjung yang berminat untuk menulis artikel atau mengirim link website, harus terdaftar terlebih dahulu sebagai User di website Joomla milik Pembaca. Ada dua cara pendaftaran user, yaitu melalui backend Joomla dan melalui frontend Joomla.Pendaftaran User melalui backend JoomlaPendaftaran user hanya dapat dilakukan dilakukan oleh Pembaca sebagai Administrator Joomla. Pembaca memerlukan sedikitnya dua macam data untuk mendaftarkan user, yaitu Nama dan alamat Email. Adapun cara mendaftarkan user melalui backend Joomla adalah sebagai berikut:1. Login ke dalam backend Joomla (halaman Administrator),2. Klik menu [Users|User Manager|Add New User] untuk masuk ke halaman User Manager: Add New User,3. Isikan nama pada Name, username untuk login pada Login Name, password untuk login pada Password dan Confirm Password, dan isikan alamat email pada Email. Akhiri dengan klik Save & Close.Pendaftaran User melalui frontend JoomlaBerbeda dengan pendaftaran user melalui backend Joomla yang hanya dapat dilakukan oleh Administrator, Pengunjung website Joomla dapat mendaftar sebagai user melalui frontend Joomla dengan memanfaatkan module Login Form. Caranya adalah seperti dijelaskan berikut ini:1. Pada halaman Home di frontend Joomla, pengunjung meng-klik link Create an account yang tersedia di bagian bawah Login Form,2. Selanjutnya Pengunjung mengisikan namanya pada Name, username untuk login pada Login Name, password untuk login pada Password dan Confirm Password, dan mengisikan alamat email pada Email Address dan Confirm email Address. Akhiri dengan klik tombol Register.3. Pengunjung akan menerima link aktivasi yang dikirim ke alamat email yang didaftarkannya, dengan meng-klik link aktivasi tersebut maka Pengunjung akan resmi berstatus sebagai user dan dapat menggunakan Username dan Password-nya untuk Login di website Joomla.Mengubah level userUser website Joomla sekarang dapat menggunakan username dan password yang telah didaftarkan dan diaktivasi, untuk login ke dalam halaman User. Pembaca perhatikan baik-baik, setelah melakukan login, Menu User yang tadinya tidak terlihat di frontend Joomla sekarang telah muncul. User pun langsung diarahkan ke halaman Profil User sebagaimana telah diatur pada Login Redirection Page di pembahasan pada Notes-10.Sekarang, cobalah klik item-menu Kirim Artikel dan/atau Kirim Weblink, apa yang terjadi?.. akan tampil pesan error.Pesan error tersebut muncul karena, secara default, level user yang diberikan kepada pengunjung terdaftar adalah level Registered, sedangkan untuk dapat mengirim Artikel dan/atau Weblink, User harus berada pada level minimal Author. Pembaca sebagai Administrator dapat mengubah level user menjadi Author mengikuti langkah-langkah berikut ini:1. Login ke dalam backend Joomla (halaman Administrator),2. Klik menu [Users|User Manager] dan lanjutkan klik pada nama user yang akan diubah level-nya.3. Pada Assigned User Groups, beri tanda centang (check) di Author. Akhiri dengan klik Save & Close.4. Sekarang, pengunjung yang login di frontend Joomla sudah dapat menulis dan mengirim artikel, atau mengirim link ke Direktori Website.Mengubah Header default website JoomlaWebsite Joomla yang telah Pembaca buat masih belum sempurna karena masih menampilkan Header default bawaan Joomla.Pembaca perlu mengubahnya agar menampilkan informasi yang sesuai dengan website Joomla yang telah dibuat. Beberapa hal yang akan diubah mengikuti petunjuk di Notes-11 ini adalah Logo, Site Description, dan Background header.Mengubah Logo dan Site Description pada Header WebsiteLogo dan Site Description (deskripsi website) yang tampil pada header default adalah logo dan site description milik Joomla, sehingga tentu saja Pembaca perlu mengubahnya dengan logo dan site description milik sendiri bukan? Caranya adalah seperti dijelaskan berikut ini:1. Login ke dalam backend Joomla (halaman Administrator),2. Klik menu [Extensions|Template Manager] untuk masuk ke halaman Template Manager: Styles. Pada halaman ini, perhatikan tanda Bintang berwarna kuning-emas di kolom Default menunjukkan jenis template yang sedang digunakan, yaitu template Beez_20 untuk Site (digunakan di frontend) dan template Bluestork untuk Administrator (digunakan di backend). Pada pembahasan selanjutnya, Pembaca akan lebih banyak mengelola jenis template untuk Site (Beez_20).3. Lanjutkan dengan klik pada link Beez2-Default untuk masuk ke halaman Template Manager: Edit Style,4. Perhatikan pada kelompok Advanced Options di halaman Template Manager: Edit Style tersebut. Logo adalah informasi file image (gambar) yang akan digunakan sebagai Logo website Joomla, Site Title adalah judul website Joomla yang akan dimunculkan apabila tidak menggunakan logo (informasi logo dikosongkan), dan Site Description adalah deskripsi singkat yang menggambarkan isi website Joomla secara umum.5. Klik tombol Select pada Logo untuk memilih gambar logo yang akan ditampilkan. Apabila gambar logo yang diinginkan belum tersedia, silahkan upload terlebih dahulu file gambar logo yang diinginkan tersebut dengan meng-klik tombol Choose File, lalu browse dan pilih file yang diinginkan, dan klik tombol Start Upload untuk mulai meng-upload-nya. Setelah selesai upload, pilih (klik) pada gambar logo kemudian klik tombol Insert.6. Selanjutnya pada halaman Template Manager: Edit Style, hapus (kosongkan) isian Site Title, dan pada Site Description isikan deskripsi website misalkan: Website Personal Profile Lucky Permana. Akhiri dengan klik tombol Save & Close. Silahkan preview dengan klik View Site untuk melihat hasilnya.Mengubah Background pada Header Website JoomlaPembaca perhatikan header website Joomla pada gambar di atas, terdapat tulisan We are volunteers yang tidak sesuai dengan website Joomla milik Anda dan mungkin juga mengurangi kenyamanan para pengunjung. Apabila diinginkan, Pembaca dapat menghilangkannya dengan cara mengubah background header.Langkah pertama yang harus dilakukan adalah mempersiapkan terlebih dahulu file image .PNG berukuran (1060 x 288) px.Selanjutnya, Pembaca dapat mengubah file image background default dengan mengikuti salah satu dari dua cara berikut:Cara pertama,File image background header default (Beez_20) tersimpan pada folder c:\wamp\www\BelajarJoomla\templates\beez_20\images\personal\ (pembaca dapat menyesuaikan BelajarJoomla sesuai nama folder yang sudah dibuat), dengan nama file personal2.png.Pada cara pertama ini, Pembaca akan mengubah nama file background yang telah disiapkan menjadi sama seperti nama file background default yaitu personal2.png. Langkah selanjutnya, tentu saja Pembaca harus meng-copy file background tsb ke c:\wamp\www\BelajarJoomla\templates\beez_20\images\personal\ untuk mengganti (replace) file personal2.png yang sudah ada disana sebelumnya.Cara kedua,Cara pertama merupakan cara termudah yang dapat dilakukan untuk mengubah header website Joomla. Pembaca cukup menyiapkan file background, memberi nama dengan personal2.png, lalu meng-copy-nya ke folder yang sudah ditentukan.Bagi Pembaca yang tidak ingin mengubah nama file dan meng-copy-nya ke folder yang sudah ditentukan, dapat mencoba Cara kedua yang akan dijelaskan berikut ini:1. Sama seperti cara pertama, siapkan terlebih dahulu file image untuk background header. File image bisa dalam format file image lainnya seperti .JPG, tidak harus dalam fomat .PNG.2. Login ke dalam backend Joomla (halaman Administrator), 3. Klik menu [Content|Media Manager] untuk masuk ke halaman Media Manager.4. Pada halaman Media Manager, klik tombol Choose File, browse dan pilih file background, lalu klik Start Upload. Sampai langkah ini, Pembaca sudah meng-upload file background ke website Joomla. Ikuti langkah selanjutnya.5. Lanjutkan dengan klik menu [Extensions|Template Manager] untuk masuk ke halaman Template Manager: Styles kemudian klik link Beez_20 di kolom Templates (lihat gambar pada pembahasan mengenai Mengubah Logo dan Site Description pada Header Website Joomla, di Notes-11 ini). Pembaca akan masuk ke halaman Template Manager: Customise Template, lalu klik pada link Edit css/personal.css,6. Selanjutnya pada halaman Template Manager: Edit File, cari dan temukan baris code di bawah ini:background:#0c1a3eURL(../images/personal/personal2.png)no-repeatbottomright;lalu ubah code URL(../images/personal/personal2.png) dengan code URL(http://localhost/belajarjoomla/images/back-header.png) sehingga baris code seutuhnya menjadi seperti di bawah ini:background:#0c1a3eURL(http://localhost/belajarjoomla/ /images/back-header.png)no-repeatbottomright;Perhatikan, /belajarjoomla/ dan back-header.png pada baris code di atas harus Pembaca sesuaikan dengan nama folder website joomla dan nama file background yang sudah disiapkan mengikuti langkah-langkah membuat website Joomla sampai sejauh ini.7. Terakhir, seperti biasanya, akhiri dengan klik Save & Close.Silahkan preview, website Joomla sekarang sudah tampil dengan header yang baru.==sampai disini, Pembaca telah selesai Membuat Website Joomla 2.5 di PC/Laptop==Semoga Bermanfaat.Tulisan ini bermaksud membantu siapapun untuk membuat website Joomla di PC/Laptop berdasarkan pengalaman penulis, dengan tanpa kendala dan kerusakan apapun yang muncul sebagai akibat. Meskipun demikian, tidak ada pernyataan atau jaminan apapun akan diperoleh hasil yang sama dengan mengikuti tulisan ini. Dengan kata lain, penulis tidak bertanggungjawab kepada apapun atau siapapun apabila tidak memenuhi kebutuhan, atau terdapat ketidaksesuaian hasil atau ketidakberhasilan atau kerusakan atau hal lainnya yang mungkin muncul sebagai akibat dari mengikuti tulisan ini.