به سادگی مرورگر Google Chrome را روی دسکتاپ خود باز کنید و به صفحه ای که می خواهید بررسی کنید مراجعه کنید. این می تواند پیش نمایش یک صفحه در سایت شما باشد یا حتی می تواند وب سایت رقیب شما باشد.
با این اوصاف، بیایید ببینیم چگونه می توانید نسخه موبایل وب سایت وردپرس خود را روی دسکتاپ مشاهده کنید.
باید برای فرم های تولید سرنخ خود محتوای مخصوص موبایل ایجاد کنید. در دستگاه های تلفن همراه، این فرم ها باید حداقل اطلاعات را بخواهند، در حالت ایده آل فقط یک آدرس ایمیل. آنها همچنین باید ظاهر خوبی داشته باشند و به راحتی بسته شوند.
به عنوان مثال، می توانید یک دستگاه تلفن همراه مانند آیفون را انتخاب کنید و ببینید که سایت شما چگونه در دستگاه ظاهر می شود.
مهم است که وب سایت شما دارای طراحی واکنش گرا باشد تا بازدیدکنندگان موبایل بتوانند به راحتی وب سایت شما را مرور کنند.
همچنین می توانید عملکرد سایت خود را در اتصالات سریع یا کند 3G شبیه سازی کنید. حتی می توانید صفحه موبایل را با استفاده از نماد چرخش بچرخانید.
پاداش: نحوه ایجاد محتوای مخصوص موبایل در وردپرس
یکی دیگر از راههای عالی برای ایجاد پنجرههای بازشو مخصوص موبایل و فرمهای تولید سرنخ، OptinMonster است. این قدرتمندترین افزونه بازشو وردپرس و ابزار تولید سرنخ در بازار است.
در WPBeginner مشترک شوید
در نمای توسعه دهنده، می توانید کد منبع HTML، CSS و سایر جزئیات سایت خود را ببینید.
برای پیش نمایش نسخه موبایل سایت وردپرس خود می توانید از سفارشی ساز قالب وردپرس استفاده کنید.
با این حال، داشتن یک سایت واکنش گرا به سادگی ممکن است به اندازه کافی پیش نرود. کاربران دستگاه های تلفن همراه اغلب به دنبال چیزهای متفاوتی نسبت به کاربران دسکتاپ هستند.
با این کار سفارشی ساز تم وردپرس باز می شود. برای این آموزش، از تم Astra استفاده خواهیم کرد.
هنگامی که نشانگر ماوس خود را روی نمای موبایلی سایت خود قرار می دهید، به یک دایره تبدیل می شود. این دایره را میتوان با ماوس جابهجا کرد تا صفحه لمسی روی دستگاه تلفن همراه را تقلید کند.
در مرحله بعد، باید روی صفحه کلیک راست کرده و گزینه “Inspect” را انتخاب کنید.
این روش برای پیشنمایش نسخه موبایل بهویژه زمانی مفید است که هنوز ایجاد وبلاگ خود را به پایان نرساندهاید یا زمانی که در حالت تعمیر و نگهداری است.
پیشنمایش طرحبندی تلفن همراه به شما کمک میکند ببینید وبسایتتان در دستگاههای تلفن همراه چگونه به نظر میرسد. هنگامی که سایت شما در حال توسعه است یا حتی زمانی که به صورت زنده است، مشاهده نسخه موبایل در رایانه رومیزی اغلب آسان تر است. سپس، می توانید به سرعت تغییراتی ایجاد کنید و تأثیر آنها را مشاهده کنید.
مشاهده خواهید کرد که پیش نمایش وب سایت شما به اندازه صفحه نمایش تلفن همراه کوچک می شود.
در مرحله بعد، باید روی دکمه “Toggle Device Toolbar” کلیک کنید تا به نمای موبایل تغییر دهید.
مرورگر گوگل کروم دارای مجموعهای از ابزارهای توسعهدهنده است که به شما امکان میدهد بررسیهای مختلفی را در هر وبسایتی انجام دهید، از جمله مشاهده پیشنمایش ظاهر آن در دستگاههای تلفن همراه.
در بالای نمای موبایلی سایت خود، چند گزینه اضافی را مشاهده خواهید کرد.
بیش از 50 درصد از بازدیدکنندگان وب سایت شما از تلفن همراه خود برای دسترسی به سایت شما استفاده می کنند. حدود 3 درصد از تبلت استفاده خواهند کرد.
امیدواریم این مقاله به شما کمک کرده باشد که چگونه پیش نمایش طرح موبایل سایت خود را بیاموزید. همچنین ممکن است بخواهید انتخاب های متخصص ما را برای بهترین افزونه ها برای تبدیل یک سایت وردپرس به یک برنامه تلفن همراه و نحوه افزایش ترافیک وبلاگ را ببینید.
