Cara Mengubah Situs WordPress Anda Menjadi Aplikasi, Langkah-demi-Langkah

WordPress Mobile Ready

Mengapa membuat aplikasi sejak awal, saya dengar Anda bertanya? Aplikasi mungkin tidak terlalu berguna untuk pemasaran lagi, tetapi mereka cukup nyaman bagi pelanggan Anda – memberi mereka lebih banyak pilihan tentang bagaimana mereka berinteraksi dengan situs Anda. Dengan terus meningkatnya internet seluler (lebih banyak orang sekarang mengakses internet melalui aplikasi seluler daripada desktop) aplikasi semakin berkembang, karena sebagian besar di tempat ini tidak semikok atau bermasalah seperti peramban web seluler.


Biaya dan frustrasi yang terlibat dalam membangun seseorang juga sudah sangat jauh. Di masa lalu, banyak bisnis yang tertarik pada aplikasi, tetapi sebagian besar tidak mampu membangunnya. Itu terlalu sulit. Atau mahal (kebanyakan pengembang mengenakan biaya lebih dari $ 100 per jam)

Tapi untungnya, segalanya berbeda sekarang. Anda tidak lagi membutuhkan banyak uang atau pengetahuan pengkodean untuk membangun aplikasi yang kompeten. Dan bahkan lebih baik – Anda memiliki opsi. Hari ini kita akan melihat:

  • Pastikan situs WordPress Anda responsif seluler
  • Membangun (dan mengode) aplikasi Anda sendiri dengan PhoneGap
  • Gunakan Plugin WordPress untuk membuat aplikasi Anda (alias cara mudah)

Catatan tentang Pembuat Aplikasi Gratis

Selama beberapa tahun terakhir, satu ton opsi “gratis” untuk membangun aplikasi telah muncul, tetapi salah satu yang paling dapat dipercaya adalah Adobe PhoneGap Build. Ketika situs mereka mengiklankan Anda cukup mengunggah file HTML5, CSS dan JavaScript Anda dan situs tersebut akan melakukan pekerjaan merakitnya menjadi aplikasi yang langsung dapat diunduh. Terbaik dari semua, itu dapat membangun tiga secara bersamaan untuk Android, Windows Phone 8 dan iOS – menghemat banyak waktu Anda.

Hasilnya tidak akan terlalu mewah. Faktanya, semua metode ini benar-benar dilakukan adalah menyamarkan beranda Anda sebagai sebuah aplikasi. Ketika pemirsa mengetuk ikon, mereka hanya akan dibawa ke situs web seluler yang sama dengan yang mereka lihat jika mereka mengaksesnya melalui peramban ponsel mereka. Jadi, agar metode ini efektif, Anda harus memiliki situs yang sudah ada yang dioptimalkan untuk tampilan seluler.

1. Pastikan Situs WordPress Anda Memiliki Versi Seluler

Jika situs WordPress Anda tidak dioptimalkan untuk perangkat seluler, ini benar-benar tidak ada gunanya. Jadi optimalkan! Tentu saja paling mudah menggunakan tema WordPress responsif seluler seperti Total. Tetapi jika tema Anda tidak responsif, ada banyak plugin yang dapat membantu.

Tema Ponsel

Tema Ponsel

Info & Unduh

iThemes Mobile akan memungkinkan Anda membuat tema seluler yang sederhana namun efektif berdasarkan desain situs Anda saat ini. Panel administrasi memungkinkan Anda menyesuaikan sebagian besar aspek penampilan tanpa harus mengacaukan kode.

Setiap Pengalih Tema Seluler

Setiap Pengalih Tema Seluler

Setiap Mobile Theme Switcher adalah plugin dasar yang akan mendeteksi perangkat yang digunakan oleh pengunjung Anda dan menampilkan tema spesifik untuk perangkat itu. Jadi jika Anda ingin menyeimbangkan banyak tema – satu untuk setiap OS seluler – Anda dapat melakukannya dengan cara itu.

WordPress Mobile Pack

Plugin WordPress Mobile Pack

Terakhir, ada WordPress Mobile Pack, yang menawarkan sejumlah aplikasi web seluler lintas platform, UI dan opsi bertema, dan integrasi yang mudah dengan Google Analytics.

2. Gunakan PhoneGap Build untuk Membuat Aplikasi

Adobe PhoneGap Build

Jika Anda mengerti teknologi dan ingin memanfaatkannya, Anda dapat menggunakan Adobe PhoneGap untuk benar-benar membuat aplikasi untuk situs web WordPress Anda. Adobe memiliki panduan langkah-demi-langkah lengkap dalam dokumen mereka, tetapi di sini adalah sekilas langkah-langkah yang harus Anda ikuti.

Langkah 1: Persiapan

Sebelum Anda mulai, pastikan Anda memiliki cara untuk menguji aplikasi Anda. Anda dapat menggunakan alat pengembang peramban untuk meniru tampilan perangkat seluler, atau mencoba layanan seperti Pengujian CrossBrowser. Tetapi jika Anda dapat mengelolanya, yang terbaik adalah memiliki iOS dan perangkat Android.

Selanjutnya, Anda harus melakukannya instal Adobe PhoneGap Build di komputer Anda. Klik untuk mengunduh versi Mac atau PC, dan ikuti petunjuk di layar. Adobe juga menyarankan menginstal gratis Aplikasi Pengembang PhoneGap sehingga Anda dapat langsung menguji aplikasi saat membangun.

Langkah 2: Buat Aplikasi Anda

Selanjutnya gunakan program PhoneGap untuk buat aplikasi Anda. Harap dicatat – PhoneGap didasarkan pada Cordova, jadi Anda harus memiliki pemahaman tentang hal itu untuk benar-benar kode aplikasi Anda.

Pilih dari contoh “Hello World” default, Framework7, Notifikasi Dorong, React Hot Loader atau template Kosong untuk memulai. Maka Anda harus memilih di mana pada hard drive lokal Anda, Anda akan mengerjakan proyek Anda, dan memberikan nama dan ID. Setelah selesai, PhoneGap akan memberikan alamat server yang dapat Anda gunakan untuk melihat aplikasi Anda.

Untuk memberi Anda tampilan, direktori root Anda akan memerlukan file kunci untuk PhoneGap untuk benar-benar membuat aplikasi Anda. Khususnya index.html Anda (minimal), config.xml dan folder sub-direktori (yang terakhir adalah spesifik sistem operasi).

Ini adalah contoh langsung dari aplikasi PhoneGap struktur proyek halaman:

Struktur proyek aplikasi PhoneGap\

Anda juga harus membuat ikon sendiri. Tentu saja Anda dapat menangani ini sendiri atau menggunakan alat online gratis. IconsFlow adalah alat yang hebat untuk membantu Anda membuat ikon aplikasi profesional dengan cepat menggunakan gambar preset, opsi warna, gradien, dll. Cukup desain ikon Anda, buat akun gratis dan unduh file Anda. Jika Anda sudah memiliki ikon tetapi perlu mengubah ukurannya untuk semua perangkat dan sistem operasi, gratis Pembuat Ikon Aplikasi dapat melakukan hal itu. Tetapi jika Anda melakukan pencarian cepat Google Anda akan menemukan ada banyak situs web, layanan dan aplikasi lain untuk dipilih untuk membuat ikon Anda.

Langkah 3: Menguji Aplikasi Anda

Dengan aplikasi Anda selesai dan siap digunakan, Anda dapat mengujinya menggunakan Aplikasi Pengembang PhoneGap yang diinstal sebelumnya. Pastikan untuk menggunakan alamat server yang disediakan. Dari sana Anda dapat melihat aplikasi pada perangkat seluler Anda, memecahkan masalah apa pun, menambahkan perbaikan, mengunggah kembali dan membangun kembali hingga sempurna.

