انتشار: اردیبهشت 28، 1402
بروزرسانی: 23 تیر 1404
بروزرسانی: 23 تیر 1404
نحوه مشاهده نسخه موبایل سایت های وردپرس از دسکتاپ
برای اطلاعات بیشتر می توانید راهنمای ما را در مورد نحوه ایجاد پنجره های بازشو موبایلی که تبدیل می شوند، ببینید.
یک پنل جدید در سمت راست یا در پایین صفحه باز می شود.
اگر دستورالعمل های کتبی را ترجیح می دهید، به خواندن ادامه دهید.
روش 1: استفاده از سفارشی ساز تم وردپرس
سپس پیش نمایشی از نحوه ظاهر سایت خود در دستگاه های تلفن همراه خواهید دید.
با این کار سفارشی ساز تم وردپرس باز می شود. برای این آموزش، از تم Astra استفاده خواهیم کرد.
این روش برای پیش نمایش نسخه موبایل به ویژه زمانی مفید است که هنوز ایجاد وبلاگ خود را به پایان نرسانده اید یا زمانی که در حالت تعمیر و نگهداری است.
به عنوان مثال، می توانید یک دستگاه تلفن همراه مانند آیفون را انتخاب کنید و ببینید که سایت شما چگونه در دستگاه ظاهر می شود.
اکنون می توانید تغییراتی در وب سایت خود ایجاد کنید و قبل از اینکه آنها را به صورت زنده فعال کنید، ظاهر آنها را بررسی کنید.
روش 2: استفاده از حالت DevTools Google Chrome
به سادگی وارد داشبورد وردپرس خود شوید و به آن بروید ظاهر » سفارشی کردن صفحه نمایش
در واقع، موبایل آنقدر مهم است که گوگل اکنون از یک شاخص موبایل اول برای الگوریتم رتبه بندی وب سایت خود استفاده می کند. این بدان معناست که گوگل از نسخه موبایل سایت شما برای ایندکس استفاده می کند. شما می توانید با مطالعه راهنمای نهایی ما برای سئو وردپرس بیشتر بیاموزید.
هنگامی که نشانگر ماوس خود را روی نمای موبایلی سایت خود قرار می دهید، به یک دایره تبدیل می شود. این دایره را می توان با ماوس جابه جا کرد تا صفحه لمسی روی دستگاه تلفن همراه را تقلید کند.
اگر این مقاله را دوست داشتید، لطفا در ما مشترک شوید کانال یوتیوب برای آموزش ویدیویی وردپرس. شما همچنین می توانید ما را در توییتر و فیس بوک.
منبع: https://www.wpbeginner.com/beginners-guide/how-to-preview-the-mobile-layout-of-your-site/
پاداش: نحوه ایجاد محتوای مخصوص موبایل در وردپرس
بسته به موضوعی که استفاده می کنید، ممکن است گزینه های کمی متفاوت را در منوی سمت چپ مشاهده کنید.
برای جزئیات بیشتر، می توانید راهنمای ما در مورد نحوه ایجاد صفحه فرود در وردپرس را ببینید.
مشاهده خواهید کرد که پیش نمایش وب سایت شما به اندازه صفحه نمایش تلفن همراه کوچک می شود.
این بدان معناست که داشتن سایتی که در موبایل عالی به نظر می رسد بسیار مهم است.
با این اوصاف، بیایید ببینیم چگونه می توانید نسخه موبایل وب سایت وردپرس خود را روی دسکتاپ مشاهده کنید.
همچنین می توانید کلید «Shift» را نگه دارید، سپس کلیک کنید و ماوس خود را حرکت دهید تا شبیه سازی فشار دادن صفحه موبایل برای بزرگ نمایی یا کوچک نمایی شود.
امیدواریم این مقاله به شما کمک کرده باشد که چگونه پیش نمایش طرح موبایل سایت خود را بیاموزید. همچنین ممکن است بخواهید انتخاب های متخصص ما را برای بهترین افزونه ها برای تبدیل یک سایت وردپرس به یک برنامه تلفن همراه و نحوه افزایش ترافیک وبلاگ را ببینید.
با این حال، داشتن یک سایت واکنش گرا به سادگی ممکن است به اندازه کافی پیش نرود. کاربران دستگاه های تلفن همراه اغلب به دنبال چیزهای متفاوتی نسبت به کاربران دسکتاپ هستند.
این تنظیمات به شما امکان می دهد چندین کار اضافی انجام دهید. می توانید بررسی کنید که سایت شما در انواع مختلف گوشی های هوشمند چگونه به نظر می رسد.
مرورگر گوگل کروم دارای مجموعه ای از ابزارهای توسعه دهنده است که به شما امکان می دهد بررسی های مختلفی را در هر وب سایتی انجام دهید، از جمله مشاهده پیش نمایش ظاهر آن در دستگاه های تلفن همراه.
چیزی شبیه به این خواهد بود:
ظاهر کلی وب سایت شما در نمای موبایل نیز تغییر خواهد کرد. به عنوان مثال، منوها جمع می شوند و نمادهای اضافی به جای سمت راست منو به سمت چپ حرکت می کنند.
آیا می خواهید نسخه موبایل سایت وردپرس خود را پیش نمایش کنید؟
در WPBeginner مشترک شوید
ما قصد داریم دو روش مختلف را برای آزمایش نحوه ظاهر سایت شما در تلفن همراه با استفاده از مرورگرهای دسکتاپ پوشش دهیم. برای رفتن به هر بخش می توانید روی پیوندهای زیر کلیک کنید:
آموزش تصویری
در مرحله بعد، باید روی دکمه "Toggle Device Toolbar" کلیک کنید تا به نمای موبایل تغییر دهید.
در این مقاله نحوه مشاهده نسخه موبایلی سایت وردپرس را از دسکتاپ به شما نشان خواهیم داد.
چرا باید طرح بندی موبایل خود را پیش نمایش کنید؟
برای پیش نمایش نسخه موبایل سایت وردپرس خود می توانید از سفارشی ساز قالب وردپرس استفاده کنید.
در پایین صفحه، به سادگی روی نماد موبایل کلیک کنید.
در نمای توسعه دهنده، می توانید کد منبع HTML، CSS و سایر جزئیات سایت خود را ببینید.
پیش نمایش طرح بندی تلفن همراه به شما کمک می کند ببینید وب سایتتان در دستگاه های تلفن همراه چگونه به نظر می رسد. هنگامی که سایت شما در حال توسعه است یا حتی زمانی که به صورت زنده است، مشاهده نسخه موبایل در رایانه رومیزی اغلب آسان تر است. سپس، می توانید به سرعت تغییراتی ایجاد کنید و تأثیر آنها را مشاهده کنید.
یکی دیگر از راه های عالی برای ایجاد پنجره های بازشو و فرم های تولید سرنخ مخصوص موبایل، استفاده از آن است OptinMonster. این قدرتمندترین افزونه بازشو وردپرس و ابزار تولید سرنخ در بازار است.
بیش از 50 درصد از بازدیدکنندگان وب سایت شما از تلفن همراه خود برای دسترسی به سایت شما استفاده می کنند. حدود 3 درصد از تبلت استفاده خواهند کرد.
حتی اگر از قالب وردپرس واکنش گرا استفاده می کنید، باز هم باید بررسی کنید که سایت شما در موبایل چگونه به نظر می رسد. ممکن است بخواهید نسخه های مختلفی از صفحات فرود کلیدی ایجاد کنید که برای نیازهای کاربران تلفن همراه بهینه شده باشند.
مهم است که به خاطر داشته باشید که اکثر پیش نمایش های موبایل کاملاً بی نقص نخواهند بود زیرا اندازه های مختلف صفحه نمایش تلفن همراه و مرورگرها وجود دارد. آزمون نهایی شما همیشه باید این باشد که به سایت خود در یک دستگاه تلفن همراه واقعی نگاه کنید.
در مرحله بعد، باید روی صفحه کلیک راست کرده و گزینه "Inspect" را انتخاب کنید.
باید برای فرم های تولید سرنخ خود محتوای مخصوص موبایل ایجاد کنید. در دستگاه های تلفن همراه، این فرم ها باید حداقل اطلاعات را بخواهند، در حالت ایده آل فقط یک آدرس ایمیل. آنها همچنین باید ظاهر خوبی داشته باشند و به راحتی بسته شوند.
در بالای نمای موبایلی سایت خود، چند گزینه اضافی را مشاهده خواهید کرد.
OptinMonster قوانین خاصی برای نمایش هدف گذاری دستگاه دارد که به شما امکان می دهد کمپین های مختلف را به کاربران موبایل در مقابل کاربران دسکتاپ نشان دهید. حتی می توانید این ویژگی را با ویژگی هدف گیری جغرافیایی OptinMonster و سایر ویژگی های شخصی سازی پیشرفته ترکیب کنید تا بهترین تبدیل ها را به دست آورید.
نویسنده: تیم تحریریه روحانی نژاد