Cara Membuat Situs Mobile-Ready menggunakan WordPress
Anda, teman saya, dan saya beruntung hidup di zaman dan era desain web responsif. Bahkan tanpa melihat terlalu jauh, Anda dapat melihat perkembangan luas – di pasar – aplikasi web yang beradaptasi dengan ukuran berbagai perangkat kita.
Aplikasi web yang sama akan terlihat sangat berbeda pada ukuran layar yang berbeda, sehingga membuka jalan bagi cara baru dan dinamis untuk menjangkau pelanggan, apa pun perangkatnya.
Saat ini, Anda dapat memberikan pengalaman luar biasa kepada pengguna di situs WordPress Anda, baik mereka melihatnya di ponsel cerdas, tablet, phablet, desktop, atau perangkat lain apa pun yang mereka miliki.
Beberapa waktu yang lalu, para pengusaha online harus berjuang untuk memasukkan situs web raksasa ke dalam layar kecil perangkat seluler. Masalah ini hampir terselesaikan ketika seseorang memperkenalkan ide untuk membuat versi situs desktop yang ramah seluler.
Ini baik-baik saja untuk sementara sampai timbul masalah. Pertama, mesin pencari tidak tahu apa yang harus dilakukan dengan duplikat konten, dan kedua, webmaster enggan membuat dan mengelola dua situs terpisah. Jika itu belum cukup, versi selulernya tidak seefektif versi desktop. Itu adalah sebuah teka-teki.
Namun solusi sebenarnya datang dalam bentuk dan nama desain web responsif, atau disingkat RWD. Itu tidak mungkin terjadi pada waktu yang lebih baik. Pengusaha online akhirnya bisa bernapas lega, karena RWD mengantarkan pengguna ponsel langsung ke tangan mereka.
Meskipun Cameron Adams mendemonstrasikan, pada tahun 2004, tata letak yang bergantung pada resolusi, baru pada bulan Mei 2010 Ethan Marcotte menciptakan istilah “Desain Web Responsif”. Segera setelah itu, desain web responsif semakin populer.
Selain pelajaran sejarah, mengapa Anda harus repot-repot membuat situs yang siap untuk seluler? Kecuali Anda tinggal di bawah batu, hal itu cukup jelas. Semakin banyak orang menggunakan perangkat seluler untuk menjelajahi situs Anda setiap hari.
Prospek membeli produk langsung dari perangkat seluler mereka, dan jika situs Anda tidak terlihat bagus dan berkinerja sangat baik di layar yang lebih kecil, Anda meninggalkan banyak uang.
Matt Cutts menyebutkan sesuatu yang mengejutkan beberapa bulan lalu. Ia mengatakan bahwa penelusuran seluler mungkin akan melampaui penelusuran desktop pada tahun 2015 dan seterusnya. Kemudian Google melanjutkan dan menambahkan label “ramah seluler” ke hasil penelusuran seluler mereka, yang berarti prospek Anda akan mengetahui bahwa situs Anda tidak ramah seluler jauh sebelum mereka mengekliknya.
Ini berarti Anda dapat mengucapkan selamat tinggal pada rasio konversi seluler yang tinggi jika situs Anda memiliki lebar tetap alias situs web kaku. Tidak ada seorang pun yang akan bertahan karena pengalaman pengguna yang buruk, terutama jika pesaing Anda memiliki situs web yang tampak bagus dan berkinerja sangat baik di perangkat seluler.
Dengan itu sebagai dasar, lalu bagaimana Anda membuat situs ramah seluler menggunakan WordPress?
Membuat Situs Web Ramah Seluler menggunakan WordPress
WordPress, sebagai platform yang menguntungkan, telah membuat pengembangan web tidak hanya lebih mudah, tetapi juga cukup mudah. Dalam hitungan menit, Anda dapat menyiapkan situs web yang 100% responsif dan indah yang akan menarik minat semua pengguna Anda. Pengguna perangkat seluler Anda akan mendapatkan pengalaman yang sama hebatnya dengan pengguna desktop Anda, yang berarti hal hebat bagi bisnis berbasis WordPress Anda.
Selain itu, Anda dapat membuat situs WordPress yang ramah seluler dengan dua cara utama. Kamu bisa:
- Bangun/beli tema WordPress yang responsif
- Gunakan plugin seluler
Kami akan menjelaskan masing-masingnya, dan kemudian mencantumkan contoh tema WordPress responsif serta plugin tampilan seluler untuk membantu Anda selangkah lebih maju.
Bangun/Beli Tema WordPress Responsif
Ini adalah cara termudah dan paling elegan untuk membuat situs web ramah seluler menggunakan WordPress. Dengan pasar tema WordPress yang penuh dengan tema responsif yang hebat, Anda harus menemukan tema yang cocok dengan selera dan preferensi Anda.
Meskipun ada beberapa pengembang yang masih merilis tema WordPress dengan lebar tetap (atau kaku), sebagian besar tema yang dirilis setelah tahun 2010 responsif sebagian atau seluruhnya. Tentu saja, Anda ingin menggunakan tema WordPress yang sepenuhnya (100%) responsif sejak awal atau saat mendesain ulang situs Anda.
Putuskan sejak awal fitur yang Anda perlukan, lalu pastikan tema Anda beradaptasi dengan lebar area pandang yang berbeda tanpa merusak fitur tersebut. Ada cara cepat untuk menentukan apakah tema WordPress responsif atau tidak.
Sebelum membeli tema WordPress pilihan Anda, pengembang biasanya mengizinkan Anda mengujinya dengan demo. Setelah Anda memuat demo, ubah ukuran browser Anda dengan mengeklik tombol perkecil dan menyeret bagian tepinya, lalu amati perilaku tema Anda.
Apakah tampilannya menurun dengan baik saat Anda mengurangi lebar browser, atau apakah bilah gulir muncul di bagian bawah browser? Jika temanya menurun dengan baik, Anda telah mendapatkan jackpot. Jalankan sebaliknya jika muncul scroll bar di bagian bawah browser Anda.
Tema responsif yang dirancang secara profesional seharusnya berharga kurang dari $70 dolar di situs web tepercaya seperti Elegant Themes (mereka menawarkan langganan tahunan), dan Themeforest, dan lain-lain. Anda juga dapat mengembangkan situs WordPress responsif Anda sendiri menggunakan kerangka tema responsif seperti Genesis, Garis Bawah, Tesis, dan banyak lagi.
Tanpa ragu, jika Anda punya uang untuk dibelanjakan, sewalah pengembang WordPress untuk membuatkan Anda tema responsif yang dibuat khusus dari awal. Anda bahkan dapat meminta mereka melakukan hard-code pada semua fitur yang Anda perlukan untuk menghindari penggunaan plugin, beberapa di antaranya mungkin tidak responsif.
Namun jika Anda baru memulai atau memiliki anggaran terbatas, berikut adalah beberapa tema WordPress ramah anggaran yang responsif sekaligus indah.
Total – Tema WordPress Drag & Drop Serbaguna yang Responsif
Item yang sedang tren di Themeforest (dengan penjualan lebih dari 9 ribu) pada saat penulisan, oleh penulis elit dan bereputasi baik, tema Total WordPress menambah kemudahan dan kesenangan pada desain web. Ini adalah tema multiguna, artinya Anda dapat membuat desain apa pun yang bisa dibayangkan, dan 100% responsif untuk memastikan semua desain hebat Anda cocok di semua layar perangkat.
Dengan dukungan luar biasa dan semua fitur yang selalu Anda inginkan, termasuk Visual Composer untuk mendukung pembuatan halaman front-end, tema Total WordPress memungkinkan Anda membangun situs WordPress yang ramah seluler seperti bos. Jangan percaya begitu saja, lihat sendiri demo cantiknya. Dan hanya dengan $58, tema Total WordPress adalah pilihan terjangkau untuk mempercantik situs WordPress Anda.
Divi – Tema WordPress Serbaguna yang Responsif
Tema paling populer dari Elegant Themes, Divi memiliki kelas tersendiri. Apakah sepenuhnya responsif? Anda yakin itu benar. Bagaimana dengan multiguna? Ayo, silakan ajukan pertanyaan lain. Selain itu, ini adalah bagian dari paket Tema Elegan, jadi jika Anda berubah pikiran, Anda memiliki tema lain yang tersedia untuk Anda.
Dan sama seperti tema favorit kami, tema Total WordPress, Anda dapat membuat desain tanpa batas menggunakan Divi tanpa perlu menyentuh sebaris kode pun. Tema ini akan membuat Anda mengeluarkan $69 dolar, atau $89 jika Anda menginginkan semua file Photoshop dan plugin premium.
Ultra – Tema WordPress Fleksibel & Responsif
Ultra adalah tema terbaru dari Themify dan sangat bagus. Ini kuat dan sangat responsif (oh, dan gratis untuk waktu yang sangat, sangat terbatas). Tema paling fleksibel dari Themify, Ultra memiliki tata letak dan opsi pembuatan halaman yang bagus.
Selain itu, jika Anda ingin menjadi anggota klub master, Anda juga akan mendapatkan semua tema menarik Themify dan semua plugin premiumnya yang luar biasa – seperti Themify Builder, Bilah Pengumuman, menu Bersyarat, dan banyak lagi!
Vertoh – Acara Responsif Tema WordPress
Merencanakan acara besar? Atau mungkin WordCamp? Periksa Vertoh. Elegan dan terstruktur untuk menjadi cantik namun kuat sesuai keinginan Anda. Ditambah dengan semua fitur acara tambahan seperti dukungan WooCommerce, widget hitung mundur, integrasi sosial, speaker, penjadwalan, dan banyak lagi.
Dikembangkan oleh SHOWthemes, Vertoh adalah tema WordPress acara responsif canggih yang akan terlihat sangat bagus di perangkat seluler. Mulai dari $79 saja untuk tema manajemen acara tingkat lanjut, Vertoh jelas merupakan pemenangnya.
uDesign – Tema WordPress Responsif
Ini super cepat, bertenaga, cantik, dan siap untuk seluler. Ini penuh dengan fitur yang Anda perlukan untuk membangun situs WordPress impian Anda, termasuk Visual Composer yang ramah, desain siap SEO, dukungan WPML, dan WooCommerce.
Pada dasarnya, Anda mendapatkan tema WordPress unik yang memungkinkan Anda membangun situs web siap seluler tanpa bersusah payah. Oh, apakah saya menyebutkan bahwa Anda mendapatkan dukungan luar biasa 24/7 dan pembaruan tanpa batas? uDesign telah menjadi produk utama Themeforest selama bertahun-tahun hanya dengan $58 dolar.
Direktori – Tema WordPress yang Responsif
Mencari <i>inspirasi untuk bisnis berbasis WordPress Anda berikutnya? Ya, Anda mungkin sudah menemukannya. Anda tidak perlu melihat lebih jauh dari Direktori, tema responsif buatan tangan yang bersih, profesional, dan kaya fitur dari Templatic.
Direktori adalah tema WordPress berguna yang cocok untuk bisnis apa pun yang ingin berbagi listingan, ulasan, atau jenis direktori lainnya (sesuai dengan namanya). Dan dengan semua tema anak premium yang Templatic buat, mudah untuk memulainya. Dan sama seperti semua tema di sini, dukungan dan pembaruan disertakan, artinya Anda dapat memanfaatkan tema tersebut semaksimal mungkin.
Pengecer – Tema WordPress Responsif
Dengan menggunakan The Retailer, Anda dapat membangun situs web WordPress mobile-ready apa pun yang dapat Anda pikirkan. Dari blog, situs web pribadi, portal perusahaan, portofolio, dan bahkan toko online, The Retailer hadir dengan fitur yang memadai untuk menangani apa pun yang Anda lakukan.
Ini 100% responsif, dilengkapi dengan add-on premium dan dukungan pelanggan yang andal serta panduan video untuk membantu Anda memulai dan menjalankannya dalam waktu singkat. Pengecer memiliki peringkat pembeli 4,64/5,00 dan berharga $58.
Itulah daftar singkat beberapa tema WordPress responsif yang tersedia di seluruh web. Dengan cara apa pun, dan jika Anda memerlukan lebih banyak pilihan, silakan kunjungi Themeforest dan cari “tema WordPress responsif”, dan Anda akan mendapatkan lebih banyak pilihan daripada yang Anda perlukan.
Selain itu, Anda dapat melihat tema WordPress premium kami atau tema WordPress gratis untuk mengetahui beberapa tema WordPress responsif yang hebat. Dan jika anggaran Anda terbatas, lihat tema WordPress responsif gratis di WordPress.org.
Bergerak…
Membuat Situs WordPress Mobile-Ready dengan Plugin Seluler
Jika tema WordPress pilihan Anda tidak responsif, atau Anda tidak ingin melepaskan tema dengan lebar tetap saat ini karena alasan Anda sendiri, Anda dapat memanfaatkan plugin WordPress tampilan seluler untuk menghadirkan pengalaman ramah seluler ke ponsel Anda. pengguna.
Prosesnya biasanya sederhana; cukup instal plugin Anda, konfigurasikan beberapa opsi dan pekerjaan Anda selesai. Mayoritas plugin ini memiliki fitur pemicu, yang memerintahkan plugin untuk menampilkan tema seluler kepada pengguna seluler. Tema seluler tidak diluncurkan untuk pengguna desktop.
Plugin seluler berikut akan membantu Anda membuat situs WordPress mobile-ready dengan mudah dan cepat:
Plugin WordPress Gratis Seluler WPtouch
Ini mungkin plugin seluler paling populer untuk WordPress, dengan lebih dari 400 ribu pemasangan aktif. Hanya dengan beberapa klik, Anda dapat menggunakan WPtouch untuk mengaktifkan “…tema seluler yang sederhana dan elegan untuk pengunjung seluler situs WordPress Anda.”
WPtouch hadir dengan panel admin intuitif yang memungkinkan Anda menyesuaikan tampilan situs Anda di perangkat seluler. Prosesnya cukup mudah, dan Anda tidak akan pernah menyentuh satu baris kode pun.
Pengunjung Anda juga dapat memilih antara versi seluler dan desktop dengan satu klik. Pengembangnya, BraveNewCode, Inc. dan Dave Storey antara lain juga menyediakan versi pro yang dikirimkan dengan tema dan fitur yang ditingkatkan. Plugin ini memiliki peringkat di atas rata-rata yaitu 3,7/5.0.
Plugin WordPress Gratis Detektor Seluler WP
Apakah Anda ingin memobilisasi situs WordPress Anda dengan cara mudah? Jika jawabannya ya, WP Mobile Detector adalah jawaban Anda. Berkat kecerdikan dalam pembuatan plugin ini, WP Mobile Dectector dapat secara otomatis memuat tema seluler yang kompatibel jika mendeteksi pengunjung menggunakan ponsel pintar atau ponsel biasa.
Fitur khusus mencakup deteksi 5.000+ perangkat seluler, pengubahan ukuran gambar, statistik seluler, dan konten yang diformat secara otomatis. Selain itu, plugin ini mudah dipasang, disesuaikan, dan digunakan. Muncul dengan tujuh tema seluler, dan Anda dapat membuat tema khusus Anda sendiri menggunakan editor tema seluler interaktif. Anda bahkan dapat mengunggah logo Anda sendiri dan menambahkan iklan seluler!
Pilihannya hampir tidak terbatas dengan WP Mobile Detector. Plugin ini memiliki peringkat 3.7/5.0, dan hadir dengan versi pro yang menawarkan kemampuan yang ditingkatkan.
Plugin WordPress Gratis Paket Seluler WordPress
WordPress Mobile Pack melangkah melampaui daya tanggap dengan memberi Anda kesempatan untuk memasukkan seluruh situs WordPress Anda ke dalam aplikasi seluler lintas platform.
Plugin ini didukung di Windows Phone 8, iPhone, Ponsel Android, dan Firefox OS. Selain itu, ini kompatibel dengan semua browser utama. Dari dasbor yang mudah digunakan, Anda dapat menyesuaikan tampilan aplikasi, mengatur postingan, halaman, dan komentar dalam kategori serta melacak penggunaan seluler melalui Google Analytics.
Fitur lainnya antara lain dukungan untuk phablet dan tablet, sumber konten tak terbatas, aplikasi tak terbatas, mode offline, monetisasi, dan mode layar penuh. WordPress Mobile Pack memang sangat responsif.
Kata Terakhir…
Hingga saat ini, Anda seharusnya sudah bisa membuat situs mobile-ready terbaik menggunakan WordPress. Opsi terbaik dan direkomendasikan, tentu saja, adalah menggunakan tema WordPress responsif sejak awal. Jika itu bukan pilihan Anda, Anda selalu dapat mengandalkan plugin seluler.
Saya akan menggunakan tema WordPress responsif kapan saja. Bagaimana denganmu? Selain itu, tips apa yang Anda gunakan untuk membuat situs WordPress Anda siap untuk perangkat seluler? Bagikan dengan kami!