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

در واقع، موبایل آنقدر مهم است که گوگل اکنون از یک شاخص موبایل اول برای الگوریتم رتبه بندی وب سایت خود استفاده می کند. این بدان معناست که گوگل از نسخه موبایل سایت شما برای ایندکس استفاده می کند. شما می توانید با مطالعه راهنمای نهایی ما برای سئو وردپرس بیشتر بیاموزید.
به عنوان مثال، می توانید یک دستگاه تلفن همراه مانند آیفون را انتخاب کنید و ببینید که سایت شما چگونه در دستگاه ظاهر می شود.
به سادگی مرورگر Google Chrome را روی دسکتاپ خود باز کنید و به صفحه ای که می خواهید بررسی کنید مراجعه کنید. این می تواند پیش نمایش یک صفحه در سایت شما باشد یا حتی می تواند وب سایت رقیب شما باشد.
مرورگر گوگل کروم دارای مجموعهای از ابزارهای توسعهدهنده است که به شما امکان میدهد بررسیهای مختلفی را در هر وبسایتی انجام دهید، از جمله مشاهده پیشنمایش ظاهر آن در دستگاههای تلفن همراه.
این بدان معناست که داشتن سایتی که در موبایل عالی به نظر می رسد بسیار مهم است.
پیشنمایش طرحبندی تلفن همراه به شما کمک میکند ببینید وبسایتتان در دستگاههای تلفن همراه چگونه به نظر میرسد. هنگامی که سایت شما در حال توسعه است یا حتی زمانی که به صورت زنده است، مشاهده نسخه موبایل در رایانه رومیزی اغلب آسان تر است. سپس، می توانید به سرعت تغییراتی ایجاد کنید و تأثیر آنها را مشاهده کنید.
در نمای توسعه دهنده، می توانید کد منبع HTML، CSS و سایر جزئیات سایت خود را ببینید.
همچنین میتوانید کلید «Shift» را نگه دارید، سپس کلیک کنید و ماوس خود را حرکت دهید تا شبیهسازی فشار دادن صفحه موبایل برای بزرگنمایی یا کوچکنمایی شود.
هنگامی که نشانگر ماوس خود را روی نمای موبایلی سایت خود قرار می دهید، به یک دایره تبدیل می شود. این دایره را میتوان با ماوس جابهجا کرد تا صفحه لمسی روی دستگاه تلفن همراه را تقلید کند.
بسته به موضوعی که استفاده می کنید، ممکن است گزینه های کمی متفاوت را در منوی سمت چپ مشاهده کنید.

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

چیزی شبیه به این خواهد بود:

با این حال، داشتن یک سایت واکنش گرا به سادگی ممکن است به اندازه کافی پیش نرود. کاربران دستگاه های تلفن همراه اغلب به دنبال چیزهای متفاوتی نسبت به کاربران دسکتاپ هستند.
برای اطلاعات بیشتر میتوانید راهنمای ما را در مورد نحوه ایجاد پنجرههای بازشو موبایلی که تبدیل میشوند، ببینید.
یک پنل جدید در سمت راست یا در پایین صفحه باز می شود.
OptinMonster قوانین خاصی برای نمایش هدف گذاری دستگاه دارد که به شما امکان می دهد کمپین های مختلف را به کاربران موبایل در مقابل کاربران دسکتاپ نشان دهید. حتی میتوانید این ویژگی را با ویژگی هدفگیری جغرافیایی OptinMonster و سایر ویژگیهای شخصیسازی پیشرفته ترکیب کنید تا بهترین تبدیلها را به دست آورید.
اگر دستورالعمل های کتبی را ترجیح می دهید، به خواندن ادامه دهید.
روش 1: استفاده از سفارشی ساز تم وردپرس
بسیاری از تمها و افزونههای ممتاز به شما امکان میدهند عناصری را ایجاد کنید که روی دسکتاپ در مقایسه با موبایل متفاوت نمایش داده شوند. همچنین می توانید از یک افزونه صفحه ساز مانند استفاده کنید SeedProd برای ویرایش صفحات فرود خود در نمای موبایل.

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

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

این روش برای پیشنمایش نسخه موبایل بهویژه زمانی مفید است که هنوز ایجاد وبلاگ خود را به پایان نرساندهاید یا زمانی که در حالت تعمیر و نگهداری است.
در مرحله بعد، باید روی دکمه “Toggle Device Toolbar” کلیک کنید تا به نمای موبایل تغییر دهید.

اگر این مقاله را دوست داشتید، لطفا در ما مشترک شوید کانال یوتیوب برای آموزش ویدیویی وردپرس. شما همچنین می توانید ما را در توییتر و فیس بوک.
منبع: https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/
اکنون میتوانید تغییراتی در وبسایت خود ایجاد کنید و قبل از اینکه آنها را به صورت زنده فعال کنید، ظاهر آنها را بررسی کنید.
روش 2: استفاده از حالت DevTools Google Chrome
در WPBeginner مشترک شوید