نحوه ساخت اپلیکشن اندروید در وردپرس با WordApp

ساخت اپلیکشن در وردپرس

بروزرسانی در تاریخ 15 اسفند 1396 توسط محدثه اسماعیلی
امروزه بخش عظیمی از جستجوهای اینترنتی و مشاهده سایت‌ها از طریق تلفن همراه صورت می‌گیرد؛ بنابراین باید به کاربرانی که از طریق موبایل وارد وبسایت می‌شوند نیز توجه داشت. یک‌ راه سریع برای در دسترس بودن همیشگی از طریق موبایل این است که برای وبسایت خود یک اپلیکیشن مجزا طراحی کنیم و آن را در اختیار کاربران قرار دهیم. ساخت اپلیکشن در وردپرس موجب می‌شود تا راحت‌تر در دسترس باشید و کاربران بتوانند مطالب وبسایت یا محصولات شما را از طریق یک اپلیکیشن دنبال کنند.

ساخت اپلیکشن در وردپرس

روش‌های زیادی برای ساخت اپلیکشن در وردپرس وجود دارد، اما از آنجایی‌ که هزینه‌های برون‌ سپاری طراحی سنگین است، قصد داریم افزونه‌ای را معرفی کنیم که از طریق آن قادر خواهید بود کل وبسایت خود را در ماهیت یک برنامه موبایل ارائه دهید تا کاربران بتوانند شما را از طریق برنامه نصب‌ شده روی موبایل دنبال کنند و محصولات و نوشته‌های شما را مشاهده کنند. این اپلیکیشن قابلیت نصب بر روی دستگاه‌های اندروید را داشته و ساخت آن به دانش فنی نیاز ندارد!

ساخت اپلیکیشن اندروید برای وردپرس

همان‌طور که ذکر کردیم هزینه برون ‌سپاری و طراحی اپلیکیشن بالا است؛ بنابراین می‌توان به کمک افزونه‌هایی که در این زمینه طراحی و توسعه داده ‌شده‌اند کمک گرفت. افزونه WordApp یکی از گزینه‌های محبوب برای ساخت اپلیکشن در وردپرس است که رابط کاربری ساده‌ای دارد. این افزونه تاکنون توانسته تعداد بیش از 10000 نصب فعال را با امتیاز 3.2 از 5 در مخزن وردپرس کسب کند.

نصب و راه‌اندازی افزونه

wordapp-ساخت اپلیکشن در وردپرس

برای ساخت اپلیکشن در وردپرس ابتدا افزونه WordApp را از انتهای مقاله دانلود کنید… سپس در محیط وردپرس به مسیر افزونه‌ها و افزودن رجوع کرده و آن را نصب و فعال کنید. پس از نصب و فعال ‌سازی افزونه، منوی جدیدی به پنل وردپرس شما اضافه خواهد شد.

install-ساخت اپلیکشن در وردپرس

 منوی WordApp شامل گزینه‌های متعددی است که اکثر آن‌ها در هنگام طراحی قابل ‌استفاده هستند. ماهیت افزونه به ‌گونه‌ای است که بسیار ساده می‌توان اقدام به ساخت اپلیکیشن وردپرسی مورد نظر برای ارتباط با وبسایت کرد.

نحوه ساخت اپلیکشن وردپرسی

به‌ منظور ساخت اپلیکشن در وردپرس به زیر منوی App Builder رجوع و تنظیمات را به صورت مرحله به مرحله دنبال کنید. کار با این افزونه نیاز به دانش فنی خاصی ندارد.

گام اول: تعیین نام

در کادر Give your app a name نامی را برای اپلیکیشن خود در نظر بگیرید. این نام باید شامل کاراکترهایی از حروف الفبای لاتین (a تا z) باشد. سپس بر روی دکمه Next step کلیک کنید تا به مرحله بعدی هدایت شوید.

step1- ساخت اپلیکشن در وردپرس

گام دوم: فعال ‌سازی حالت رسپانسیو

