Membuat Content Awal Pada Joomla

membuat content c awal dii joomla j Joomla Tutorial

E-books from Rahmad Site http://www.rahmad.netne.net

Tutor rial by : Rahmad d M.

Pada posting sebelumnya saya telah memposting cara menginstall Joomla secara offline.Perlu saya ingatkan Joomla adalah sebuah CMS(Content Management System) dimana kita dapat membuat sebuah website dinamis menggunakan Joomla secara mudah dan cepat.Joomla dapat kita gunakan berbagai macam website sesuai kebutuhan kita seperti membuat toko online,website komunitas,website sekolah,dan lain-lain.Dalam tutorial kali ini saya akan menjelaskan bagaimana cara membuat content dan mengedit content dari awal,hingga cara menampilkannya.Dalam praktek ini saya menggunakan Joomla 1.5.14 yang saya setting di localhost(offline).Baiklah tanpa basa-basi lagi mari kita mulai praktek kali ini. Content dari sebuah website merupakan faktor utama website kita dijamah oleh pengunjung.Content boleh dikatakan sebagai nyawa sebuah website,karena pengunjung yang berkunjung ke website anda jelas tujuannya,mencari informasi yang bermanfaat.Lalu dimanakah informasi itu ditampilkan?Tentu saja didalam content yang berbentuk artikel.Dalam membuat artikel anda tidak perlu menguasai teknik menulis yang sangat baik.Ada hal-hal penting yang harus anda perhatikan dalam menulis artikel atau content itu,diantaranya adalah : • • •

Artikel yang anda tulis mengandung informasi yang bermanfaat Penyampaian informasi runtut dan jelas(Penyampaian tidak membingungkan) Gunakan gaya bahasa umum yang mudah dipahami(ini dimaksudkan artikel anda mudah dipahami oleh berbagai segmen pengunjung,baik remaja maupun orang tua).

Jika anda menerapkan hal diatas,maka bukan hal yang tidak mungkin banyak pengunjung yang datang mengunjungi website anda untuk membaca setiap artikel yang anda sajikan. 1. Disini saya akan menggunakan Joomla Fresh yang belum saya edit sama sekali.Template yang saya gunakan adalah rhuk_milkyway bawaan Joomla.Berikut ini adalah tampilannya.Sebelumnya jalankan XAMPP Control Panel,agar Joomla bisa diakses secara offline.Saya menggunakan alamat “ http://localhost/tutorial “ alamat ini kita buat saat kita menginstall Joomla pertama kali(Untuk informasi lebih lanjut baca posting saya sebelumnya).Dan inilah tampilan awal website Joomla setelah proses installasi.

2. Setelah itu langkah selanjutnya adalah menuju menu Administrator dari Joomla.Didalam menu Administrator inilah seluruh kendali penuh dari website Joomla berada.Halaman Administrator ini berfungsi sebagai tempat membangun dan mengedit website kita.Untuk mengakses menu Administrator,anda dapat mengakses alamat berikut :

Alamat tersebut bukanlah alamat mutlak dari halaman administrator.Tutorial adalah nama folder dimana saya meletakkan file website Joomla saya.Struktur alamat akses menuju halaman administrator Joomla adalah sebagai berikut: http://localhost/XXX/administrator Pada bagian XXX isikan dengan nama folder dimana anda meletakkan file website Joomla.Sebagai contoh jika anda meletakkan file Joomla didalam folder belajar maka alamat aksesnya adalah sebagai berikut: [untuk lebih jelasnya silahkan membaca posting saya tentang Installasi Joomla Offline] http://localhost/belajar/administrator Lalu penjelasan mengapa diawali dengan http://localhost ini dikarenakan website kita masih offline(belum bisa dihubungkan dengan internet).Jika website anda telah online nanti mengakses administratornya bisa seperti ini.

http://www.websiteanda.com/administrator Namun karena kita sedang membuat websitenya secara offline maka kita mengaksesnya dengan alamat ini.

Jika sudah berikut ini adalah tampilan Login Menuju Halaman Administrator.

Kemudian isikan : Username

: administrator

Password

: ***********

(Isikan dengan password yang anda gunakan ketika proses Installasi Joomla berlangsung) Jika sudah kemudian click tombol Login ! 3. Setelah step 2 anda lakukan dengan benar,maka anda akan mendapati tampilan halaman administrator Joomla sebagai berikut.

4. Langkah berikutnya adalah silahkan akses menu Article Manager.Lihat gambar dibawah ini untuk lebih jelasnya.

