illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!
25 9617 ۲۹ مرداد ۹۳ محمد مهدی اکرمی

با سلام

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

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

می تونید demo رو از تصویر زیر ببینید :

search filter

 قدم اول : اضافه کردن فرم جستجوگر جدید به وردپرس

توضیحات : این کد را به Funactions.php قالب اضافه کنید. اگر همچین فایلی ندارید در پوشه قالب یکی با همین نام و پسوند php بسازید.

 قدم دوم : اضافه کردن متغیر ها

توضیحات : این کد را به Functions.php قالب اضافه کنید.

قدم سوم : معرفی فیلتر ها به وردپرس 

تمامی کد های زیر را به Functions قالب اضافه کنید.

فیلتر اول : دسته بندی

فیلتر دوم : برچسب

فیلتر سوم : نویسنده

فیلتر چهارم : تاریخ(روز-ماه-سال)

ساخت فیلد جستجو (محل تایپ کلمه مورد نظر برای جستجو) :

 ساخت دکمه جستجو :

 قدم چهارم : ثبت جستجوگر جدیدمان در وردپرس

 قدم پنجم : نمایش فرم جستجوگر 

خوب بعد از اینکه کد های بالا رو به Functions قالبتون اضافه کردید با استفاده از کد زیر می توانید فرم را در هر جایی که می خواهید به نمایش در بیاورید :

نکته :  در کد بالا از خط 5 تا 8 برای نمایش فیلتر ها است که اگر 0 باشد نمایش داده نمی شود و خط 9 هم مربوط به توضیحات هر فیلد است.( اگر به demo دقت کنید می بینید که بالای هر فیلد یک توضیح کوتاه در مورد آن داده شده .)

قدم آخر : استایل دادن به فرم

در این مرحله چون فرم ما ظاهر خوبی نداره ما باید یه استایل براش در نظر بگیریم که برای این کار کد های زیر رو به فایل style.css اضافه کنید تا ظاهر بهتری رو پیدا کنه .

نکته :  در کد css بالا برای زیبایی بیشتر به خط 8 با استفاده از خاصیت font-family یک فونت انتخاب کنید

امید وارم نهایت استفاده رو از این آموزش برده باشید . موفق باشید

نوع کد رايگان

دیدگاه ها 25 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    رضا بهزادی(۱ تیر ۱۳۹۴)

    سلام من قدم اول رو که به functions.php اضافه میکنم خطا میده

  • ‏‏

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

  • ‏‏

    مشکل حل شد
    فقط یه مشکل فیلد سرچ خالی باشه رو دکمه کلیک کنیم میبرتت به همون دسته ای که تعیین شده
    اما کلمه ای سرچ نشده
    میخوام وقتی داخل فیلد هست سرچ کنه داخل دسته ها وقتی خالیه سرچ نکنه

    چه کدی باید اضافه بشه به کجا؟؟
    ممنون

  • ‏‏

    بسلام
    بسیار عالی فقط یه سوال:
    اگه بخوام همچین سرچی داشته باشم راه کارش چیه؟
    http://tirestore.ir/

    • ‏‏
      کیوان علی محمدی(۲۵ مهر ۱۳۹۴)

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

  • ‏‏
    حمیدرضا(۱۳ آذر ۱۳۹۴)

    سلام ببخشید من میخواستم یک فرم جستو جو برای سایت درست کنم مانند تصویر زیر میخواستم بدونم چطوری میتونم این رو درست کنم ممنون از راهنمایی تون
    http://uupload.ir/files/g5r_11-24-2015_8-27-08_am.jpg

  • ‏‏

    سلام خسته نباشید
    چطور میشه meta_box رو هم جز جستجو قرار دهیم شما وقتی یک عبارت را جستجو می کنید فقط در عنوان و متن توضیحات جستجو میشه در meta_box ها جستجو نمی کنه چطور میشه متا باکس رو هم جز جستجو قرار داد

  • ‏‏

    سلام. من هرچقدر تلاش کردم نتونستم درستش کنم. این دقیقا همونی هست که من میخوام، میتوید برای من درستش کنید؟ هزینش رو هم میدم. ممنون از سایت خوبتون، همیشه کمکم کردید با آموزش هاتون

  • ‏‏
    Hasan Ataie(۱۷ مهر ۱۳۹۵)

    واقعا عالی و بسیار کاربردی بود
    ممنون

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram