ساخت فرم جستجوی آژاکس در وردپرس با Ajax Search Lite

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

توی این آموزش، ساخت فرم جستجوی آژاکس در وردپرس رو با افزونه رایگان Ajax Search Lite از اول تا آخر انجام می‌دیم. اول می‌بینیم جستجوی خود وردپرس چه فرقی با این روش داره. بعد منابع جستجو و ظاهر نتیجه‌ها رو تنظیم می‌کنیم و در آخر، فرم آماده رو داخل سایت می‌ذاریم.

آیا خود وردپرس جستجوی آژاکس داره

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

پس اگه فقط یک فرم ساده می‌خواید، همون ابزار داخلی وردپرس کارتون رو راه می‌اندازه. ولی برای نمایش فوری نتیجه‌ها، جستجو بین نوع نوشته‌های دلخواه و کنترل بیشتر روی ظاهر فرم، Ajax Search Lite انتخاب مناسب‌تریه.

نصب افزونه رایگان Ajax Search Lite

قبل از شروع، به «پیشخوان ← به‌روزرسانی‌ها» برید و مطمئن بشید وردپرس و افزونه‌هاتون به‌روز هستن. بعد وارد «افزونه‌ها ← افزودن افزونه تازه» بشید و عبارت Ajax Search Lite رو جستجو کنید. روی «هم‌اکنون نصب نمایید» بزنید و وقتی نصب تموم شد، افزونه رو فعال کنید. نسخه رسمی و رایگان این افزونه در مخزن وردپرس قرار گرفته و برای انجام این آموزش نیازی به نسخه پولی ندارید.

بعد از فعال‌سازی، گزینه Ajax Search Lite به منوی پیشخوان اضافه می‌شه. روی این گزینه بزنید تا تنظیمات فرم رو ببینید. شاید اسم یا جای بعضی گزینه‌ها در نسخه‌های بعدی کمی عوض بشه، ولی کاربرد بخش‌های اصلی همینه.

انتخاب محتوای قابل جستجو

بخش Search Sources در تنظیمات افزونه مشخص می‌کنه چه محتوایی از سایتتون جستجو بشه. «منبع جستجو» یعنی نوشته‌ها، برگه‌ها، محصولات یا هر نوع نوشته دیگه‌ای که می‌خواید بین نتیجه‌ها نمایش داده بشه.

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

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

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

تنظیم ظاهر و رفتار نتایج

تنظیم ترتیب نتیجه‌ها

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

نمایش تصویر کنار نتیجه

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

تنظیم کادر جستجو

در بخش Layout Options می‌تونید ظاهر کادر جستجو و فهرست نتیجه‌ها رو تغییر بدید. متن راهنما یا Placeholder همون نوشته‌ایه که قبل از شروع تایپ داخل کادر دیده می‌شه. یک جمله کوتاه مثل «دنبال چی می‌گردید؟» برای کاربر فارسی‌زبان روشن و قابل‌فهمه.

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

پیشنهاد خودکار و برجسته‌سازی عبارت

بخش Autocomplete & Suggestions پیشنهادهایی رو کنترل می‌کنه که موقع تایپ ظاهر می‌شن. اگه از پیشنهادهای بیرونی کمک می‌گیرید، زبان اون‌ها رو روی Persian بذارید و نتیجه رو با چند عبارت فارسی امتحان کنید. بخش Keyword Highlighting هم کلمه جستجوشده رو در نتیجه‌ها برجسته می‌کنه تا کاربر راحت‌تر دلیل نمایش هر نتیجه رو بفهمه.

افزودن فرم جستجوی آژاکس به سایت

ساده‌ترین راه در ویرایشگر جدید وردپرس، استفاده از بلوک خود افزونه‌ست. نوشته یا برگه دلخواهتون رو باز کنید و روی دکمه «+» بزنید. Ajax Search Lite رو جستجو کنید و بلوک افزونه رو داخل صفحه بذارید. بعد پیش‌نمایش فرم رو ببینید و اگه همه‌چیز درست بود، برگه رو منتشر یا به‌روزرسانی کنید.

اگه از قالب بلوکی استفاده می‌کنید، می‌تونید همین بلوک رو از مسیر «نمایش ← ویرایشگر» به سربرگ، نوار کناری یا قالب صفحه اضافه کنید. در قالب‌های کلاسیک هم به «نمایش ← ابزارک‌ها» برید و ابزارک Ajax Search Lite رو در ناحیه دلخواه قرار بدید.

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

فعال‌کردن آمار و کش جستجو

نسخه‌های جدید Ajax Search Lite برای آمار جستجو و کش نتیجه‌ها هم امکاناتی دارن. آمار جستجو نشون می‌ده کاربران بیشتر دنبال چه عبارت‌هایی می‌گردن. با کمک این اطلاعات می‌تونید موضوع مقاله‌های بعدی رو انتخاب کنید، اسم محصولات رو بهتر بنویسید و نیاز واقعی بازدیدکننده‌ها رو بشناسید.

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

آزمایش فرم و رفع مشکل

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

• هیچ نتیجه‌ای دیده نمی‌شه: منابع جستجو و منتشرشدن نوشته یا محصول رو بررسی کنید.
• نتیجه‌های قدیمی دیده می‌شن: کش Ajax Search Lite، افزونه کش و مرورگر رو پاک کنید.
• ظاهر فرم به‌هم‌ریخته‌ست: تغییرهای ظاهری افزونه رو موقتا به حالت پیش‌فرض برگردونید و تداخل CSS قالب رو بررسی کنید.
• فرم روی موبایل از صفحه بیرون می‌زنه: عرض فرم رو روی حالت واکنش‌گرا یا ۱۰۰ درصد بذارید.
• جستجو کند شده: منابع غیرضروری رو کنار بذارید، تعداد نتیجه‌های اولیه رو کمتر کنید و کش رو روشن نگه دارید.

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

سؤال‌های رایج

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

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