Posting Gambar di Joomla

Sedikit belajar lagi tentang membuat web sekolah. Kali ini akan saya coba membahas tentang bagaimana kita memasukkan gambar di postingan konten website sekolah kita. Sekaligus menjawab pertanyaan teman saya tentang hal itu. Mari kita belajar bersama.

Berbeda halnya dengan blogger tentang mudahnya kita posting dengan gambar, tinggal browse dan upload langsung di postingan blog kita. Tapi dengan menggunakan CMS Joomla tentu saja caranya sedikit berbeda.

Mungkin anda bisa posting langsung dengan gambar tapi anda harus punya alamat gambar tersebut. Jadi mungkin kita bisa mnegupload gambar pada hostingan lain. Tapi untuk mengupload pada satu tempat degan hostingan Joomla kita, maka kita harus menaruh gambar kita pada folder Joomla.

Caranya anda bisa mengupload di bagian Media Manager pada menu site, pilih directory "/stories" atau dibawahnya, karena directori itu yang sementara ini saya ketahui mudah dimasukkan pada postingan.


Lakukan brows pada komputer anda, pilih gambar, dan uploadlah pada Joomla anda. Dengan cara ini anda hanya bisa mengupload satu-persatu, bila anda ingin mengupload dalam jumlah banyak, misalkan bahkan dalam satu folder, anda bisa memakai FTP anda dengan menggunakan FTP client di komputer anda dengan account FTP yang diberikan oleh hostingan anda.

Setelah gambar anda masuk folder tersebut, silahkan anda membuat postingan seperti biasa, atau mengedit postingan yang telah ada (memasukkan gambar). Cara memasukkan gambar, klik pada insert image di sebelahkiri bawah kotak postingan. Maka nanti dalam postingan anda akan diwakili dengan kalimat {mosimage}

Setelah itu anda perlu menentukan gambar mana yang dipasang pada postingan tersebut. Maka pada bagian kanan, pilih tab Images, lalu pilih gambar anda dan masukkan dari Galery Images ke Content Images, janganlupa letak folde atau subfolder gambar anda.

Untuk mengedit tampilan gambar (seperti aligment) klik gambar di content images baru edit dan apply. Lalu simpanlah postingan anda dengan klik pada save.

Sekarang coba anda perhatikan hasil postingan anda, paling tidak akan tampak seperti di bawah ini.

Mengganti Template Web

Baiklah, sekarang mari bersama-sama kita bahas tentang cara merubah tampilan/ template web CMS kita. Sebagai bagian dari tips ini, ada baiknya anda mencari template Joomla yang banyak disediakan gratis diinternet. Tentu saja dengan mudahnya, cobalah cari di mbah Google, he5. Ingat kalo dulu rajin pangkal pandai, sekarang bisa cari pangkal pandai, he5.

Untuk mengatur atau me-manage template web kita, pada administrasi web kita, pilih menu Site, template manager, dan pilih site template.

Tampilan awal atau default web sekolah anda biasanya menggunakan template rhuk solarflare ii, seperti gambar di bawah.


Selain itu bawaan instalasi web joomla anda biasanya juga memberikan satu template pilihan lagi, yakni madeyourweb. Cobalah memilih template tersebut dan klik default, lihatlah hasilnya.


Paling tidak tampilan web sekolah anda akan berubah seperti ini


Anda juga bisa memasang sendiri template Joomla yang lain, mungkin hasil dari pencarian anda tadi dengan mbah google. Banyak sekali template gratis, ada juga yang berbayar tentu saja dengan kelebihannya masing-masing.
Untuk instalasi template, klik menu instalers, pilih template site.


Silahkan brows dimana anda telah meletakkan hasil anda mendapatkan template joomla pada komputer anda, lalu silahkan upload file dan instal.


Bila anda melakukan dengan benar dan biasanya template tersebut harus kompatibel dengan joomla dan biasanya berbentuk winzip, maka kalau memang berhasil maka akan ada pesan bahwa upload template sukses.