Click pada bagian Article Manager lihat bagian yang saya tandai dengan persegi berwarna merah.Ini adalah cara pertama.Anda juga bisa mengakses menu Article Manager dengan meng-click Content>Article Manager Untuk lebih jelasnya silahkan lihat gambar dibawah ini.

5. Setelah melakukan step 4 dengan benar maka anda akan mendapati halaman Article Manager seperti ini.

Langkah selanjutnya yang harus kita lakukan adalah menghapus semua artikel yang ada di Article Manager.Mengapa kita harus menghapus semua artikel itu?Ini dikarenakan

kita tidak membutuhkan artikel-artikel itu lagi.Artikel ini merupakan content bawaan Joomla.Artikel-artikel ini semacam demo,agar kita mengetahui bentuk artikel yang dapat kita sajikan didalam Joomla.Apakah anda paham?Yang kita lakukan ini adalah membuat content murni untuk website kita.Baiklah,mari kita lanjutkan.Untuk menghapus semua artikel ini berikan tanda centang pada bagian yang saya tandai lingkaran merah pada gambar dibawah ini.Lihat gambar dibawah ini.

Centang pada bagian lingkaran pada nomer 1,kemudian click Trash pada tanda nomer 2.Lakukan cara ini hingga semua artikel didalam Article Manager terhapus.Jika semua artikel sudah terhapus maka Article Manager akan terlihat seperti ini.

6. Langkah selanjutnya silahkan mengakses menu Content>Article Trash.Lebih jelasnya silahkan lihat gambar dibawah ini.

Jika sudah,anda akan mendapati tampilan Article Trash seperti dibawah ini.

Article Trash ini fungsinya sebagai tempat sampah artikel-artikel yang sebelumnya pada step 5 telah kita hapus.Didalam tempat sampah ini kita dapat melakukan beberapa aksi untuk artikel yang telah kita buang.Didalam Article Trash ini kita dapat menghapus artikel yang kita buat secara permanent,selain itu kita dapat mengembalikan artikel

yang telah kita hapus kembali ke Article Manager.Namun,yang kita lakukan saat ini adalah menghapus artikel-artikel yang ada didalam Article Trash secara permanent.Caranya sama saja seperti saat kita menghapus artikel di Article Manager.Lihat gambar dibawah ini.

Centang pada bagian yang saya tandai sebagai nomer 1,kemudian click Delete pada nomer 2.Setelah meng-click Delete anda akan dibawa menuju halaman baru seperti preview dibawah ini.

Setelah meng-click Delete,maka Article Trash akan kosong seperti gambar dibawah ini.

7. Langkah selanjutnya kita akan bekerja dengan Section dan Category.Perlu saya beritahukan,bahwa Joomla merupakan sebuah CMS(Content Management System) dimana Joomla memiliki sistem pengelolaan Content yang berbeda dengan blogg ataupun website lain.Dengan Joomla kita memungkinkan membuat sebuah situs dengan Content yang sangat kompleks seperti situs-situs berita,contohnya kompas.com dan mediaindonesia.com.Dalam situs berita tersebut sudah tentu contentnya sangat banyak dan updatenya pun real time.Dengan Joomla kita juga bisa membuat artikel yang real time seperti itu.Section dan Category itu fungsinya agar kita mudah dalam mengelompokkan artikel-artikel yang kita buat.Section adalah parent dari Category,dan Category adalah parent dari Artikel.Apakah anda bingung?Pada awal belajar Joomla saya juga kesulitan memahami apa itu Section dan Category.Maka dari itu untuk memudahkan anda memahaminya saya akan membuat Section dan Category sebagai perumpamaan.Begini perumpamaannya. Section = sebuah sekolah Category = kelas-kelas di sekolah Article = murid-murid Sekolah merupakan induk dari kelas dan murid.Sekolah adalah wadah dimana kelaskelas itu dibangun.Di kelas itu ada kelas 1,2,dan 3.Didalam masing-masing kelas 1,2,dan

