خانه » ترفند وردپرس » نحوه مشاهده نسخه موبایل سایت های وردپرسی از دسک تاپ
نحوه مشاهده نسخه موبایل سایت های وردپرسی از دسک تاپ

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

مطالبی که قراره توی این پست بخونیم:

چرا باید از طرح موبایل خود پیش نمایش بگیرید

با استفاده از WordPress’s Theme Customizer

استفاده از حالت دستگاه Google Chrome’s DevTools

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

اگرچه مطمئناً می توانید در تلفن خود نگاهی به سایت زنده خود بیندازید ، اما این در مرحله توسعه کمکی نمی کند.

حتی وقتی سایت شما فعال است ، مشاهده نسخه موبایل در رایانه رومیزی اغلب آسان تر است ، بنابراین می توانید به سرعت تغییراتی ایجاد کنید و تأثیر آنها را ببینید.

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

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

چرا باید از طرح موبایل خود پیش نمایش بگیرید

بیش از 50٪ بازدید کنندگان وب سایت شما از تلفن های همراه خود برای دسترسی به سایت شما استفاده خواهند کرد.

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

در حقیقت ، موبایل آنقدر مهم است که گوگل اکنون از الگوی “mobile-first” برای الگوریتم رتبه بندی وب سایت خود استفاده می کند.

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

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

1.با استفاده از WordPress’s Theme Customizer

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

1.با استفاده از WordPress’s Theme Customizer
1.با استفاده از WordPress’s Theme Customizer

با این کار نرم افزار زمینه وردپرس باز می شود. بسته به اینکه از چه قالبی استفاده می کنید ، ممکن است در منوی سمت چپ گزینه های کمی متفاوتی را مشاهده کنید:

1.با استفاده از WordPress’s Theme Customizer
1.با استفاده از WordPress’s Theme Customizer

در پایین صفحه ، روی نماد تلفن همراه کلیک کنید. سپس پیش نمایشی از نحوه مشاهده سایت خود در دستگاههای تلفن همراه مشاهده خواهید کرد.

1.با استفاده از WordPress’s Theme Customizer
1.با استفاده از WordPress’s Theme Customizer

توجه: نمادهای ویرایش آبی فقط در پیش نمایش وجود دارد. این موارد را در سایت زنده خود مشاهده نخواهید کرد.

مشاهده سایت در حالت موبایل

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

قبل از اینکه آنها را به صورت زنده اعمال کنید ، می توانید تغییراتی ایجاد کنید و نحوه شکل گیری آنها را بررسی کنید.

2.استفاده از حالت دستگاه Google Chrome’s DevTools

مرورگر Google Chrome دارای مجموعه ای از ابزارهای برنامه نویسان است که به شما امکان می دهد بررسی های مختلفی را در هر وب سایتی انجام دهید ، از جمله دیدن پیش نمایش نوع وب سایت شما در دستگاه های تلفن همراه.

به سادگی مرورگر Google Chrome را در دسک تاپ خود باز کرده و از صفحه ای که می خواهید بررسی کنید بازدید کنید.

این می تواند پیش نمایش یک صفحه در سایت شما باشد ، یا حتی می تواند وب سایت رقبای شما باشد.

در مرحله بعدی ، باید روی صفحه کلیک راست کرده و “inspect” را انتخاب کنید.

2.استفاده از حالت دستگاه Google Chrome’s DevTools
2.استفاده از حالت دستگاه Google Chrome’s DevTools

پنجره جدیدی در سمت راست باز می شود ، مانند این:

در نمای برنامه نویس ، می توانید کد منبع HTML سایت خود را مشاهده کنید.

بعد ، روی دکمه “تغییر وضعیت نوار ابزار” برای تغییر در نمای موبایل کلیک کنید.

2.استفاده از حالت دستگاه Google Chrome’s DevTools
2.استفاده از حالت دستگاه Google Chrome’s DevTools

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

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

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Scroll to Top