آموزش افزونه جت سرچ

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

چرا جت سرچ را انتخاب کنیم؟

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

ویژگی‌های کلیدی جت سرچ

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

جت سرچ برای چه کسانی مناسب است؟

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

چرا جستجوی پیشرفته اهمیت دارد؟

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

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

قابلیت های کلیدی این افزونه در آموزش جت سرچ

این بخش به معرفی مهم ترین ویژگی هایی می پردازد که جت سرچ برای ارتقای قابلیت جستجو در سایت شما ارائه می دهد.

• جستجوی زنده ایجکس Search AJAX: نمایش نتایج همزمان با تایپ کاربر بدون نیاز به بارگذاری مجدد صفحه.
• جستجو در انواع محتوا:امکان جستجو در پست ها، صفحات، محصولات ووکامرس، انواع پست تایپ سفارشی (CPTs) و تاکسونومی ها دسته بندی ها، برچسب ها و....
• جستجو در فیلدهای سفارشی: قابلیت جستجو بر اساس اطلاعات متا و فیلدهای سفارشی تعریف شده برای محتوا.
• سفارشی سازی کامل ظاهر: کنترل دقیق بر استایل فرم جستجو و نحوه نمایش نتایج.
• ایجاد صفحه نتایج سفارشی: امکان طراحی صفحه ای اختصاصی برای نمایش جامع نتایج جستجو.

تمامی این قابلیت های گفته در آموزش جت سرچ در جت ساز ذکر شده و در اختیار شما قرار دارد.

نصب و راه اندازی جت سرچ

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

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

فرم جستجو ایجکس در آموزش جت سرچ

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

نحوه استفاده: با استفاده از ابزارک Search Ajax در ویرایشگر المنتور، می توانید این فیلد جستجوی قدرتمند را به هر کجای سایت خود، مثلا هدر، اضافه کنید. در بخش Form Search > Content تنظیمات این ابزارک:

• می توانید متن داخل فیلد جستجو که قبل از تایپ کاربر نمایش داده می شود Text Placeholder را به دلخواه تغییر دهید مثلا بنویسید جستجو در میان محصولات و مقالات.
• می توانید آیکون کنار فیلد جستجو Icon Input را انتخاب کنید.
• گزینه List Categories Show به شما امکان می دهد تا یک منوی کشویی برای انتخاب دسته بندی مورد نظر در کنار فیلد جستجو اضافه کنید.

این قابلیت به کاربران کمک می کند جستجوی خود را محدودتر کنند، مثلا فقط در دسته "لوازم خانگی" جستجو کنند.

تنظیمات دقیق کوئری جستجو در آموزش جت سرچ

 این قسمت مشخص می کند که این افزونه در کدام قسمت سایت و بر اساس چه معیارهایی به دنبال نتایج بگردد. مثال: وقتی در سایت آهن آنلاین به دنبال "میلگرد سایز 16 یزد" می گردید، انتظار دارید نتایج فقط شامل محصولاتی از نوع "میلگرد" باشند، نه انواع دیگر آهن آلات. همچنین می خواهید نتایج فقط از کارخانه "یزد" و با ویژگی "سایز "16 باشند. این افزونه به شما اجازه می دهد دقیقا همین کار را انجام دهید که ما در آموزش جت سرچ همراه با مثال تمامی این موارد رو توضیح داده ایم.

نحوه استفاده: در بخش Query Search > Content ابزارک Search Ajax، شما کنترل کاملی بر دامنه جستجو دارید:

• کاربرد Search in: می توانید مشخص کنید که جستجو فقط در کدام پست تایپ ها انجام شود. برای یک فروشگاه، فقط "Products"را انتخاب می کنید؛ برای یک سایت محتوایی، شاید "Posts" و "Pages" انتخاب کنید.

• کاربرد Search in custom fields: اگر اطلاعات مهمی مانند "سایز" میلگرد، "مدل" گوشی، یا "سال ساخت" خودرو را در فیلدهای سفارشی ذخیره کرده اید، می توانید نام کلیدهای متا keys meta مربوط به آن فیلدها را در این قسمت وارد کنید تا جستجو در محتوای این فیلدها نیز انجام شود.
  اگر چندین فیلد سفارشی دارید، نام کلیدها را با کاما جدا کنید اگر با توضیح متنی این افزونه مشکل دارید میتوانید با آموزش جت سرچ ما به صورت ویدیو آموزش ببینید.

• کاربرد Include/Exclude: با استفاده از این گزینه ها می توانید نتایج را به تاکسونومی های خاص مانند دسته بندی "میلگرد" و برچسب "یزد" یا حتی پست های خاصی محدود یا از جستجو حذف کنید.