در مرحله دوم از فعال ‌سازی و برقراری ارتباط بین اپلیکیشن و وبسایت، از شما سؤال می‌شود که آیا تمایل دارید این اپلیکیشن حالت رسپانسیو داشته باشد؟ اگر حالت موبایل فرندلی و رسپانسیو را می‌پسندید، روی دکمه Yes کلیک کرده، سپس در پایین کادر روی دکمه آبی ‌رنگ کلیک کنید تا به مرحله دوم ساخت اپلیکشن در وردپرس هدایت شوید.

step2- ساخت اپلیکشن در وردپرس

گام سوم: پیکربندی و تکمیل اطلاعات

در گام سوم، قالب کلی اپلیکیشن را تنظیم کنید. از کادر کشویی گزینه mobile app & mobile site را انتخاب کنید. سپس یک آدرس ایمیل معتبر در فیلد پایینی وارد کنید.

نکته مهم: این همان آدرسی است که در آخرین مرحله فایل اپلیکیشن بر روی آن ارسال می‌شود. در وارد کردن آدرس دقت کنید، چون پس از ساخت اپلیکشن در وردپرس، فایل مربوطه فقط روی این ایمیل قابل دریافت است.

step3-ساخت اپلیکشن در وردپرس

در مرحله آخر روی دکمه Submit کلیک کنید. در این مرحله به اینباکس ایمیل خود وارد شده و ایمیل دریافتی را تائید کنید.

پس از پیکربندی اولیه به بخش تنظیمات اپلیکیشن هدایت می‌شوید که مشابه تصویر زیر است.

design- ساخت اپلیکشن در وردپرس

در واقع این همان زیر منوی App Builder است که امکانات آن پس از پیکربندی در دسترس قرارگرفته است.

این پنجره شامل 3 سربرگ و یک دکمه به شرح زیر است.

Design: تنظیمات مربوط به ‌ظاهر اپلیکیشن مانند رنگ‌بندی‌ها را از این قسمت اعمال می‌کنیم.
Menu & Bars: تنظیمات مربوط به منو و آیکون‌ها.
App Structure: اطلاعات مرتبط با ساختار اپلیکیشن شامل لوگو، توضیحات اپلیکیشن، کلمه کلیدی اپلیکیشن، نوع برنامه و…
Publish App: سربرگ مخصوص انتشار و دریافت اپلیکیشن.

سربرگ Design

طراحی را از سربرگ اول شروع می‌کنیم… در هر لحظه می‌توانید پیش‌ نمایش طراحی خود را از سمت چپ صفحه مشاهده کنید. تنظیمات خود را طبق توضیحات زیر اعمال کنید.

App Toolbar Color: از این قسمت رنگ‌بندی نوار ابزار (در بالای اپلیکیشن) را انتخاب کنید.
App header font: فونت هدر اپلیکیشن را انتخاب کنید.
App Name: نام اپلیکیشن در این کادر قرار می‌گیرد. (این قسمت به ‌صورت خودکار تکمیل می‌شود.)
App Logo: لوگوی اپلیکیشن خود را بارگذاری کنید.

App Background: در صورت تمایل می‌توانید تصویری را به ‌عنوان پس‌زمینه اپلیکیشن انتخاب کنید.
App Theme: قالب مخصوص اپلیکیشن که با کلیک بر روی گزینه Change App Theme می‌توانید طرح دلخواه خود را انتخاب کنید.
Opening page: در قسمت بعدی می‌توانید از تنظیمات پیش‌فرض وردپرس برای نمایش صفحات کمک گرفته یا اینکه برگه‌ای خاص را به ‌عنوان صفحه اصلی انتخاب کنید.
Choose a theme: به کمک این کشو نیز می‌توانید از میان سه طرح موجود یکی را به ‌دلخواه انتخاب کنید تا محتوای شما با آن سبک نمایش داده ‌شود.

در آخر روی دکمه ذخیره‌ تغییرات کلیک کنید تا تنظیمات ذخیره شوند.

سربرگ Menu & Bars

menu and bar-ساخت اپلیکشن در وردپرس

سربرگ دوم Menu & Bars نام دارد و برای تنظیماتی مانند فعال‌ سازی انواع منوها در بالا و پایین نوار ابزار، منوی کناری و Navigation استفاده می‌شود.
مطابق با توضیحات زیر تنظیمات خود را پیکربندی کنید.