Sekarang cobalah template baruanda, klik default.


Sekarang kita mendapatkan tampilan template baru kita.


Kita juga bisa mengedit template kita, misalnya dengan HTML Editor, misalkan pada "Education" kita rubah dengan "SMP Perjuangan" dan yang lainnya, tapi pastikan anda paling tidak mengerti sedikit bahasa HTML, he5.


Setelah itu dapat anda lihat hasil pengeditan HTML template anda.

Menu Joomla (2)

Baiklah, sekarang kita bahas "bagian akhir" membuat web CMS dasar. Untuk yang lain, akan kita bahas secara lepas, tidak harus terstruktur, karena seperti kalo kita membuat blog, tidak akan ada habisnya ilmu untuk mengeditnya, begitu juga dalam web CMS. Seperti halnya mengedit tampilan, baik melalui template, modul, component, dan lain sebagainya akan kita bahas bersama-sama tanpa harus terstruktur. Setuju?

Baiklah, sekarang kita lanjutkan membuat menu web kita, karena kita telah menghapus semua menu bawaan Joomla yang telah kita instalasi pada domain web kita. Masuk pada menu manager, pilih misalnya mainmenu, lalu buat baru dengan klik new.

Pada new menu anda akan diberi pilihan beberapa item, banyak sekali, sehingga tidak mungkin kita bahas seluruhnya di sini, paling tidak dasarnya saja. Pertama cobalah pilih Blog-Content Section lalu next.


Pilih nama menu anda, misalkan saja Beranda (biasanya juga home, he5, hampir sama) dan pilih section yang akan ditampilkan pada menu beranda, misalnya di sini kita akan menampilkan pada menu beranda dengan Seksi Humas sebagaipengenalan awal pada pengunjung Web Sekolah kita. lalu pilih save.


Mungkin anda bisa membuat menu lain misalnya blog-content category, dimana menu itu nanti berisi blog category. Pilih dan klik next.


Misalkan kita membuat menu yang isinya tentang Kegiatan Ekstrakurikuler, maka kita pilih category Ekskul dan pilih save.

Buatlah menu-menu lain sesuai kebutuhan Web Sekolah anda, misalkan anda ingin menampilkan data guru, nilai siswa, atau alamat untuk menghubungi anda atau sekolah anda.


Sekarang anda coba lihat hasil anda membuat Web Sekolah anda, pilih pada menu site , preview, in new window. Lihatlah hasilnya


Yup, kira-kira hasilnya akan seperti ini, tapi mungkin kadang hasilnya tidak sesuai keinginan kita, misalnya seperti tampilan dibawah ini pada menu beranda, yang tampil di atas adalah Visi Misi Sekolah, sementara justru ucapan Selamat Datang malah dibawahnya, ini dikarenakan model blog menuberanda, kita dapat mengedit ini.




Caranya pada menu manager klik pada beranda


Di samping kanan ada primary order, secara default, tampilan blog section menampilkan tulisan terakhir pada bagian atas, kebetulanmungkin kita dalam menulis content menulis Selamat Datang dulu, baru visi misi, maka kita dapat memilih Oldest first untuk merubah tampilan beranda kita, dan klik save.

Hasilnya paling tidak seperti ini.


Jadi sekarang Web Sekolah kita secara mendasar telah bisa "dianggap jadi", tinggal mengedit sesuai kebutuhan, sama halnya mengedit blogger kita. Mari bersama-sama kita belajar membuat Web Sekolah kita, memang sedikit berbeda dengan blog, karena menurut saya blog lebih cocok untuk tujuan personal, tapi kalau untuk pengenalan organisasi seperti institusi sekolah kita, menurut saya paling cocok pakai web CMS meskipun dianggap sebagai web 1.0 dibanding blog yang dianggap sebagai web 2.0.