• کاربرد Results Order By: می توانید نحوه مرتب سازی نتایج را مشخص کنید، مثلا بر اساس "ارتباط Relevance "که پیش فرض است و معمولا بهترین نتیجه را می دهد، "تاریخ انتشار"، "عنوان"، یا معیارهای دیگر.

سفارشی سازی نتایج جستجو در آموزش جت سرچ

 این بخش به نحوه نمایش نتایجی می پردازد که منوی کشویی جستجوی زنده به کاربر نشان می دهد.

• مثال: وقتی در دیجی کالا جستجو می کنید و لیست محصولات پیشنهادی زیر فیلد جستجو ظاهر می شود، هر آیتم معمولا شامل یک عکس کوچک از محصول، نام کامل آن و گاهی قیمت یا امتیاز مشتریان است.

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

• نحوه استفاده: در بخش Area Results > Content در آموزش جت سرچ می توانید تعیین کنید که هر آیتم در نتایج زنده چگونه نمایش داده شود:

 Thumbnail Post Show: برای نمایش تصویر محصول یا تصویر شاخص پست.

Source Content Post: مشخص می کنید که بخشی از محتوا مثل خلاصه یا Excerpt نمایش داده شود یا اطلاعاتی از فیلدهای سفارشی .با انتخاب Fields Custom می توانید مثلا قیمت محصول را زیر عنوان آن نمایش دهید.

Length Excerpt Post: اگر نمایش خلاصه محتوا را انتخاب کرده اید، تعداد کلماتی که نمایش داده می شوند را مشخص می کنید.

Counter Results Show: تعداد کل نتایج یافت شده برای عبارت جستجو را نمایش می دهد (مثلا 123 نتیجه یافت شد).

Button Results All Show: یک دکمه یا لینک در پایین لیست نتایج زنده اضافه می کند که کاربر با کلیک روی آن به صفحه کامل نتایج جستجو هدایت می شود.

نتایج جستجوی سفارشی در آموزش جت سرچ

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

• مثال: زمانی که در سایت هایی مانند دیجی کالا یا اسنپ پی جستجو می کنید و روی دکمه اصلی جستجو کلیک می کنید، به یک صفحه اختصاصی هدایت می شوید که تمام نتایج مربوطه به صورت منظم در قالبی شبکهای (Grid) یا لیستی نمایش داده شده اند. اگر مفهوم قالب شبکه و... متوجه نشده اید دوره آموزش جت سرچ ما را از دست ندهید.

این صفحه معمولا دارای امکان صفحه بندی (Pagination) و شاید فیلترهای جانبی بیشتر است .جت سرچ به شما امکان می دهد چنین صفحه ای را خودتان بسازید.

• نحوه استفاده: برای این کار، ابتدا یک برگه جدید در وردپرس ایجاد کنید مثلا با نام "نتایج جستجو". این برگه همان صفحه ای است که نتایج کامل در آن نمایش داده می شوند.

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

صفحه نتایج خود را با استفاده از ابزارک های المنتور مثل عنوان صفحه، ابزارک نمایش نتایج، و ابزارک صفحه بندی در صورت نیاز طراحی کنید. پس از طراحی صفحه، باید این افزونه را مطلع کنید که از این صفحه به عنوان صفحه نتایج استفاده کند. مسیر به پیشخوان وردپرس Settings< Crocoblock< JetSearch< JetPlugins Settings< Ajax Search بروید و در بخش Page Results Custom، آدرس کامل (URL) صفحه ای که ساخته اید مثلا yourwebsite.com/search-results را وارد کنید.

حال وقتی کاربر جستجو می کند و نیاز به دیدن تمام نتایج داردبا زدن دکمه Enter یا کلیک روی لینک "نمایش همه نتایج"، به این صفحه زیبای سفارشی شما هدایت خواهد شد.

سایر تنظیمات و قابلیت ها در آموزش جت سرچ

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

استایل دهی:

بخش Style در ابزارک Search Ajax به شما امکان می دهد تا رنگ ها، فونت ها، فاصله ها، و سایر خصوصیات بصری فرم جستجو و ناحیه نتایج را به طور کامل مطابق با ظاهر سایت خود تغییر دهید.

اعلانها در آموزش جت سرچ:

می توانید متن پیام هایی که به کاربر نمایش داده می شود را شخصی سازی کنید، مانند پیامی که در صورت پیدا نشدن هیچ نتیجه ای ظاهر می شود.

نتیجه

این افزونه یک راه حل جامع و قدرتمند برای پیاده سازی قابلیت جستجوی پیشرفته و زنده (AJAX) در وبسایت های وردپرسی مبتنی بر المنتور است.

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

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