Cara Membuat Situs Mobile-Ready menggunakan WordPress

Anda, teman saya, dan saya beruntung hidup di zaman dan era desain web yang responsif. Bahkan tanpa melihat dengan susah payah, Anda dapat melihat proliferasi luas – di pasar – aplikasi web yang beradaptasi dengan ukuran berbagai perangkat kami.


Aplikasi web yang sama akan terlihat sangat berbeda pada ukuran layar yang berbeda, yang telah membuka jalan bagi cara-cara baru dan dinamis untuk menjangkau pelanggan terlepas dari perangkat mereka.

Hari ini, Anda dapat memberikan pengalaman hebat kepada pengguna di situs WordPress Anda, apakah mereka melihatnya di smartphone, tablet, phablet, desktop, atau perangkat lain yang mereka inginkan..

Beberapa waktu yang lalu, pengusaha online harus berjuang untuk memeras situs web raksasa ke layar kecil perangkat seluler. Masalahnya hampir terpecahkan ketika seseorang memperkenalkan gagasan untuk membuat versi terpisah dari situs desktop mobile-friendly.

Ini baik-baik saja untuk sementara waktu sampai timbul masalah. Pertama, mesin pencari tidak tahu apa yang harus dilakukan dengan konten duplikat, dan kedua, webmaster enggan membuat dan mengelola dua situs terpisah. Jika itu tidak cukup, versi seluler tidak seefektif rekan-rekan desktop mereka. Itu adalah teka-teki.

Tetapi solusi sebenarnya datang dalam bentuk dan nama desain web responsif, atau singkatnya RWD. Itu tidak bisa datang pada waktu yang lebih baik. Pengusaha online akhirnya bisa menghela nafas lega, karena RWD mengirim pengguna ponsel langsung ke tangan mereka yang bersemangat.

Meskipun Cameron Adams menunjukkan, pada tahun 2004, tata letak tergantung resolusi, itu tidak sampai Mei 2010 bahwa Ethan Marcotte menciptakan istilah “Desain Web Responsif“. Segera setelah itu, desain web responsif semakin populer.

Di samping pelajaran sejarah, mengapa Anda harus bersusah payah membuat situs yang siap pakai untuk seluler? Kecuali Anda hidup di bawah batu, 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 di atas meja.

Matt Cutts menyebutkan sesuatu yang mengejutkan beberapa bulan lalu. Dia berkata pencarian seluler mungkin melampaui pencarian desktop datang tahun 2015, dan seterusnya. Kemudian Google melanjutkan dan menambahkan label “mobile friendly” ke hasil pencarian mobile mereka, yang berarti prospek Anda akan tahu situs Anda tidak ramah seluler jauh sebelum mereka mengklik.

Ini berarti Anda dapat mengucapkan selamat tinggal pada tingkat konversi seluler yang tinggi jika milik Anda adalah situs web yang kaku alias kaku. Tidak ada yang akan bertahan untuk pengalaman pengguna yang buruk, terutama jika pesaing Anda memiliki situs web yang tampak hebat dan berkinerja sangat baik di perangkat seluler.

Dengan itu sebagai primer, lalu bagaimana Anda membuat situs ramah-mobile menggunakan WordPress?

Membuat Situs Web yang Ramah Seluler menggunakan WordPress

wordpress-to-mobile-app

WordPress, sebagai platform yang menguntungkan itu, telah membuat pengembangan web tidak hanya lebih mudah, tetapi juga sangat mudah. Dalam hitungan menit, Anda dapat membuat situs web responsif 100% yang indah yang akan menggairahkan semua pengguna Anda. Pengguna perangkat seluler Anda akan memiliki pengalaman yang sama hebatnya dengan pengguna desktop Anda, yang hanya dapat berarti hal-hal luar biasa untuk 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-masing, dan kemudian mencantumkan contoh tema WordPress responsif serta plugin tampilan seluler untuk membuat Anda selangkah lebih maju..

Bangun / Beli Tema WordPress yang Responsif

Ini adalah cara termudah dan paling elegan untuk membuat situs web ramah seluler menggunakan WordPress. Dengan pasar tema WordPress penuh sesak dengan tema-tema responsif yang hebat, Anda harus menemukan satu yang sesuai dengan selera dan preferensi Anda dengan sangat baik..

Meskipun ada beberapa pengembang yang masih merilis tema WordPress dengan lebar tetap (atau kaku), sebagian besar tema yang dirilis setelah 2010 sebagian atau sepenuhnya responsif. 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 butuhkan, dan kemudian pastikan tema Anda beradaptasi dengan lebar viewport yang berbeda tanpa melanggar fitur tersebut. Ada cara cepat untuk menentukan apakah tema WordPress responsif atau tidak.

Sebelum membeli tema WordPress pilihan Anda, para pengembang biasanya memungkinkan Anda untuk mengujinya dengan demo. Setelah Anda memuat demo, ubah ukuran browser Anda dengan mengklik tombol perkecil dan menyeret tepi, dan kemudian amati perilaku tema Anda.

Apakah itu menurunkan anggun saat Anda mengurangi lebar browser Anda, atau apakah bilah gulir muncul di bagian bawah browser? Jika tema menurun dengan anggun, Anda telah mendapatkan jackpot. Jalankan sebaliknya jika bilah gulir muncul di bagian bawah browser Anda.

Tema responsif yang dirancang secara profesional harus bernilai kurang dari $ 70 dolar di situs web tepercaya seperti Elegant Themes (mereka menawarkan langganan tahunan), antara lain Array dan Themeforest. Anda juga dapat mengembangkan situs WordPress responsif Anda sendiri menggunakan kerangka kerja tema responsif seperti Genesis, Garis bawah, Tesis dan banyak lagi.

Tanpa ragu, jika Anda memiliki uang untuk percikan, sewa pengembang WordPress untuk membuat Anda tema responsif yang dibuat khusus dari awal. Anda bahkan dapat memilikinya dengan hard-code semua fitur yang perlu Anda hindari menggunakan plugins, beberapa di antaranya mungkin tidak responsif.

Tetapi jika Anda memulai atau dengan anggaran terbatas, berikut adalah beberapa tema WordPress ramah-anggaran yang sama responsifnya dengan keindahannya..

Total – Drag & Drop Tema Multiguna Serbaguna Responsif

Total Tema WordPress

Item yang sedang tren di Themeforest (dengan penjualan lebih dari 9k) pada saat penulisan, oleh seorang penulis elit dan terkemuka, tema Total WordPress menambah kemudahan dan kesenangan kembali ke desain web. Ini adalah tema multiguna, artinya Anda dapat membangun desain apa pun yang bisa dibayangkan, dan 100% responsif untuk memastikan semua desain Anda yang luar biasa 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, Total WordPress theme memungkinkan Anda untuk membangun situs WordPress yang ramah mobile seperti bos. Jangan mengambil kata-kata saya untuk itu, lihat sendiri demo indah itu. Dan hanya dengan $ 58, tema Total WordPress adalah opsi yang bagus untuk meningkatkan situs WordPress Anda.

Divi – Tema WordPress Serbaguna Multiguna

Tema WordPress Responsif Divi

Tema paling populer dari Elegant Themes, Divi ada di kelasnya sendiri. Apakah sepenuhnya responsif? Anda bertaruh pasti begitu. Bagaimana dengan multiguna? Ayo, tanyakan pertanyaan lain. Tambahkan bagian dari bundel Tema Elegan, jadi jika Anda berubah pikiran, Anda memiliki tema lain yang tersedia untuk Anda.

Dan seperti halnya dengan tema favorit kami, tema Total WordPress, Anda dapat membuat desain tanpa batas menggunakan Divi tanpa pernah menyentuh garis kode. Tema ini akan membuat Anda mengembalikan $ 69 dolar, atau $ 89 jika Anda menginginkan semua file photoshop dan plugin premium.

Tema WordPress Ultra – Fleksibel & Responsif

Tema WordPress Ultra Fleksibel

Ultra adalah tema terbaru dari Themify, dan ini sangat bagus. Ini tangguh dan responsif dengan indah (oh, dan gratis untuk waktu yang sangat, sangat terbatas). Tema paling fleksibel dari Themify, Ultra memiliki opsi tata letak dan pembuatan halaman yang bagus.

Selain itu, jika Anda ingin menjadi anggota klub master, Anda juga akan mendapatkan semua tema Themify yang indah dan semua plugin premium luar biasa mereka – seperti Pembuat Themify, Bar Pengumuman, menu Bersyarat dan banyak lagi!

Vertoh – Acara Responsif Tema WordPress

Tema Responsif Vertoh Tema WordPress

Merencanakan acara besar? Atau mungkin WordCamp? Periksa Vertoh. Elegan dan terstruktur untuk menjadi cantik namun kuat seperti yang Anda inginkan. Ditambah dengan semua fitur acara tambahan seperti dukungan WooCommerce, widget hitung mundur, integrasi sosial, speaker, penjadwalan, dan lainnya.

Dikembangkan oleh SHOWthemes, Vertoh adalah ajang responsif acara tema WordPress yang akan terlihat sangat bagus di perangkat seluler. Mulai dari hanya $ 79 untuk tema manajemen acara lanjutan, Vertoh jelas merupakan pemenang.

uDesign – Tema WordPress Responsif

udesign-responsif-wordpress-theme

Ini sangat cepat, kuat, cantik, dan siap untuk seluler. Ini penuh dengan fitur yang Anda butuhkan untuk membangun situs web WordPress dari impian Anda, termasuk Visual Composer, desain siap-SEO, dukungan WPML, dan WooCommerce.

Pada dasarnya, Anda mendapatkan satu dari satu jenis tema WordPress yang memungkinkan Anda membangun situs web mobile-ready tanpa berkeringat. Oh, apakah saya menyebutkan Anda mendapatkan dukungan luar biasa 24/7 dan pembaruan tanpa batas? uDesign telah menjadi bahan pokok Themeforest selama bertahun-tahun hanya dengan $ 58 dolar.

Direktori – Tema WordPress Responsif

Tema WordPress Responsif Direktori

Mencari inspirasi untuk bisnis berbasis WordPress berikutnya? Nah, Anda mungkin telah menemukannya. Anda tidak perlu melihat lebih jauh dari Direktori, tema responsif kerajinan tangan yang bersih, profesional, dan kaya fitur dari Templatic.

Direktori adalah tema WordPress berguna yang cocok untuk bisnis apa pun yang ingin berbagi cantuman, ulasan, atau jenis direktori lainnya (oleh karena itu namanya). Dan dengan semua tema anak premium yang telah dibuat Templatic, mudah untuk memulai. Dan seperti halnya semua tema di sini, dukungan dan pembaruan disertakan, artinya Anda memanfaatkan tema secara maksimal.

Pengecer – Tema WordPress Responsif

the-retailer-responsif-wordpress-theme

Menggunakan Pengecer, Anda dapat membangun situs web WordPress siap-seluler yang dapat Anda pikirkan. Dari blog, situs web pribadi, portal perusahaan, portofolio, dan bahkan toko online, Pengecer dibundel dengan fitur yang memadai untuk menangani apa pun yang Anda lemparkan padanya.

Ini 100% responsif, dilengkapi dengan tambahan premium dan dukungan pelanggan yang andal serta penelusuran video untuk membuat Anda bangun dan berjalan dalam waktu singkat. Pengecer memiliki peringkat pembeli 4,64 / 5,00 dan berlaku untuk $ 58.

Bahwa ada daftar pendek beberapa tema WordPress responsif yang tersedia di web. Dengan cara apa pun, dan jika Anda membutuhkan lebih banyak pilihan, silakan kunjungi Themeforest dan cari “tema WordPress responsif”, dan Anda akan mendapatkan lebih banyak pilihan daripada yang pernah Anda butuhkan.

Selain itu, Anda dapat memeriksa tema WordPress premium kami atau tema WordPress gratis untuk beberapa tema WordPress responsif yang hebat. Dan jika anggaran Anda ketat, periksa tema WordPress responsif gratis di WordPress.org.

Bergerak…

