تست سایت وردپرسی در گوشی های هوشمند (قسمت اول)

سلام دوستای خوبم؛

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

اگه صاحب وبسایت یا طراح وبسایت هستید حتما باید به این نکته دقت کنید که سایت های شما روی تمامی ابزارهای هوشمند به چه صورت رفتار میکنه و کارکردش آیا اونطور که میخواید هست یا نه! از این مورد با عنوان ریسپانسیو یا واکنش گرا یاد می کنیم اما آیا مطمئن هستیم سایتی که طراحی میکنیم واقعا واکنش گرایی خودش رو حفظ میکنه یا فقط داریم به یه کلمه اکتفا میکنیم؟ عقل حکم میکنه که این مورد رو حتما چک کنیم و کار تمییزی رو تحویل بدیم. پس در این مقاله میخوام نحوه ی تنظیم کردن سایت رو بر روی شبیه سازهای iOS و اندروید بیان کنم که البته برای تفهیم بیشتر امروز بحث iOS رو مطرح میکنم و در قسمت بعدی نیز در باره ی اندروید صحبت می کنیم.

ax-1

تست سایت های وردپرسی بر روی چندین بستر همیشه کاری سخت بوده است.مثلا همیشه ممکنه واکنش گرا بودن سایت ما روی مرورگرهای IE یا Firefox خوب نمایش داده نشه و این خودش یک مشکله بزرگه!
درسته که سایت های ویسپانسیو کار رو بسیار راحت کردند اما این دلیل نمیشه که ما سایتمون رو تست نکنیم و باید اون رو روی بسترهای مختلف چک کنیم. امروزه تقریبا میشه گفت اکثر افراد از گوشی های هوشمند استفاده می کنند اما همه ابزارهایی مثل آی پد و تبلت رو ندارند، پس تکلیف چیه؟!
خوشبختانه امروزه ابزاری برای تست این موارد ساخته شده و وجود داره،بدون هیچ هزینه ای و به راحتی میتونید محیطی مثل تبلت یا آیپد رو شبیه سازی کنید.

  آموزش ایجاد بلوک های تو در تو در وردپرس

آیفون و آی پد – شبیه ساز iOS

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

1- از ویندوز خود نرم افزار را جستجو کنید
2- بر روی نام نرم افزار کلیک راست کرده و گزینه ی Show package contents را از منو برگزینید.
3- زمانیکه برنامه در محیط ویندوز باز شد بر روی contents>Developer>platforms>iPhone simulator.platform>Developer>applications کلیک نمایید.
4- شما باید در این مرحله شبیه ساز iOS را مشاهده کنید که دسترسی به ابزارهای آن بسیار کار ساده ای است.

ax-2

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

در قسمت بعدی نیز در مورد شبیه ساز اندروید صحبت خواهیم کرد.

موفق باشید.

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

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

  1. ممنون خانم کوهستانی مطلب خوبی بود
    البطه روش صاده تری هم هست که با مرورگر فایر فاکس میشه انجام داد
    open menu > Developer > responsive design mode
    یا میشه این عمل و اجرا کرد
    Ctrl+shift+m
    سایت باز شده وارد صفحه ریسپانسیو شده و با تغییر اندازه کار میشه همه نوع تبلت و گوشی رو چک کرد .
    با سپاس

  2. مفید بود ممنون ولی کاش یه نام کاربری الکی میساختین و قرارمیدادین تا ما مجبور نشیم بریم ثبت نام کنیم

  3. سلام امکان چک کردن و دیدن ICON APPLE
    توی این برنامه هست؟

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

      سلام
      بله

  4. ایکس کد فقط روی مک نصب میشه دیگه، شما نوشتین تو ویندوز….. جستجو کنید 😀

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

      سلام
      نرم افزاری شبیه به Xcode که دقیقا مانند اون شبیه سازی شده که هم نام سازی کردند
      والا دوست عزیز من هم میدونم Xcode در مک قابل اجراست
      موفق باشید

    • لطفا لینک دانلود را قرار دهید

  5. عالی بود وبسایت من که کاملا واکنش گرا  بود 
    اندروید هم زودتر بزارید

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

      چشم حتما

  6. نینجای وردپرس رو دیگه ادامه نمی دید نه؟

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

      سلام
      چرا هنوز ادامه داره…

  7. مفید بود ممنون