Category Archives: Pengetahuan

Membuat Website Joomla Mobile Friendly

Membuat Website Joomla Mobile Friendly

Di masa sekarang ini perkembangan gadget sangatlah pesat, perkembangan gadget yang paling menonjol terletak pada perangkat Mobile Phone atau sekarang ini lebih sering disebut dengan smartphone. Pertumbuhan pengguna Mobile Phone yang sangat pesat ini ternyata berpengaruh juga terhadap perubahan kebiasaan pengguna internet pada kesehari harian.

Jika sebelumnya pengguna internet kebanyakan menggunakan gadget seperti Laptop atau PC, namun berbeda sekali di masa sekarang ini pengguna internet lebih banyak mengandalkan perangkat Mobile Phonenya untuk mengakses internet di mana pun dan kapan pun. Karena menurut mereka hanya dengan Mobile Phone saja mereka sudah bisa mendapatkan semua informasi yang ada di internet kapan saja, dimana saja, dan mudah di bawa kemana – mana.

Perkembangan perangkat Mobile Phone ternyata tidak hanya merubah kebiasaan pengguna internetnya saja. Tapi penyedia layanan informasi atau mesin pencari pun ikut merubah peraturan yang ada. Contohnya saja seperti mesin pencarian Google, Sadar akan pertumbuhan pengguna internet yang mengakses internet lebih mendominasi dari pada melalui perangkat lainnya. Oleh karena itu Google pun mengeluarkan algoritma baru yaitu Mobilegeddon yang mengharuskan pemilik web untuk merubah tampilan web mereka menjadi responsive atau lebih dikenal dengan tampilan yang Mobile Friendly. Jika kalian membuka Google melalui Browser Mobile Phone kalian, maka kalian akan menemukan tulisan “Mobile Friendly” dibawah URL.

Seperti CMS lainnya yang sudah mempersiapkan untuk menghadapi algoritma tersebut, Joomla pun melakukan hal yang serupa. Sebenarnya secara mendasar Joomla versi 3 sudah mendukung untuk tampilan Web yang responsive sehingga dengan begitu kalian bisa membuka Web tersebut dengan tampilan yang secara otomatis akan menyesuaikan dengan ukuran layar laptop ataupun Mobile Phone. Untuk membuat tampilan Website Joomla kalian menjadi Mobile Friendly maka kalian bisa memanfaatkan beberapa Template dan Ekstensi Joomla yang bisa mendukung hal tersebut untuk menjadikan  Joomla Mobile Friendly.

1. Template Framework Helix

Template Framework hasil pengembang template Joomla bernama JoomShaper turut meramaikan jajaran Template Framework ini sudah banyak digunakan oleh pengguna Joomla. Hal ini disebabkan karena Joomshaper sebagai pengembang Template Joomla menawarkan bermacam – macam Template yang memudahkan pengguna Joomla untuk mengembangkan Template yang lebih kreatif dan didukung dengan banyak fitur seperti tampilan Responsive Web Design. Namun masih ada banyak Template Framework yang sudah menyediakan fitur Responsive Web Design. Jadi sebaiknya kalian juga ikut memilih template pilihan kalian masing.

Baca juga: http://joomlahostingindonesia.com/membuat-website-joomla-profesional/

2. Ekstensi Mobilize

Ekstensi yang mempunyai nama lengkap JSN Mobilize ini merupakan hasil pengembangan dari salah satu pengembang Ekstensi Joomla yang bernama Joomla Shine. Ekstensi ini sangat cocok untuk kalian yang serius dalam menggunakan Joomla, karena Ekstensi ini menyediakan cara yang berbeda dalam menghasilkan sebuah Website yang Mobile Friendly. Namun sayangnya untuk menikmati fitur tertentu kalian harus mengeluarkan biaya di mulai dari 49$. Tetapi jika kalian hanya berniat untuk mencoba Ekstensi ini, kalian bisa menikmati versi gratisnya dengan batasan fitur – fitur yang diberikan. Hal ini sangat direkomendasikan untuk Membuat Website Joomla Mobile Friendly

Mungkin sekian informasi dari saya untuk Membuat Website Joomla Mobile Friendly. Selamat mencoba.

Apa bila Anda sedang ingin memiliki dan membangun website dengan Joomla Hosting, maka Anda sedang membaca artikel yang tepat. Anda bisa membangun website Joomla Anda dengan https://www.jakartawebhosting.com/joomla-hosting.aspx

Presented By Jakartwebhosting.com

Jakarta Web Hosting Indonesia
Jakarta Web Hosting Indonesia

Membuat Website Joomla Mobile Friendly

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.