Membuat Situs WordPress Mobile-Ready dengan Mobile Plugin

Jika tema WordPress pilihan Anda tidak responsif, atau Anda tidak ingin melepaskan tema lebar tetap saat ini karena alasan Anda sendiri, Anda dapat memanfaatkan plugin WordPress layar seluler untuk memberikan pengalaman ramah seluler ke ponsel Anda pengguna.

Prosesnya biasanya sederhana; cukup instal plugin Anda, konfigurasikan beberapa opsi dan pekerjaan Anda selesai. Sebagian besar plugin ini memiliki fitur pemicu, yang menginstruksikan plugin untuk menampilkan tema seluler kepada pengguna seluler. Tema seluler tidak diluncurkan untuk pengguna desktop.

Plugin seluler berikut akan membantu Anda membuat situs WordPress siap-seluler dengan mudah dan cepat:

Plugin WordPress Gratis Seluler WPtouch

wptouch-mobile-plugin-untuk-wordpress

Ini mungkin adalah plugin seluler paling populer untuk WordPress, apa dengan lebih dari 400 ribu pemasangan aktif. Dengan hanya beberapa klik, Anda dapat menggunakan WPtouch untuk mengaktifkan “… tema seluler yang sederhana dan elegan untuk pengunjung seluler situs web WordPress Anda.”

WPtouch hadir dengan panel admin intuitif yang memungkinkan Anda untuk 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. Para pengembang, antara lain BraveNewCode, Inc. dan Dave Storey juga menyediakan versi pro yang menghadirkan tema dan fitur yang disempurnakan. Plugin memiliki peringkat di atas rata-rata 3,7 / 5.0.

Plugin WP Mobile Detector Gratis WordPress

wp-mobile-detector-plugin-untuk wordpress

Apakah Anda mencari untuk memobilisasi situs WordPress Anda dengan cara mudah? Jika itu benar ya, WP Mobile Detector adalah jawaban Anda. Berkat kecerdikan yang masuk ke pembuatan plugin ini, WP Mobile Dectector dapat secara otomatis memuat tema ponsel yang kompatibel jika mendeteksi pengunjung ada di ponsel pintar atau ponsel biasa..

Fitur khusus termasuk deteksi 5.000+ perangkat seluler, pengubahan ukuran gambar, statistik seluler, dan konten yang diformat secara otomatis. Selanjutnya, plugin ini mudah dipasang, disesuaikan dan digunakan. Muncul dengan tujuh tema seluler, dan Anda dapat membangun tema khusus Anda sendiri menggunakan editor tema seluler interaktif. Anda bahkan dapat mengunggah logo Anda sendiri dan menambahkan iklan seluler!

Opsi ini hampir tidak terbatas dengan WP Mobile Detector. Plugin ini memiliki peringkat 3.7 / 5.0, dan dilengkapi dengan versi pro yang menawarkan kemampuan yang ditingkatkan.

Plugin WordPress Mobile Pack Gratis WordPress

wordpress-mobile-pack-plugin-untuk-wordpress

WordPress Mobile Pack melangkah lebih jauh dari responsif dengan memberi Anda kesempatan untuk memeras 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 posting, halaman, dan komentar dalam kategori serta melacak penggunaan ponsel melalui Google Analytics.

Fitur lain termasuk dukungan untuk phablet dan tablet, sumber konten tidak terbatas, aplikasi tidak terbatas, mode offline, monetisasi dan mode layar penuh. Seolah-olah, WordPress Mobile Pack sangat responsif.

Kata terakhir …

Hingga saat ini, Anda harus dapat membuat situs siap-pakai laci-tinggi menggunakan WordPress. Opsi terbaik dan yang disarankan, tentu saja, adalah menggunakan tema WordPress responsif dari kata go. Jika itu bukan pilihan bagi Anda, Anda selalu dapat mengandalkan plugin seluler.

Saya akan pergi dengan tema WordPress responsif setiap hari. Bagaimana dengan kamu? Selain itu, kiat apa yang Anda gunakan untuk membuat situs WordPress Anda siap untuk perangkat seluler? Bagikan dengan kami!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map