Tag Archives: website joomla

Memanfaatkan Plugins jQuery Magnifier

Memanfaatkan Plugins jQuery Magnifier

Memanfaatkan Plugins jQuery Magnifier
Memanfaatkan Plugins jQuery Magnifier

Sebuah gambar pada situs Joomla bisa dikatakan penting untuk memperjelas isi dari tulisan/artikel situs tersebut. Tentunya, gambar yang disisipkan harus bisa dilihat jelas. Jika sebuah situs disisipkan gambar dengan ukuran misalnya 800×600 pixel atau 480×640 pixel, maka artikel akan dipenuhi oleh gambar. Untuk mengatasinya, ukuran gambar bisa diperkecil. Namun hal ini menyebabkan gambar jadi kurang jelas.

Jangan khawatir, Anda bisa menggunakan plugins jQuery Magnifier untuk mengatasi masalah tersebut. Caranya cukup mudah, kita tinggal menambahkan jQuery Magnifier dan sedikit kode kelas pada image yang kita sisipkan di situs Joomla.

Pertama-tama, plugins jQuery Magnifier ini bisa Anda gunakan jika Anda menyiapkan terlebih dahulu file-file yang diperlukan, yaitu jquery.magnifyer.js. Berikut langkah-langkah memanfaatkan jQuery Magnifier tersebut.

1. Buka file index.php yg ada pada template aktif, sisipkan perintah berikut di antara tag <head></head> untuk meload skrip javascript.

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script src=”/inuxpro/<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/js/jquery.magnifier.js”></script>

2. Setelah itu simpan, kemudian tutup template editor.

3. Buka artikel yang terdapat image-nya. Aktifkan image yang akan kita magnify dengan cara di klik. Kemudian klik ikon insert/edit image untuk membuka kotak dialog settingan image.

Ada tiga tab yang perlu kita isi, yaitu general, appereance, dan advanced.

1. Pada tab general alamat image sudah terisi, karena kita bukan menyisipkan image, tetapi ingin mengubah properti image.

2. Pada tab kedua (appearance), terdapat beberapa parameter. Tetapi yang penting adalah Class–kita isi dengan magnify. Parameter yang lain seperti posisi gambar, ukuran, spasi vertikal, dan horizontal bisa Anda sesuaikan dengan pilihan Anda.

3. Tab advanced tidak perlu dibuka, langsung saja klik update.

4. Kita coba buka (preview) situs kita, dekatkan mouse ke atas image yang sudah diedit. Jika kursor mouse berubah jadi (+), langsung klik. Jika gambar membesar, berarti sudah selesai.

5. Ulangi langkah pertama.

Demikianlah cara memanfaatkan plugins jQuery Magnifier. Selamat mencoba.

Mempercepat Akses Website Joomla

ekstensi utama joomla

Apakah kalian menggunakan Joomla sebagai CMS (Content Management System) pada website? Lalu, apakah kalian merasa bahwa loading website kalian terasa lambat? Jangan langsung menyalahkan koneksi internet kalian. Walaupun ada kemungkinan kecil dari koneksi (apalagi yang menggunakan modem). Sebenarnya ada banyak sekali trik untuk mempercepat website Joomla, setidaknya trik ini dapat mengurangi kecurigaan kalian terhadap koneksi yang mempengaruhi kenerja load website kalian.

JCH Optimize merupakah plugin Joomla yang bertujuan memberikan optimalisasi kecepatan akses website kita melalui script untuk file Javascript dan CSS yang tertujuan untuk megurangi jumlah permintaan HTTP yang dikirim oleh browser. Kombinasi antara Javascript dan CSS ini dapat lebih dioptimalkan dengan mengkompres file dengan gzip, begitu juga dapat mengkompres output HTML sehingga membuat proses untuk mengakses website menjadi cepat.

Optimalisasi ini dapat mengurangi beban server, kebutuhan bandwidth, dan waktu loading halaman. Selain fitur mempercepat load website, JCH Optimize juga memberikan beberapa fitur lain seperti:

1. Menggabungkan file Javascript/CSS ke dalam satu file.

2. Menggabungkan gambar ke dalam sprite

