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

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

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

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

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

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

همان‌طور که ذکر کردیم هزینه برون ‌سپاری و طراحی اپلیکیشن بالا است؛ بنابراین می‌توان به کمک افزونه‌هایی که در این زمینه طراحی و توسعه داده ‌شده‌اند کمک گرفت. افزونه WordApp یکی از گزینه‌های محبوب برای ساخت اپلیکشن در وردپرس است که رابط کاربری ساده‌ای دارد. این افزونه تاکنون توانسته تعداد بیش از ۱۰۰۰۰ نصب فعال را با امتیاز ۳٫۲ از ۵ در مخزن وردپرس کسب کند.

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

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 است که امکانات آن پس از پیکربندی در دسترس قرارگرفته است.

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

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: آیکون اپلیکیشن خود را انتخاب کنید. این همان تصویری است که در هنگام نصب بر روی دستگاه‌های تلفن همراه نمایش داده می‌شود. دقت داشته باشید سایز این تصویر باید ۵۱۲*۵۱۲ پیکسل باشد.
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- ساخت اپلیکشن در وردپرس

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

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

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

نتیجه نهایی

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

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

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

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

موفق باشید.

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

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

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۹,۴۳۱ نفر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. سلام
    این افزونه رایگان نیست و در انتها، مبلغ ۳ $ و اون هم بصورت pay-pal درخواست میکنه!

  2. سلام. این خیلی عالیه . ولی خوب چرا فقط برای اندرویده؟ برای iOS نداره؟

  3. این برنامه جواب نمیده من امتحانش کردم .
    از همه بهتر و همه جانبه تر سایت http://www.appyet.com هست .
    بعد از در خواست ظرف چند دقیقه فایل رو آماده می کنه و می تونی دانلود کنی .
    لطفاْ‌ آموزش های بروزتری بزارید .

    • سلام بنده خیلی تلاش کردم از این سایت استفاده کنم ولی نرم افزار رو ایمیل نمیکنه و نمیفرسته میشه بدونم چطور میشه ازین سایت نتیجه صد در صدی گرفت؟ ممنون میشم اگه کمک کنید

    • 2 سال عضو همیار وردپرس

      سلام.
      نرم افزار رو اصلا ایمیل نمیکنه
      داخل سربرگ Build باید گزینه Download (within 24 hours) رو بزنید.

  4. درود.چطور میتونیم انرا در بازار یا گوگل پلی قرار دهیم

  5. سلام خانم کوهستانی
    خیلی متشکرم از اموزشتون که مثل بقیه اموزش هاتون که همیشه ناب و فوق العاده هستن.
    چند تا سوال داشتم.
    اول این که وقتی برنامه اجرا می شه اول تبلیغ خود wordapp میاد.
    امکان حذف تبلیغ با ارتقا افزونه هست؟
    افزونه ی دیگه ای هم برای ساخت اپلیکیشن سایت می شناسید؟
    این افزونه حفره امنیتی نداره؟می شه برای سایت های فروشگاهی ووکامرس استفاده کنیم؟
    منتظر جوابتون هستم

    • 5 سال عضو همیار وردپرس

      سلام
      ممنون از این همه لطف شما
      تبلیغ معمولا در همه نرم افزارهای رایگان ساخت اپ وجود داره اما حفره ی امنیتی گزارش نشده تا حالا

    • 7 ماه عضو همیار وردپرس

      خیلی متشکرم بابت پاسخگویی جنابعالی.
      افزونه ی دیگه ای برای ساخت اپ مدنظرتون نیست؟
      و این که اگر بخوام برای یک سات فروشگاهی که با ووکامرس ساخته شده اپ رایگان درست کنم سایت یا افزونه ی خاصی مدنظر دارید؟
      منتظر جوابتون هستم

    • 5 سال عضو همیار وردپرس

      سلام
      افزونه خاصی نه. کمی سرچ کنید به نتایج دلخواه احتمالا برسید

  6. سلام این برنامه ای که با افزونه درست کردیم رو میشه تو فروشگاه‌های اپ مثل کافه بازار قرار بدیم؟؟؟؟

  7. […] نحوه ساخت اپلیکشن اندروید در وردپرس با WordApp […]

  8. هربار که مراحل رو میرم این ارور رو میده
    Warning: get_current_user() has been disabled for security reasons in /home/konkuris/public_html/wp-content/plugins/wordapp-mobile-app/freemius/includes/class-fs-logger.php on line 88

    راه حلش چیه ؟

    • منم همین مشکلو دارم لطفا راهنمایی بفرمایید

    • 5 سال عضو همیار وردپرس

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

  9. 8 ماه عضو همیار وردپرس

    سلام
    من افزونه رو نصب کردم و تنظیمات رو انجام دادم ولی برنامه به ایمیلم ارسال نشده چیکار باید بکنم!

    • 7 ماه عضو همیار وردپرس

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

  10. حجم افزونه بیشتر از حجمی هست که ساپورت میکنه
    چیکار باید بکنم؟

    • 3 هفته عضو همیار وردپرس

      سلام و خسته نباشید خدمت تمام اعضای همراه همیار وردپرس و تشکر از سایت خوبتون.
      آقای عرفان خویدی امیدوارم که تا الان مشکل شما حل شده باشه من توضیح میدم درباره مشکلی که داشتید شاید برای دیگران هم این مشکل اتفاق افتاده باشه و امیدوارم که تونسته باشم کمکی کرده باشم.
      شما به ۲ فایل که حاوی کد هست احتیاج دارید : ۱- htaccecc. 2- php.ini که میتونید از سایت ها بردارید و بعد به پوشه xampp برید و بعد به پوشه ی htdocs برید و بعد به پوشه ی WordPress برید و بعد به پوشه ی wp-admin و گزینه ی اول را در آنجا paste کنید و به عقب برمی گردید و گزینه ی دوم هم paste کنید اگر کدها رو پیدا نکردید بگید تا براتون بنویسم و بفرستم.

  11. عالی

  12. […] منبع : سایت همیاروردپرس […]

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین