ریسپانسیو کردن وردپرس با WPtouch؛ آموزش کامل

اگه قالب قدیمی سایتتون روی موبایل به‌هم می‌ریزه و فعلاً نمی‌تونید عوضش کنید یا ایرادهاش رو برطرف کنید، WPtouch می‌تونه موقتاً به کمکتون بیاد. این افزونه یک قالب جدا برای کاربران موبایل نشون می‌ده؛ یعنی قالب اصلی سایتتون رو واقعاً ریسپانسیو نمی‌کنه.

توی این آموزش باهم می‌بینیم WPtouch دقیقاً چه کاری انجام می‌ده، چطور نصب می‌شه و بعد از فعال‌سازی باید چه بخش‌هایی رو بررسی کنید. تنظیمات کش، روش درست تست سایت روی موبایل و تأثیر واقعی این کار روی سئو رو هم توضیح می‌دیم.

ریسپانسیو کردن وردپرس با WPtouch

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

بهتره WPtouch رو یک راه‌حل اصلی و همیشگی ندونید. این افزونه بیشتر وقتی به کارتون میاد که یک قالب قدیمی دارید و فعلاً نمی‌تونید اون رو عوض یا اصلاح کنید.

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

افزونه WPtouch چه کاری انجام می‌ده؟

WPtouch یک افزونه وردپرسه که برای کاربران موبایل، یک قالب جدا نشون می‌ده. در همین حال، بازدیدکننده‌های دسکتاپ همچنان قالب اصلی سایت رو می‌بینن.

این کار با ریسپانسیو کردن واقعی قالب فرق داره. توی طراحی واکنش‌گرا، همون قالب با کمک ویژگی‌های CSS خودش رو با عرض صفحه هماهنگ می‌کنه؛ ولی WPtouch ظاهر موبایل رو از قالب اصلی جدا نگه می‌داره.

پس قبل از نصب افزونه، اول سری به تنظیمات قالب فعلیتون بزنید. شاید قالب از قبل حالت موبایل داشته باشه و فقط بخش‌هایی مثل منو، تصویرها یا ستون‌ها درست تنظیم نشده باشن.

چه زمانی استفاده از WPtouch منطقیه؟

• قالب سایتتون قدیمیه و روی موبایل درست نمایش داده نمی‌شه.
• فعلاً نمی‌تونید قالب رو عوض کنید یا کدهای اون رو اصلاح کنید.
• می‌خواید تا آماده شدن قالب جدید، یک نسخه ساده برای کاربران موبایل داشته باشید.

اگه سایت فروشگاهی دارید یا از فرم‌های مهم، عضویت کاربران و صفحه‌سازها استفاده می‌کنید، بعد از فعال‌سازی افزونه همه این بخش‌ها رو با یک موبایل واقعی امتحان کنید. چون قالب موبایلی جدا ممکنه ظاهر یا عملکرد بعضی قسمت‌ها رو تغییر بده.

آموزش نصب و راه‌اندازی افزونه WPtouch

1. وارد پیشخوان وردپرس بشید.
2. از منوی «افزونه‌ها»، گزینه «افزودن افزونه تازه» رو انتخاب کنید.
3. عبارت WPtouch رو توی کادر جست‌وجو بنویسید.
4. افزونه WPtouch رو نصب و بعد فعال کنید.
5. بعد از فعال‌سازی، بخش WPtouch رو توی پیشخوان باز کنید و تنظیمات قالب موبایل رو ببینید.

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

بعد از فعال‌سازی چه چیزهایی رو بررسی کنیم؟

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

قبل از نصب افزونه، قالب نمونه این مقاله روی موبایل به شکل زیر دیده می‌شد:

بعد از نصب افزونه، WPtouch یک ظاهر جدا برای موبایل نشون می‌داد:

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

نکات مهم درباره افزونه‌های کش

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

بعد از فعال‌سازی WPtouch، راهنمای رسمی افزونه کش خودتون رو بخونید و ببینید برای نسخه موبایل چه تنظیماتی پیشنهاد می‌کنه. بعد هم کش سایت، مرورگر و شبکه توزیع محتوا یا CDN رو پاک کنید. سرویسیه که فایل‌های سایت رو از سرورهای نزدیک‌تر برای کاربر می‌فرسته.

چطور نسخه موبایل سایت رو تست کنیم؟

فقط پنجره مرورگر رو کوچک نکنید و نتیجه رو قطعی ندونید. بهتره این موارد رو قدم‌به‌قدم بررسی کنید:

1. سایت رو با یک موبایل واقعی و در حالت ناشناس مرورگر باز کنید.
2. منو، دکمه‌ها، فرم تماس، جست‌وجو و لینک‌های اصلی رو امتحان کنید.
3. اگه فروشگاه دارید، صفحه محصول، سبد خرید و تسویه‌حساب رو تا مرحله قبل از پرداخت آزمایش کنید.
4. مطمئن بشید متن، تصویر، ویدیو و جدول از عرض صفحه بیرون نمی‌زنن.
5. با Chrome Lighthouse سرعت، دسترس‌پذیری و چند مشکل رایج صفحه رو بررسی کنید.
6. گزارش Core Web Vitals رو توی Google Search Console ببینید. Core Web Vitals مجموعه‌ای از معیارهاست که سرعت بارگذاری، واکنش صفحه و پایداری چیدمان رو بررسی می‌کنه.

آیا WPtouch باعث بهبود سئو می‌شه؟

درست نمایش داده شدن سایت روی موبایل برای تجربه کاربر مهمه، ولی نصب WPtouch به‌تنهایی رتبه بهتر در گوگل رو تضمین نمی‌کنه. سرعت، محتوای مفید، دسترسی راحت به بخش‌های سایت و درست کار کردن صفحه‌ها هم اهمیت دارن.

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

جمع‌بندی

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

اگه فعلاً چاره‌ای جز استفاده از WPtouch ندارید، بعد از هر تغییر مهم نسخه موبایل رو دوباره تست کنید و تنظیمات کش رو جدی بگیرید. برای یک راه‌حل بلندمدت، بهتره قالب اصلی سایتتون رو واکنش‌گرا کنید یا سراغ یک قالب جدید برید.

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.