Byethost upgrade MYSQL

Kemarin aku dapat email dari root@xlhost yang memberitahukan bahwa ternyata hostinganku di byethost sedang mengalami upgrade pada database MySQL-nya, jadi temen-temen yang terlanjur ikut daftar juga mungkin akan mengalami/ mendapatkan email yang sama.

Jadi kita akan mendapat pemberitahuan tentang pergantian informasi account kita pada MySQL. Jadi kita mendapatkan database baru, dimana itu berarti kita harus merubah konfigurasi beberapa file penting instalasi joomla kita. Ato yang lain juga seumpama kita buat wordpres (misalnya) pada hostingan byethost kita. Kita perlu merubah; config.php, configuration.php, setting.php, db.inc.php, dan yang mungkin hampir sama dengan itu.

Jadi silahkan masuk pada control panel byethost anda, maka di depan anda akan mendapat peringatan seperti ini:

Setelah kita masuk, kita bisa melihat account information pada control panel kita, kalo kita bener-bener ingat, ada perubahan pada MySQL hostname kita, untuk membuktikannya mungkin kita bisa masuk melihat instalasi pada web kita, mari kita buktikan.

Masuk pada Site management, pilihfile manager
masuklah pada web anda, klik pada folder domain anda. lalu pilih htdocs.


Untuk pengguna joomla, merubah setingan MySQL host pada file configuration.php, pilihlah edit
lha rubahlah dengan yang baru pada $mosConfig_host dengan yang baru
Kalo anda memakai wordpres, rubahlah file wp-config.php

