All posts by Regi Renata

Sekilas tentang Template Joomla

Sekilas tentang Template Joomla

Sekilas tentang Template Joomla
Sekilas tentang Template Joomla

Pada artikel sebelumnya, kami pernah membahas mengenai pentingnya template Joomla sebagai identitas bisnis Anda. Namun, apakah Anda sudah mengetahui betul apa itu template Joomla? Jika Anda masih belum mengetahuinya, ada baiknya Anda menyimak artikel ini karena kami akan membahas mengenai template Joomla.

Memang, tampilan sebuah website bisa mempengaruhi pengunjung dalam hal menikmati informasi yang disajikan. Tidak heran jika sebuah website yang hanya berisi iklan, akan segera ditinggalkan oleh pengunjung. Penempatan navigasi yang serasi, warna yang sesuai, berita yang informatif, dan tata bahasa yang baik, akan mengundang banyak pengguna internet untuk mengunjungi sebuah website.

Oleh karena itu, template memiliki peran yang sangat penting dalam sebuah website, yaitu untuk mengatur tampilan dari situs yang meliputi desain dan layout-nya. Pada Joomla, Anda bisa mengaturnya melalui menu Extensions – Template Manager.

Template Joomla

Masing-masing template akan menghasilkan tampilan website yang berbeda-beda. Ini karena tiap template memiliki parameter yang berbeda-beda, mulai dari huruf (font) yang digunakan, warna huruf, warna hyperlink, ketebalan bingkai tabel, hingga posisi modul.

Pengaturan warna teks, hyperlink, jenis huruf untuk bodytext, heading 1, heading 2, maupun footer umumnya dikendalikan oleh CSS (Cascading Style Sheet). Sedangkan untuk mengatur gambar header, Anda dapat mengeditnya langsung pada file index.php di dalam folder nama template tersebut.

Pada Joomla versi terbaru, umumnya tidak dapat menginstal template yang digunakan pada versi sebelumnya. Beberapa website telah menyediakan template yang dapat didownload secara gratis, namun ada juga template Joomla yang berbayar. Harga sebuah template pun bervariasi antara $45 – $200, ini dikarenakan dalam sebuah template, terdapat pula ekstensi (component, module, dan plugin). Demikianlah sedikit pembahasan mengenai template Joomla. Semoga bermanfaat.

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.

Modul Joomla 1.5 untuk Website Baru

Modul Joomla 1.5 untuk Website Baru

Modul Joomla 1.5 untuk Website Baru
Modul Joomla 1.5 untuk Website Baru

Modul Joomla 1.5 merupakan plugin tambahan yang akan mengoptimalkan ekstensi-ekstensi yang ada di CMS Joomla Anda. Dapat berupa kontent yang bisa ditempatkan di mana saja dalam sebuah website. Komponen-komponen tersebut berukuran sangat kecil dan hanya membutuhkan sangat sedikit space memori.

Ada ratusan bahkan ribuan yang dapat Anda unduh gratis di internet untuk dipasang pada website, sebagian besar sangat menarik dari segi fungsi dan juga cara kerjanya yang sederhana. Bahkan, Joomla sendiri menyediakan sebuah forum untuk mempelajarinya. Forum tersebut dapat membantu Anda untuk memahami penempatan-penempatan dari modul Joomla 1.5.

Jika Anda sedang membangun sebuah website, ada baiknya modul Joomla 1.5 ini Anda pasang. Berikut adalah modul-modul Joomla tersebut.

1. Backup Akeeba. Memiliki fungsi untuk menyimpan back up isi website Anda—modul Joomla 1.5 ini akan terasa sangat penting ketika Anda harus melakukan perpindahan dari satu Joomla hosting ke Joomla yang lain.

2. PBE. Ini merupakan modul Joomla 1.5 populer yang baru-baru ini digemari oleh para pembangun website. Memungkinkan Anda untuk menyesuaikan tampilan halaman admin, tampilan gambar, dan juga editor.

3. Virtuemart. Modul Joomla 1.5 ini akan Anda butuhkan jika ingin membangun website untuk e-commerce. Sebuah toko online atau e-commerce apapun, platform yang digunakannya akan membutuhkan suatu tambahan perangkat yang memberikan penataan alur belanja pelanggan. Virtuemart adalah penyedia keranjang belanja otomatis dan juga sistem chek out yang mudah, sehingga akan membuat web Anda terlihat canggih.

4. Community Builder. Tujuan membuat website salah satunya adalah sebagai alat komunikasi yang dapat digunakan secara interaktif dua arah dengan cepat. Modul Joomla 1.5 ini akan sangat membantu Anda untuk berkomunikasi dengan jaringan sosial Anda di dunia komunitas Joomla.

Jika Anda merasa kurang berpengalaman dan masih kesulitan dalam penempatan modul-modul Joomla 1.5 ini ke dalam website, Anda dapat menyewa jasa profesional pembangun web Joomla

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.