در این آموزش از ایران تمز به معرفی کد و افزونه جستجو وردپرس میپردازیم.
از مهم ترین بخشها در هر سایتی قابلیت جستجو سریع و راحت در بین مقالات و برگه های وب سایت می باشد به صورتیکه کاربر و بازدیدکننده بتواند براحتی و با سرعت بالا به مقاله یا محصول دلخواهش دسترسی پیدا کند. اگر توسط وردپرس سایت تان را راه اندازی کرده اید در این مقاله قصد داریم چندین روش برای ساخت فرم جستجو وردپرس به شکل کاملا حرفه ای را آموزش دهیم و اسکریپت یا افزونه های لازم را معرفی کنیم پس همراه ما باشید.
اگر میخواهید فرم جستجو زنده در سایت تان داشته باشید، طوریکه بعد از تایپ کردن کلمه نتایج جستجو به شکل ایجکس نمایش داده شوند پیش از این در مقاله ای با عنوان افزونه جستجو زنده وردپرس برای نمایش نتایج به صورت آژاکس Ajax live search آموزش کامل ساخت اینگونه فرم های جستجو را قرار داده ایم که پیشنهاد میکنیم حتما آنرا نیز مطالعه کنید.
فرم و کد جستجو وردپرس
راحت ترین راه افزودن جستجو به سایت استفاده از فرم و کد جستجو وردپرس می باشد.
این حالت فرمی ساده است که تنها دارای یک فیلد برای وارد کردن کلمه جستجو و دکمه ای برای اعمال جستجو است البته در برخی موارد حتی دکمه نیز وجود ندارد، در این حالت با نمایش متنی در فیلد جستجو از کاربر میخواهیم تا بعد از وارد کردن کلمه کلیدی با زدن اینتر از روی صفحه کلید دستور جستجو را صادر کند. برای استفاده از این نوع جستجو وردپرس در قالب سایت تان میتوانید از ابزارک جستجو استفاده کنید و یا در هنگام طراحی قالب وردپرس اختصاصی از طراح بخواهید تا انرا در پوسته سایت و در محل مناسبی قرار دهد. اگر پوسته وردپرس تان از ابزارک پشتیبانی نمی کند میتوانید با قرار دادن کدهای زیر در محل مورد نظر قابلیت جستجو را به قالب وردپرس اضافه کنید.
<form action="<?php bloginfo('url'); ?>" method="get">
<input class="search-pishrafte1" name="s" placeholder="جستجو ..." type="text">
<input name="post_type" value="product" type="hidden">
<input class="searchsubmit" value="جستجو" type="submit">
</form>
در خط سوم کد بالا فیلدی مخفی با مقدار product در value وجود دارد که باعث جستجو در پست تایپ product میشود.
پست تایپ یا نوشته سفارش product مربوط به افزونه ووکامرس است، برای جستجو در محصولات edd باید مقدار انرا برابر با download قرار داد. اگر میخواهید تنها در نوشته های وردپرس جستجو انجام شود خط سوم را از کد بالا حذف کنید.
اسکریپت یا افزونه جستجو پیشرفته وردپرس wp advanced search
به جرات میتوان گفت بهترین فریمورک جستجو وردپرس wp advanced search نام دارد.
احتمالا در برخی از سایتهای دانلود فیلم و سریال با جعبه جستجو پیشرفته ای روبرو شده اید که امکان جستجو در میان زمینه دلخواه، دسته بندی وردپرس, پست سفارشی, تاریخ دلخواه، فرمت فیلم، ژانر فیلم و سریال, نام بازیگر یا کارگردان و … را در اختیار کاربران قرار میدهد. برای راه اندازی اینگونه سرچ های قدرتمند میتوان از افزونه جستجو پیشرفته وردپرس استفاده کرد. اگر اندکی با توابع وردپرس آشنایی دارید میتوانید توسط افزونه قدرتمند wp advanced search جستجوهایی با امکان تفکیک تمام بخشها و امکانات بکار رفته در قالب وردپرس ایجاد کنید.
برخی از امکانات فریمورک جستجو وردپرس عبارتند از:
- قابلت جستجو در برچسب های سایت
- امکان جستجو در دسته بندی و برگه های وردپرس
- قابلیت جستجو در پست سفارشی یا پست تایپ خاص
- امکان جستجو در زمینه دلخواه وردپرس
- قابلیت تفکیک نتایج جستجو بر حسب تاریخ، تعداد نوشته، جدیدترین و قدیمی ترین
- نمایش نتایج جستو به شکل ایجکس
- قابلیت ایجاد انواع فیلدهای چک باکس و دراپ داون
- امکان تفکیک نتایج جستجو در بازه زمانی مشخص برحسب تاریخ
- قابلیت صفحه بندی خودکار نتایج جستجو وردپرس
- و …
افزونه wp advanced search به شکل متن باز و رایگان در گیت هاب github.com منتشر شده است و میتوانید با اعمال شخصی سازی های لازم از ان در طراحی قالب وردپرس دلخواه استفاده کنید.
جستجو پیشرفته برای افزونه ووکامرس و دانلود به ازای پرداخت WooCommerce And Easy Digital Downloads
اگر با کدنویسی و توابع وردپرس آشنایی ندارید میتوانید از افزونه Search & Filter استفاده کنید.
این افزونه دقیقا امکانات اسکریپت wp advanced search را دارا می باشد با این تفاوت که میتوانید براحتی آنرا از بخش افزونه های وردپرس تان نصب و فعال کنید سپس با انجام تنظیمات دلخواه و تعیین فیلدهایی که میخواهید کاربر بتواند در جعبه جستجو از آنها استفاده کند، فرم سرچ wordpress تان را بسازید. برای فعال سازی افزونه میتوانید از بخش ابزارک های پیشخوان، ابزارکی با همین نام را انتخاب و در ناحیه ابزارک دلخواه قرار دهید.
افزونه جستجو وردپرس پیشرفته و فیلتر محصولات ووکامرس Advanced AJAX Product Filters
احتمالا در سایتهای فروشگاهی معروف مانند دیجی کالا بخش جستجو پیشرفته ای را مشاهده کرده اید.
اینگونه جستجو ها امکان انتخاب ویژگی محصول به همراه تفکیک قیمت ، انتخاب برند یا همان دسته بندی محصول و در نهایت نمایش کالاهای موجود را دارا می باشد، در فروشگاه هایی که با وردپرس و افزونه فروشگاه ساز ووکامرس راه اندازی شده اند نیز میتوان چنین فیلتر محصولی را ایجاد کرد برای اینکار میتوان از یکی از افزونه های Advanced AJAX Product Filters یا YITH WooCommerce Ajax Product Filter استفاده کرد.
برخی ویژگی افزونه جستجو ووکامرس عبارتند از:
- امکان تفکیک قیمت توسط اسلایدر مانند دیجی کالا
- قابلیت نمایش ویژگی های محصول در فرم جستجو
- امکان تعریف انواع فیلد چک باکس و دراپ داون در فرم جستجو ووکامرس
- امکان نمایش دسته بندی و برچسب محصولات در فرم جستجو
- قابلیت جستجو ایجکس و نمایش نتایج در همان صفحه
- قابلیت نمایش کالاهای موجود
- امکان تفکیک محصولات برحسب تخفیف خورده یا بدون تخفیف
- و …
به پایان آموزش ایجاد جستجو وردپرس توسط کد و افزونه جستجو پیشرفته وردپرس رسیدیم چنانچه سوالی دارید در بخش دیدگاه های همین مطلب مطرح کنید.