آموزش ایجاد جستجو وردپرس توسط کد و افزونه جستجو پیشرفته وردپرس

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

آموزش ایجاد جستجو وردپرس

اگر میخواهید فرم جستجو زنده در سایت تان داشته باشید، طوریکه بعد از تایپ کردن کلمه نتایج جستجو به شکل ایجکس نمایش داده شوند پیش از این در مقاله ای با عنوان افزونه جستجو زنده وردپرس برای نمایش نتایج به صورت آژاکس 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 جستجوهایی با امکان تفکیک تمام بخشها و امکانات بکار رفته در قالب وردپرس ایجاد کنید.

برخی از امکانات فریمورک جستجو وردپرس عبارتند از:

  1. قابلت جستجو در برچسب های سایت
  2. امکان جستجو در دسته بندی و برگه های وردپرس
  3. قابلیت جستجو در پست سفارشی یا پست تایپ خاص
  4. امکان جستجو در زمینه دلخواه وردپرس
  5. قابلیت تفکیک نتایج جستجو بر حسب تاریخ، تعداد نوشته، جدیدترین و قدیمی ترین
  6. نمایش نتایج جستو به شکل ایجکس
  7. قابلیت ایجاد انواع فیلدهای چک باکس و دراپ داون
  8. امکان تفکیک نتایج جستجو در بازه زمانی مشخص برحسب تاریخ
  9. قابلیت صفحه بندی خودکار نتایج جستجو وردپرس
  10. و …

افزونه wp advanced search به شکل متن باز و رایگان در گیت هاب github.com منتشر شده است و میتوانید با اعمال شخصی سازی های لازم از ان در طراحی قالب وردپرس دلخواه استفاده کنید.

جستجو پیشرفته برای افزونه ووکامرس و دانلود به ازای پرداخت WooCommerce And Easy Digital Downloads

جستجو پیشرفته برای افزونه ووکامرس و دانلود به ازای پرداخت WooCommerce And Easy Digital Downloads

اگر با کدنویسی و توابع وردپرس آشنایی ندارید میتوانید از افزونه Search & Filter استفاده کنید.
این افزونه دقیقا امکانات اسکریپت wp advanced search را دارا می باشد با این تفاوت که میتوانید براحتی آنرا از بخش افزونه های وردپرس تان نصب و فعال کنید سپس با انجام تنظیمات دلخواه و تعیین فیلدهایی که میخواهید کاربر بتواند در جعبه جستجو از آنها استفاده کند، فرم سرچ wordpress تان را بسازید. برای فعال سازی افزونه میتوانید از بخش ابزارک های پیشخوان، ابزارکی با همین نام را انتخاب و در ناحیه ابزارک دلخواه قرار دهید.

افزونه جستجو وردپرس پیشرفته و فیلتر محصولات ووکامرس

افزونه جستجو وردپرس پیشرفته و فیلتر محصولات ووکامرس Advanced AJAX Product Filters

احتمالا در سایتهای فروشگاهی معروف مانند دیجی کالا بخش جستجو پیشرفته ای را مشاهده کرده اید.
اینگونه جستجو ها امکان انتخاب ویژگی محصول به همراه تفکیک قیمت ، انتخاب برند یا همان دسته بندی محصول و در نهایت نمایش کالاهای موجود را دارا می باشد، در فروشگاه هایی که با وردپرس و افزونه فروشگاه ساز ووکامرس راه اندازی شده اند نیز میتوان چنین فیلتر محصولی را ایجاد کرد برای اینکار میتوان از یکی از افزونه های Advanced AJAX Product Filters یا YITH WooCommerce Ajax Product Filter استفاده کرد.

برخی ویژگی افزونه جستجو ووکامرس عبارتند از:

  1. امکان تفکیک قیمت توسط اسلایدر مانند دیجی کالا
  2. قابلیت نمایش ویژگی های محصول در فرم جستجو
  3. امکان تعریف انواع فیلد چک باکس و دراپ داون در فرم جستجو ووکامرس
  4. امکان نمایش دسته بندی و برچسب محصولات در فرم جستجو
  5. قابلیت جستجو ایجکس و نمایش نتایج در همان صفحه
  6. قابلیت نمایش کالاهای موجود
  7. امکان تفکیک محصولات برحسب تخفیف خورده یا بدون تخفیف
  8. و …

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

4.8/5 - (12 امتیاز)
بازدیدکنندگانی که این مطلب را مطالعه کرده اند، از مطالب زیر نیز استقبال کرده اند
دیدگاهی بنویسید
9

  1. پرویز
    9 آذر 1398 ساعت 09:07

    با سلام . آیا امکان این وجود داره که کاربر بتونه در صفحه ای که هست جستجو کنه مانند جستجوی مرورگر یعنی فقط صفحه حاضر کاربر رو جستجو کنه نه تمام سایت رو ؟

    • پدرام تبریزی
      9 آذر 1398 ساعت 12:12

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

  2. ارمان
    25 شهریور 1398 ساعت 15:27

    سلام وقت بخیر
    اقا خیلی عالی بود و اون فرمه کار منو راه انداخت فقط یه مشکلی دارم
    مثلا کلمه ads رو سرچ میکنیم ،
    url اگر site.com/?s=ads باشه درست نشون میده
    اما نمیدونم چرا این فرم شمارو که خیلی ام کارمو راه انداخته گذاشتم یو آر الل اینطوری شده
    site.com/ اضافه میکنه ، چطوری باید اینو اوکی کنم ، لطفا راهنماییم کنید

    • رضا کیانوش
      26 شهریور 1398 ساعت 06:42

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

  3. appbaran
    16 شهریور 1397 ساعت 15:28

    سلام، ببخشید اگر در کدی که در ابتدای مقاله هست بخواهیم post-type را تعیین کنیم چه تغییری در کد باید انجام داد؟ هدف جستجو در مطالب وردپرس است که مطالب edd سرچ نشود. سپاس

    • رضا کیانوش
      21 شهریور 1397 ساعت 11:45

      سلام وقت بخیر، مطلب بروز شد. موفق باشید

  4. محمد
    13 بهمن 1396 ساعت 13:38

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

    • رضا کیانوش
      13 بهمن 1396 ساعت 16:47

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

  5. دانلود
    1 اسفند 1395 ساعت 02:59

    خسته نباشید مرسی به خاطر این مطلب مفید