3. Dapat meletakan Javascript pada akhir baris halaman agar dapat optimal di download

4. Mendukung aturan import pada file CSS

JCH Optimize juga tersedia dalam versi premium dan pastinya dengan tambahan lebih banyak fitur untuk lebih mengoptimalkan website kita. Fitur-fitur tambahan yang bisa didapatkan, yaitu:

  • Mengoptimalkan pengiriman CSS.
  • Dukungan domain CDN.
  • Mengoptimalisasikan gambar.
  • Mengoptimalkan load gambar.

Pada halaman Joomla Extensions Directory (JED), JCH Optimize mendapatkan respon yang cukup baik dari para penggunanya, tentu tidak ada salahnya untuk menggunakan plugin ini, jika konfigurasinya tepat website joomla kita akan bertambah cepat atau bahkan jauh lebih cepat dari sebelumnya.

Sebelum memulai, alangkah baiknya kita mengetahui berapa nilai kecepatan kita, langkah pertama ialah akses ke website GTMetrix, dan ingat berapa nilai website kita sebelum memasang plugin JCH Optimize. Atau kita dapat mendaftar untuk menyimpan history pengecekan sebelumnya. Sedikit penjelasan untuk proses instalasinya ialah :

  1. Download JCH diĀ http://extensions.joomla.org/extensions/extension/core-enhancements/performance/jch-optimize.
  2. Pasang di website Joomla kita.
  3. Kemudian dari menu Extensions –> Plug-in Manager –> Aktifkan System-JCH Optimize.
  4. Rubah urutan JCH pada halaman website kita.

Setelah melakukan proses diatas jangan lupa untuk mengecek website kita pada GTMETRIX, dan lihat apakah kecepatan aksesnya sudah berubah atau belum. Namun untuk memiliki web yang cepat tidak hanya bergantung pada optimalisasi web tersebut, peran pendukung seperti server hosting juga menjadi penentu.

Hal Penting Untuk Memilih Extension Joomla

ekstensi utama joomla
ekstensi utama joomla

Joomla adalah salah satu pilihan CMS yang dapat kita gunakan untuk membuat sebuah website jenis profil / portal dengan mudah. Misalnya untuk website sekolah, perusahaan, dan organisasi. Namun sampai saat ini kami melihat sudah banyak sekali website dibuat dengan Joomla, tetapi hanya sekadar sampai di tahap dimana dia bisa tampil dengan bagus dan enak dipandang pengunjung saja. Belum banyak yang mengetahui bahwa di dalam Joomla itu juga ada banyak sekali fitur-fitur unggulan joomla yang sangat penting dan bermanfaat dalam pengembangan website anda ke depannya.Termasuk dalam pengembangan extension – extension kedepannya.

Sekarang ini ribuan jenis extension bisa ditemukan di dalam direktori extension Joomla(extensions.joomla.org),tanpa dipungut biaya. Tentunya bukan hal yang mudah mencari dan menemukan jenis extension yang benar-benar cocok dan sempurna. Berikut ini adalah kiat yang bermanfaat untuk mencari dan menemukan jenis extension yang tepat sesuai kebutuhan.

  1. Langkah pertama, tentunya terlebih dahulu kita harus benar – benar memahami apa saja yang dibutuhkan, kemudian carilah di dalam direktori menggunakan kata kunci yang berhubungan dengan kebutuhan. Misalkan saja dibutuhkan extension yang berkaitan dengan periklanan, maka gunakan kata kunci “Advertise” untuk mencarinya di dalam direktori tersebut.
  2. Dari daftar pencarian yang muncul, bacalah penjelasan singkat mengenai extension – extension tersebut dan temukan extension yang sesuai, lalu klik untuk melihat rincian penjelasan dari extension tersebut.
  3. Pada rincian penjelasan, jangan lupa untuk memperhatikan kapan extension tersebut dibuat, dan kapan terakhir kali diperbaharui. Cek tanggal update apakah developnya sering mengupdate extension tersebut
  4. Bacalah review dari para pengguna extension tersebut walaupun hanya sepintas saja. Hal ini dapat membantu kita untuk mengetahui bagaimana kinerja dari extension tersebut, apakah ada masalah atau ada komentar – komentar yang kurang memuaskan atau ada komentar bagus untuk extension tersebut. Hal ini dimaksudkan agar kita bisa lebih tahu kegunaan extension tersebut.
  5. Kunjungi situs website developer extension tersebut.
  6. Apabila tersedia website demo yang menggunakan extension yang sekiranya ingin kita gunakan, pastikan extension tersebut bekerja dengan baik di website Joomla.
  7. Cobalah mengunjungi forum Joomla untuk mengetahui informasi lebih kanjut dari extension – extension tersebut.