3 itu terdapat murid.Nah disinilah kita mulai memahami sitem CMS(Content Management System) itu.Apabila kita ingin menghapus sebuah sekolah apakah bisa?Bisa tidak?Jawabannya tidak.Karena didalam sekolah itu masih terdapat kelaskelas dan murid-murid.Sehingga apabila kita ingin menghapus sebuah sekolah hendaknya kita menyingkirkan kelas-kelas beserta murid-muridnya terlebih dahuu.Lalu,pertanyaan berikutnya,apakah kita bisa menghapus kelas-kelas yang ada didalam sekolah?Bagaimana?Bisa atau tidak?Jawabannya tidak.Kita tidak bisa menghapus kelas-kelas itu dikarenakan didalam kelas itu masih terdapat muridmurid.Hendaknya apabila kita akan menghapus kelas-kelas di sekolah,kita harus menghilangkan murid-muridnya terlebih dahulu baru setelah itu kita dapat menghapus kelas-kelasnya.Lalu bagaimana caranya agar kita dapat menghapus sebuah sekolah secara langsung? Berikut ini stepnya. • Hapus dulu murid-muridnya(murid ini saya umpamakan sebagai artikel) • Kemudian hapus kelas-kelasnya(kelas-kelas ini saya umpamakan sebagai Category) • Selanjutnya setelah kelas dan muridnya kosong,barulah anda bisa menghapus sebuah sekolah.(sekolah disini saya umpamakan sebagai Section) Jadi hubungan antara Section,Category,dan Article adalah sebuah hubungan bertingkat. Section ↓ Category ↓ Article Dalam membuat artikel di Joomla kita juga harus paham konsep ini.Sebagai contoh saya akan membuat sebuah website tentang otomotif.Dimana saya nanti akan mengisi website saya dengan artikel-artikel otomotif.Maka untuk itu saya akan membuat sebuah section bernama Otomotif.Lalu didalam sebuah section Otomotif itu nanti,saya akan membuat beberapa Category diantaranya Modifikasi Mobil dan Modifikasi Motor.Lalu,jika saya akan membuat artikel tentang modifikasi mobil,saya akan menggolongkannya kedalam Category→Modifikasi Mobil,dimana Category Mobil ini nantinya berada dalam Section Otomotif.Begitu pula apabila saya membuat artikel modifikasi motor,hanya saja artikel modifikasi motor nantinya akan saya golongkan kedalam Category→Modifikasi Motor .Bagaimana apa anda sudah mulai

paham?Bagus,mari kita lanjutkan.Yang kita lakukan saat ini adalah mengakses menu Category.Yang kita lakukan adalah menghapus semua Category dan Section yang sebelumnya diisi dengan content bawaan Joomla,yang saat ini sudah tidak kita butuhkan lagi.Akses menunya dengan cara mengclick Content>Category Manager ,lebih jelasnya seperti ini.

Setelah ini kita akan menghapus Category.Lihat gambar dibawah ini.

Caranya sama saja seperti kita menghapus Artikel.Centang pada bagian yang saya lingkari di nomer 1,setelah itu click Delete di tanda nomer 2. Jika sudah maka Category kita telah kosong seperti gambar dibawah ini.

8. Langkah selanjutnya yang harus kita lakukan adalah menghapus Section.Akses menu Content>Section Manager.Lebih jelasnya silahkan lihat gambar dibawah ini.

Setelah berada di halaman Section Manager kita siap untuk menghapus sebuah Section.Caranya sama saja seperti kita dalam menghapus Article dan Category.Lihat gambar dibawah ini.

Caranya sama saja seperti kita menghapus Artikel.Centang pada bagian yang saya lingkari di nomer 1,setelah itu click Delete di tanda nomer 2. Jika sudah maka Section akan kosong,berikut ini adalah tampilannya.

9. Langkah selanutnya yang harus dilakukan adalah membuat section baru untuk mengelompokkan semua artikel yang akan kita buat.Langsung saja,akses menu Content>Section Manager.Setelah itu click tombol New di pojok kanan.Lihat gambar dibawah ini untuk lebih jelasnya.

Setelah meng-click New,anda akan dibawa menuju halaman baru seperti ini.

Lakukan setting pada halaman ini sebagai berikut : • Title : Isikan dengan judul section • Alias : Isikan dengan nama lain dari section yang anda buat • Published : Yes • Access Level : Public • Image dan Image tidak perlu disetting.Opsi ini hanya untuk menampilkan gambar untuk Section yang kita buat. • Description : Isikan dengan deskripsi tentang section yang anda buat. Catatan : Sebagai contoh saya mengisikan Title dengan nama otomotif,ini dikarenakan saya akan membuat artikel-artikel tentang otomotif nantinya.Pada bagian alias saya isikan dengan otomotif juga,anda bisa mengisikan alias dengan kata lain yang menurut anda sesuai dengan section anda.Pada bagian Published centang Yes.Sementara pada Acces Level pilih public.Mengapa kita pilih public?Karena dengan akses level public,nantinya artikel kita bisa dibaca oleh semua pengunjung.Jika kita memilih Access Level Regsitered atau Spesial,itu artinya yang bisa membaca artikel kita hanya pengunjung yang sudah mendaftar di website kita.Description isikan deskripsi tentang section yang kita buat. Jika sudah silahkan click Save !

Maka akan muncul peringatan bahwa Section yang kita buat berhasil disimpan,seperti preview dibawah ini.

10. Kemudian yang kita lakukan selanjutnya adalah membuat Category.Silahkan akses menu Content>Category Manager.Lebih jelasnya silahkan lihat gambar dibawah ini.

Setelah meng-click Category Manager,anda akan dibawa menuju sebuah halaman baru bernama Category Manager.Silahkan click New untuk mebuat Category baru.Untuk lebih jelasnya silahkan lihat gambar dibawah ini.

Setelah meng-click New,anda akan dibawa kedalam halaman baru seperti berikut ini.

Lakukan penyettingan sama seperti ketika membuat Section.Jika sudah kemudian click tombol Save untuk menyimpannya.Setelah itu ada akan menemukan halaman seperti berikut ini.

Kemudian apabila anda ingin membuat sebuah Category lagi dengan cara yang sama kemudian Save.Maka didalam Category Manager akan bertambah satu Category yang anda tambahkan.Berikut ini adalah preview Category Manager setelah penambahan satu Category baru.

11. Langkah selanjutnya,kita akan mendekati akhir.Saat ini kita menginjak untuk membuat artikel di Joomla.Artikel ini nantinya yang akan kita tampilkan sebagai content pada halaman website.Mari kita mulai saja.Silahkan akses menu Content>Article Manager .Untuk lebih jelasnya silahkan lihat gambar berikut ini.

Setelah itu anda akan dibawa menuju halaman baru,halaman Article Manager.Setelah sampai pada halaman Article Manager,kemudian click tombol New.Untuk lebih jelasnya silahkan lihat preview dibawah ini.

Kemudian anda akan dibawa menuju halaman baru yang berisi editor seperti tampilan halaman Microsoft Word.Berikut ini adalah previewnya.

Pada halaman ini isikan dengan beberapa kalimat atau paragraf.Namun,karena saya disini hanya memberikan contoh saja,maka saya hanya mengetikkan satu kalimat saja. Sebelum mengetikkan artikel lakukan settingan sebagai berikut : • Title : Isikan sesuai judul artikel yang anda tulis • Alias : Isikan dengan nama lain judul artikel anda • Section : Pilih Section yang anda buat tadi • Published : Pilih Yes,karena artikel ini akan ditampilkan nantinya • Front Page : Pilih Yes,karena kita akan mencoba menampilkan artikel di halaman depan • Category : Pilih pada Category yang telah anda buat sebelumnya. Jika sudah silahkan anda mengetikkan beberapa kata atau kalimat.Biasanya artikel disertai gambar.Untuk memasukkan gambar silahkan anda scroll kebawah editor seperti preview berikut.

Kemudian click Image,maka akan muncul jendela baru seperti pop-up seperti preview berikut.

Apabila anda belum pernah meng-upload gambar sama sekali,maka kita akan mencoba memasukkan gambar dari komputer kita.Berikut caranya.Click tombol browse,kemudian pilih lokasi gambarnya.Untuk lebih jelasnya lihat gambar berikut

Click Browse kemudian akan muncul jendela pop-up lagi kemudian pilih gambar yang telertak di komputer anda,kemudian click Open,setelah itu silahkan click tombol Start Upload. Jika sukses gambar anda akan disimpan di localhost.Seperti ini previewnya.

Apabila anda ingin memasukkannya kedalam artikel itu cukup mudah.Cukup click sekali pada gambar kemudian click tombol Insert.Lihat gambar berikut.

Apabila sudah,maka jendela pop-up tadi akan di-close secara otomatis dan gambar tadi akan dimasukkan kedalam editor,seperti preview berikut.

Jika sudah click tombol Save.Kemudian click tombol Preview pada pojok kanan atas.Maka berikut ini adalah preview artikel yang kita buat pada halaman depan website kita.

Ini adalah langkah sederhana membuat artikel yang sederhana.Sebenarnya masih ada banyak settingan yang harus kita lakukan apabila anda ingin membuat artikel yang panjang dan menarik.Namun,apabila saya menjelaskannya sampai sedetail mungkin,mungkin tutorial ini akan terlalu banyak halaman.Dan itu akan membuat rumit dalam membacanya.Baiklah,cukup sekian tutorial saya kali ini,untuk settingansettingan website Joomla yang lain akan saya tulis pada artikel berikutnya.Apabila anda ingin belajar banyak tentang Joomla,silahkan bergabung dengan komunitas(Forum) Joomla Indonesia yang dapat anda akses di www.id-joomla.com .Mohon maaf apabila terdapat banyak kekurangan pada tutorial saya.Terima kasih dan Wassalamualaikum Wr.Wb.