Activated Navigation Bars

Activate Bars: اجازه فعال‌ سازی منوهای پایین و بخش بالای اپلیکیشن.
Bars Style: استایل کلی بخش بالای اپلیکیشن که شامل دو سبک است.
Activate Tidy up: مرتب‌سازی و دادن ظاهری زیباتر با حذف موارد اضافی.
Top Menus: فعال‌سازی منوی بالایی.

Side Menu

Left Side Menus: فعال ‌سازی منوی کناری سمت چپ.
Choose a menu to attach to this navigation bar: انتخاب منوی مورد نظر برای نمایش در سمت چپ Navigation. (می‌توانید منویی متفاوت با منوی وبسایت را در نظر بگیرید.)
Left Menus Icon: انتخاب آیکونی برای منوی سمت چپ.
Right Side Menus: فعال‌ سازی منوی سمت راست.
Choose a menu to attach to this navigation bar: انتخاب منویی برای نمایش در سمت راست navigation.
Right Menus Icon Preview Icons: آیکون منوی سمت راست navigation.

Bottom Navigation

Bottom Menus: فعال ‌سازی منوهای دسترسی سریع در پایین اپلیکیشن.
Choose menu to attach to this navigation bar: انتخاب منوی مورد نظر جهت نمایش در بخش پایین، که در هنگام اسکرول به‌ صورت ثابت برای کاربر قابل ‌مشاهده است. برای هر منو می‌توانید آیکون دلخواهی را انتخاب کنید.

نهایتاً روی دکمه ذخیره‌ تغییرات کلیک کنید تا تنظیمات ذخیره شوند.

سربرگ App Structure

این سربرگ مربوط به اعمال تنظیمات ساختار اپلیکیشن است. هنگام ساخت اپلیکشن در وردپرس خود می‌توانید مواردی مانند لوگو، توضیحات، نوع فعالیت و… را مشخص کنید.

app structure- ساخت اپلیکشن در وردپرس

App Icon: آیکون اپلیکیشن خود را انتخاب کنید. این همان تصویری است که در هنگام نصب بر روی دستگاه‌های تلفن همراه نمایش داده می‌شود. دقت داشته باشید سایز این تصویر باید 512*512 پیکسل باشد.
Round the corners of your app icon: با فعال کردن این گزینه گوشه‌های تصویر لوگو، حالت گرد به خود می‌گیرد.
App Splash: از این قسمت می‌توانید به ‌دلخواه اسپلشی را برای زیباسازی اپلیکشن بارگذاری کنید.
Full App Name: در این قسمت می‌توانید نام کاملی را برای اپلیکیشن خود وارد کنید. این نام می‌تواند شامل فاصله نیز باشد. (نام اصلی اپلیکشن)

App Version: هر اپلیکیشن دارای شماره‌ای به نام ورژن یا نسخه است.
App Description: توضیحات مختصری را برای اپلیکیشن خود وارد کنید.
App Keywords: کلمه کلیدی را برای اپلیکیشن خود وارد کنید. (مرتبط با موضوع سایت)
App Category: از این کشو انتخاب کنید که موضوع وبسایت شما در چه زمینه‌ای است.

در پایان کار بر روی دکمه ذخیره تغییرات کلیک کنید.

ساخت اپلیکیشن وردپرسی و دریافت فایل

پس از پایان تمامی تنظیمات دلخواه خود، باید نسخه طراحی‌ شده را دریافت کنید. برای دریافت این نسخه بر روی گزینه Publish App کلیک کنید. در این قسمت بر روی دکمه Publish Android App کلیک کنید. در این هنگام چک لیستی از فعالیت‌های شما نمایش داده خواهد شد و در صورت عدم وجود مشکل، پیغامی مبنی بر ارسال اپلیکیشن به ایمیل شما نمایش داده می‌شود.

publish app- ساخت اپلیکشن در وردپرس

اپلیکیشن طراحی ‌شده برای سیستم‌عامل اندروید، به ایمیلی که در کادر وارد کرده‌اید ارسال می‌شود. قابل‌ ذکر است این فرآیند ارسال حداقل 1 ساعت و حداکثر تا 48 ساعت به‌ طول می‌انجامد… پس از آن به ایمیل خود رفته و فایل اپلیکیشن با پسوند apk را از طریق لینک دریافتی دانلود کنید.