Perubahan pada define('DB_HOST', rubah dengan yang baru

Silahkan dicoba dengan hati-hati

Menu Joomla

Baiklah, sekarang kita teruskan lagi belajar bersama untuk membuat website sekolah dengan web CMS. Kita udah menghapus semua kontent bawaan Joomla dan membuatnya lagi untuk web kita sendiri. Sekarang kita akan membahas menu Joomla. Sama dengan langkah membuat kontent, mungkin kita perlu menghapus dulu menu bawaan joomla.

Menu web CMS Joomla dibagi dengan 4 bagian utama, yaitu main menu, yang biasanya menu yang berada pada kiri atas web kita (tapi posisi ini tergantung template dan bisa dirubah), ada juga other menu yang biasanya ada di bawah mainmenu, ada juga topmenu yang biasanya tentu saja di bagian atas web kita, dan ada usermenu. Maka silahkan anda hapus semua main menu, othermenu, top menu, dan usermenu, tapi mungkin jangan hapus dulu untuk menu item administrator pada other menu.

Untuk menu administrator tersebut, anda cukup untuk mengganti status publishednya dengan mengklik ikon published, sehingga tandanya akan diganti dengan tanda silang yang berarti menu tersebut tidak dipublikasikan.

Sehingga kini tampilan blog anda akan seperti ini, tanpa menu sama sekali.


Trus, bagaimana kita bisa masuk sebagai administrator? kalo menu administratornya tidak ada? caranya kita tinggal mengetik administrator dibelakang alamat web kita, misalnya www.websaya.net/administrator maka anda akan masuk form login administrator. Untuk membuat menu, kita bahas pada tips selanjutnya.

Content Joomla (2)

Sekarang kita lanjutkan untuk membuat konten website kita. Karena sebelumnya kita telah menghapus semua konten bawaannya Joomla kan?. Jadi kita akan membuat konten kita sendiri dari awal. Masih ingat kan, bahwa konten joomla meliputi (dan harus) dari sebuah section dan category, maka kita perlu membuat dulu section untuk web kita. Buka pada content lalu pilih sub menu section manager, dan klik di ikon new untuk membuat section baru.


Disini misalnya kita membuat sebuah section "Kurikulum" lalu beri deskripsi secukupnya ato gambar kalo perlu, lalu tinggal klik ikon save.

Buatlah beberapa section yang lain seperlnya, misalnya Humas, Sarpras, Kepegawaian, Kesiswaan, dan lainnya, sesuai dengan kebutuhan kita.

Setelah kita membuat Section, maka kita perlu membuat category yang bisa dikatakan sebagai sub-nya section. Pilih ada menu content dan pilih pada category manager, klik new.

Misal kita membuat category lab, maka kita perlu menentukan section manakah lab itu? misalnya pada section Sarpras. Lalu tulis deskripsi category secukupnya, lalu save.


Buat lah beberapa category yang lain, sesuai dengan keperluan sekolah kita.

Setelah Section dan Category kita buat, maka kita sudah dapat membuat content yang diperlukan untuk web sekolah kita. Dimana seperti kata joomla sendiri, kontent bagaikan bahan bakar kendaraan web kita (he5). Pilih pada content sengan sub all contet Items. Pilih new.

Untuk membuat content, pertama beri judul pada title, dan jangan lupa untuk menentukan termasuk section yang mana dan category yang mana artikel/ content anda tersebut. (Memang sih lebih ribet dari pada nge-blog). Lalu tinggal buat content/ artikel tentang seklah anda, masukkan foto juga bisa, flash, table, video, dan lain sebagainya.


Butlah content sesuai kebutuhan web sekolah anda. Tapi untuk sampai disini, bila anda masih ingin mengikuti tips2 kecil kami, maka anda harus sabar, karena content anda belum muncul pada web seklah anda, masih ada beberapa pekerjaan lain berkaitan dengan menu manager. Anda boleh mencoba sendiri atau sabar menunggu tips ringankami. Semoga bermanfaat bagi perkembangan content internet di Indonesia.

Content Joomla

Baik, kita lanjutkan membahas tentang pembuatan website sekolah kita dengan menggunakan CMS Joomla. Pembahasan kali ini kita akan membersihkan content bawaan joomla. Apakah content itu? Kalo kita baca menu help pada administrasi joomla, "Content is the fuel of the web site vehicle!". Yup, bener banget, kontent tuh seperti bahan bakar kendaraan kita. Jadi kalo tanpa bahan bakar, apakah kendaraan kita bisa jalan?

Tentu saja, joomla telah menyediakan contoh konten pada web yang baru kita instalasi. Maka kita perlu "membersihkannya" dan kita ganti dengan content kita sendiri nantinya. Jadi pilih pada menu content dan sub menu all content items. Lalu delet dengan klik pada gambar trash, oh iya, silahkan centang semua contentnya sebelum menghapus.

Jalan lupa setelah itu untuk benar-benar menghapus content yang terhapus tadi, seperti pada komputer kita, bila menghapus mungkin hanya akan masuk ke recycle bin/trash, hapus juga pada trashnya, masuk ke menu site, sub menu trash manager, centang semua dan delete.

Ada peringatan? yup klik delete aja

Kalo anda telah membaca help dengan seksama, tentu mengetahui, bahwa content CMS Joomla tuh gak berdiri sendiri, untuk membuatnya diperlukan Section dan Category, maka hapuslah Section dan category bawaan joomla itu, dan nantinya kita akan membuat sendiri. Pilih menu content, buka pada Category manager dulu, baru nanti section manager. Kenapa begitu? karena kalo sebaliknya biasanya gak bisa, karena Category merupakan sub-nya Section, kalo kita hapus Section dulu, biasanya ada peringatan kalo ada Category-nya, jadi hapus Categorinya dulu, baru Section.

Yup, setelah anda menghapus content beserta category dan section, bila anda melihat web anda, maka akan seperti ini

Jadi, sekarang content dari web anda telah kosong. Ingin mengosongkan lagi? masih banyak yang bisa dihapus, seperti menu, modul, component, mambot, dll, tapi jangan dulu ya! sabar aja bila anda ingin menunggu tips berikutnya. Semoga bermanfaat.