۱۳۹۰/۱۰/۱۲، ۱۲:۳۸:۲۱ عصر
سلام.
در این آموزش، قصد دارم تبدیل انجمن به یک وب اپلیکشن مخصوص iOS و قابل اجرا روی دستگاههای iPhone, iPod touch و همچنین iPad رو براتون بزارم؛
خب به چی نیاز داریم؟
1- پلاگین GoMobile ( از اینجا دانلود کنید، اموزش نصب هم هست )
2- یکم تسلط روی قالب ها.
خب، ابتدا پلاگین رو نصب کرده و یک بار روی موبایل انجمن رو لود کنید
حالا قالب های header رو باز کنید، قالب header.php رو باید ادیت کنیم.
1- برای آیکن:
ابتدا یک فایل آیکن 120*120 (به اصطلاح آیفون داران "با کیفیت رتینا") هر جا که میخواید آپ کنید.
حالا کد زیر رو در هدر بزارید:
توجه: ممکن هست که کیفیت آیکن بهم بخوره، بنابراین میتونید از 140*140 یا بزرگتر استفاده کنید (حتی تا 512*512 هم میشه )
خب تا اینجا اپ ما آیکن داره، باید یک ایمیج استارتاپ هم براش بزاریم.
2- برای Startup Image:
ابتدا یک تصویر (در ابعاد والپیپر های آیفن که همه جا موجود هست) رو در هر جا که میخاید آپ کنید.
حالا این کد رو وارد کنید:
3- برای فول اسکرین:
مهم ترین بخش اینجاست، یعنی فول اسکرین
فول اسکرین کردن، موجب Native تر شدن اپلیکیشن میشه
این هم کد مربوطه:
خب در آخر سیو کنید و به آیفن برید.
در آیفون، با استفاده از مرورگر سافاری، لینک رو به هوم اسکرین add کنید
بعد ادد کردن درست مثل این میمونه که یک برنامه نصب کرده باشید.
با تشکر.
محمدرضا حقیری (prp-e)
در این آموزش، قصد دارم تبدیل انجمن به یک وب اپلیکشن مخصوص iOS و قابل اجرا روی دستگاههای iPhone, iPod touch و همچنین iPad رو براتون بزارم؛
خب به چی نیاز داریم؟
1- پلاگین GoMobile ( از اینجا دانلود کنید، اموزش نصب هم هست )
2- یکم تسلط روی قالب ها.
خب، ابتدا پلاگین رو نصب کرده و یک بار روی موبایل انجمن رو لود کنید
حالا قالب های header رو باز کنید، قالب header.php رو باید ادیت کنیم.
1- برای آیکن:
ابتدا یک فایل آیکن 120*120 (به اصطلاح آیفون داران "با کیفیت رتینا") هر جا که میخواید آپ کنید.
حالا کد زیر رو در هدر بزارید:
کد php:
<link rel="apple-touch-icon" href="لینکی که آیکن سایت درونش آپلود شده"/>
توجه: ممکن هست که کیفیت آیکن بهم بخوره، بنابراین میتونید از 140*140 یا بزرگتر استفاده کنید (حتی تا 512*512 هم میشه )
خب تا اینجا اپ ما آیکن داره، باید یک ایمیج استارتاپ هم براش بزاریم.
2- برای Startup Image:
ابتدا یک تصویر (در ابعاد والپیپر های آیفن که همه جا موجود هست) رو در هر جا که میخاید آپ کنید.
حالا این کد رو وارد کنید:
کد php:
<link rel="apple-touch-startup-image" href="لینکی که استارتاپ درونش موجوده">
3- برای فول اسکرین:
مهم ترین بخش اینجاست، یعنی فول اسکرین
فول اسکرین کردن، موجب Native تر شدن اپلیکیشن میشه
این هم کد مربوطه:
کد php:
<meta name="apple-touch-fullscreen" content="YES" />
نقلقول: نکته: این تگ، موجب میشه که سایت دیگه در مرورگر Safari لود نشه، بلکه به شکل و شمایل یک اپلیکیشن در میاد
خب در آخر سیو کنید و به آیفن برید.
در آیفون، با استفاده از مرورگر سافاری، لینک رو به هوم اسکرین add کنید
بعد ادد کردن درست مثل این میمونه که یک برنامه نصب کرده باشید.
با تشکر.
محمدرضا حقیری (prp-e)
وبلاگ شخصی محمدرضا حقیری[url=https://haghiri75.com][/url]