نکته: دقت داشته باشید این لینک بعد از 20 روز منقضی خواهد شد! پس سریعاً به ‌محض دریافت لینک، فایل خود را دانلود کنید.

point- ساخت اپلیکشن در وردپرس

نتیجه نهایی

در نهایت پس از دریافت فایل از طریق ایمیل، می‌توانید آن را بر روی دستگاه‌های اندرویدی نصب ‌کرده و کاربران به ‌راحتی قادر خواهند بود وبسایت شما را از طریق اپلیکیشن به‌ صورت همیشگی دنبال کنند. تمامی پست‌ها و فعالیت‌ها، محصولات یا خدمات از طریق اپلیکیشن قابل ‌مشاهده است.

دموی متحرک نتیجه افزونه

demo- ساخت اپلیکشن در وردپرس

امیدواریم که از آموزش ساخت اپلیکشن در وردپرس برای دستگاه‌های اندرویدی راضی بوده باشید.

موفق باشید.

دانلود افزونه WordApp

دانلود افزونه صفحه افزونه

سوالات متداول

روش‌های زیادی برای ساخت اپلیکشن در وردپرس وجود دارد، اما از آنجایی‌ که هزینه‌های برون‌ سپاری طراحی سنگین است، قصد داریم افزونه‌ای را معرفی کنیم که از طریق آن قادر خواهید بود کل وبسایت خود را در ماهیت یک برنامه موبایل ارائه دهید تا کاربران بتوانند شما را از طریق برنامه نصب‌ شده روی موبایل دنبال کنند و محصولات و نوشته‌های شما را مشاهده کنند. این اپلیکیشن قابلیت نصب بر روی دستگاه‌های اندروید را داشته و ساخت آن به دانش فنی نیاز ندارد!
هزینه برون ‌سپاری و طراحی اپلیکیشن بالا است؛ بنابراین می‌توان به کمک افزونه‌هایی که در این زمینه طراحی و توسعه داده ‌شده‌اند کمک گرفت. افزونه WordApp یکی از گزینه‌های محبوب برای ساخت اپلیکشن در وردپرس است که رابط کاربری ساده‌ای دارد.
بایدی درکار نیست اما برای اینکه کاربران موبایلی شما راحت‌تر به امکانات سایت شما دسترسی داشته باشند بهتر است اپلیکیشن ساده‌ای داشته باشید.
Was this post helpful for you?
so so
no

دیدگاهتان را بنویسید

Sending comments means that you read Comments rules and accept it.

Post's Comments Newest Featured

  1. سلام رایگانه؟

  2. این کد
    [swiper]
    باید تو صفحه ای که میسازیم باشه حتما؟
    همه چی درسته ولی اپ وقتی باز میشه ، همین صفحه رو میاره که اون کد هم توش نوشته شده

  3. مطلب مفیدی بود.
    اگر یک مطلب هم راجع به پلاگین REST API بنویسید عالی میشه. اینطوری میشه اپلیکیشن های پیشرفته تر و با قابلیت سفارشی سازی بالا بسازیم البته قطعا این کار حرفه ای تر و پیچیده تره.

  4. 9 سال User of HamyarWp

    سلام
    نصب کردم ولی چطوری اپلیکشن را تولید و دانلود کنیم ؟

  5. من که نصب کردم توی صفحه پلاگین این امکانات نبود

  6. سلام/لطفا اموزش کامل بفرمایید ممنون میشیم چون پس از تنظیمات حالا کجا خروجی را ببینیم>دانلود و نصب کنیم؟؟؟؟

  7. چگونه میشه یک صفحه لندینگ پیج مثل
    http://ganjyne.ir/wp-content/uploads/2016/03/sss.jpg
    طراحی کرد

  8. 10 سال User of HamyarWp

    پس این سایت هایی که نسخه موبایل جداگانه دارن چه طوری

  9. این که پولیه

  10. آموزش خوبی بود
    ممنون همیار وردپرس