Langkah – langkah tersebut bisa membantu kita untuk yakin dalam pemilihan dan tata cara penggunaan extension – extension yang sekiranya akan kita gunakan untuk website Joomla kita.

jakartawebhosting.com, Hosting Terbaik di Indonesia

Jakarta Web Hosting Indonesia
Jakarta Web Hosting Indonesia

JB Core Template Ringan Joomla

JB Core Template
JB Core Template

Jika kita berbicara tentang CMS, tidak lengkap rasanya bila kita tidak membicarakan tentang templatenya juga. Template merupakan hal yang paling penting untuk sebuah website agar bisa disukai oleh pengunjung website kita. Selain hal-hal yang bersifat estetika, penggunaan template juga harus berpengaruh kepada aspek lainnya sehingga menjadi daya tarik lainnya. Aspek yang harus kita pertimbangkan seperti dukungan terhadap perangkat bergerak, performa yang cepat, serta mudah pengaturannya. Begitu juga bagi salah satu CMS khusus Joomla ini.

Bagi kalian yang masih pemula, hal yang pertama dilakukan setelah memasang Joomla di lokal server yang kita miliki adalah mencari template yang cocok untuk website yang sedang kita coba kembangkan. Tak heran apabila kita akan mencoba mencari tahu atau meminta rekomendasi baik di forum atau para pengguna yang sudah lama untuk mencari template yang cocok dan sesuai keinginan kita pastinya. Sebenarnya kita tidak perlu bingung untuk menentukan template yang cocok untuk website kita, karena Joomla sendiri menyediakan begitu banyak framework template yang bisa kita jadikan bahan referensi untuk pengembangan template kita kedepannya.

Berikut akan saya berikan salah satu contoh template Joomla yang sederhana, namun tetap didukung fitur-fitur yang menjanjikan. JB:Core merupakan template buatan dari pengembang ekstensi Joomla yang berasal dari inggris yang bernama JoomlaBuzz. Sedikit informasi tentang JoomlaBuzz adalah mereka adalah sebuah perusahaan dari inggris yang mempunyai misi yaitu memberikan pembelajaran kepada para pengguna Joomla dengan menunjukan apa yang bisa mereka lakukan dan bagaimana cara kerjanya. JB Core bisa menjadi langkah awal menuju pengembangan template lebih lanjut, maka anda tidak akan mendapatkan template dengan fitur – fitur segudang, melainkan kesempurnaan dari kesederhanaanlah yang ditawarkan oleh pengembangnya. JB Core dibuat menggunakan Bootstrap 2 yang juga ada pada Joomla tanpa perubahan banyak dari sisi gaya dan tampilannya. Untuk lebih jelasnya kalian bisa langsung mendownload template tersebut. Mungkin akan saya berikan sedikit ulasan mengenai kelebihan dan kekurangan template ini.

Kelebihan :

  • Mengedepankan kesederhanaan, sehinggal membuat proses load website lebih cepat
    Sudah memiliki fitur responsive.
  • Bagi pengguna yang sudah berpengalaman, JB Core akan memeberikan keleluasaan dalam mengembangkannya.
  • Bagi pengguna pemula dapat dijadikan andalan untuk pembelajaran

Kekurangan :

Bagi pengguna pemula mungkin fitur yang ditawarkan JB Core tidak terlalu mewah, sehingga bisa ditingalkan begitu saja. Padahal seperti yang dijelaskan dari awal, template ini dapat dijadikan pembelajaran bagi pengguna.

Jakartawebhosting.com, Siap Mendukung Website Joomla Anda.

Jakarta Web Hosting Indonesia
Jakarta Web Hosting Indonesia