Catatan penting: PhoneGap Builder hanya dapat bekerja dengan iOS jika Anda telah bergabung dengan program Pengembang iOS (yang dihargai $ 99 / tahun ketika artikel ini ditulis) dan memberikan sertifikat Anda. Dengan perangkat lunak program, Anda sebenarnya dapat membangun aplikasi di sana sendiri. Tetapi alasan kami menyarankan PhoneGap adalah agar Anda dapat menghemat waktu dengan melakukan ketiganya sekaligus – meniadakan kebutuhan untuk melakukan apa pun secara terpisah. Jadi ya, Anda membayar banyak layanan yang mungkin tidak Anda gunakan, tetapi jika Anda ingin aplikasi Anda pada iProducts apa pun, mereka agak membuat Anda lebih dari satu barel di sini.

3. Gunakan Pembuat Aplikasi Alternatif untuk WordPress

Selain alat iOS, ada banyak layanan pengembangan aplikasi dan plugin yang dapat Anda gunakan. Ini secara signifikan lebih mudah daripada membangun aplikasi sendiri. Beberapa dari mereka juga akan membangun (setidaknya) aplikasi Android tanpa biaya. Meskipun Anda harus memeriksa situs utama pengembang untuk memastikan.

AppPresser

AppPresser

AppPresser adalah Kerangka aplikasi seluler pertama untuk WordPress yang terbesar, paling populer dan konon. Ini menawarkan integrasi penuh: di mana sebagian besar pembuat aplikasi hanya menggunakan umpan dari situs WordPress Anda, AppPresser memungkinkan Anda menggunakan semua plugin, posting, dan halaman Anda. Selain itu, secara otomatis memperbarui aplikasi segera setelah Anda mengedit situs Anda. Ini fitur dukungan penuh untuk e-commerce, juga.

Aplikasi WPMobile

Aplikasi WPMobile

Aplikasi WPMobile memungkinkan Anda membuat aplikasi Android dan iOS untuk situs Anda. Meskipun plugin dasar gratis, Anda harus membayar lisensi seumur hidup untuk benar-benar membuat aplikasi Anda (mulai dari 79 € untuk satu format aplikasi, atau 149 € untuk keduanya). Dengan Aplikasi WPMobile Anda akan memiliki opsi penyesuaian, uji langsung gratis, pembaruan aplikasi otomatis, dukungan pemberitahuan push, integrasi sosial dan dukungan premium (fitur sambutan jika Anda mengalami kesulitan).

MobiLoud

Mobiloud

Sementara pricier (mulai dari $ 120 / bulan), MobiLoud menangani hampir semua untuk Anda (termasuk mengirimkan aplikasi Anda ke App Store dan Google Play), sehingga membuat harganya cukup masuk akal. Dengan MobiLoud aplikasi akhir Anda menawarkan kompatibilitas lintas perangkat, berbagi sosial yang mudah, monetisasi (melalui iklan atau langganan), pemberitahuan push, dan banyak lagi. Dan ketika layanan dipasangkan dengan plugin mereka (ditautkan di atas) Anda dapat mengelola aplikasi Anda dan mendorong pemberitahuan dari dalam WordPress.

Akhirnya, ada banyak orang yang dapat Anda bayar untuk melakukannya untuk Anda. Namun, dengan begitu banyak cara yang mudah dan terjangkau untuk DIY, Anda tidak perlu menempuh rute itu untuk aplikasi dasar.


Ada banyak cara untuk membangun aplikasi, dan meskipun tampaknya mengintimidasi pada pandangan pertama, metode di atas membuatnya sangat sederhana. Pastikan Anda memiliki situs web seluler yang bagus untuk memulai, oke? Sekarang biarkan aku memilikinya. Apakah ada yang salah di sini? Apakah ada metode lain yang harus saya ketahui? Jangan ragu untuk meninggalkan umpan balik Anda di bawah ini!

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