شخصی سازی ابزارک جستجو وردپرس

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

شخصی سازی ابزارک جستجو وردپرس

شخصی سازی قالب ابزارک جستجو وردپرس

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

برای شخصی سازی ابزارک جستجو نیار به 2 کار هستش…

  • اضافه کردن یا ویرایش فایل searchform.php به قالب
  • اضافه کردن یا ویرایش استایل برای ابزارک جستجو

استایل ابزارک جستجو وردپرس

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

#search {
float:right;
margin-top:10px;
width: 200px;
padding: 10px 10px 10px 10px;
outline: none;
background: #e8e8e8;
border: 1px solid #CCC;
color: #666;
text-shadow: 1px 1px 1px #FFF;
font-family:Tahoma;
}
#search:focus { }

ابزارک جستجو وردپرس

فقط دقت کنید اگرتو style.css از قبل search# رو دارید ، اونو پاکش کنید.

فایل searchform.php ابزارک جستجو

یک موقع اشتباه نکنید فایل search.php برای آرشیو جستجو هستش ( زمانی که یک چیزی جستجو میشه آرشیو طبق این قالب میاد ) ولی فایلی که ما باهاش کار داریم searchform.php هستش.

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

<form method="get" id="searchbar" action="<?php echo home_url( '/' ); ?>">
<input type="text" size="16" name="s" value="دنبال هر چی هستی + اینتر" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="search" />
</form>

اگر هم قالبتون فایل searchform.php رو نداره یک فایل با این نام درست کنید و کدهای زیر را داخلش قرار بدید.داخل فایل ضمیمه هم قرارش دادیم.

حالا برید و ابزارک جستجو رو فعال کنید ( دقت کنید باید راست کلیک کنید و reload رو بزنید تا تغییرات رو ببینید ! ) .

دانلود فایل ضمیمه

5/5 - (1 امتیاز)
36 نظرات
  1. مرتضی مرادی می گوید

    سلام
    مسیر فایل style.cssکجاست دقیق میشه بگید؟
    و searchform.phpرا دقیقا کجا باید کپی کرد؟

  2. طلا می گوید

    سلام وقتتون بخیر.من یه مشکل با منوی سرچ سایتم دارم اینکه وقتی یه محصولی رو تو سایت میخوایی پیدا کنی تقریبا باید مثل خود اسم محصول موردنظر که تو سایت ثبت شده تایپ و سرچ بشه . نمیشه با هر کلمه یا لغتی جستجو کرد پیداش نمیکنه .باید چیکار کنم . ممنون میشم جواب بدین.

    1. صابر اعظمی می گوید

      سلام و احترام

      این مشکل به دلیل نوع کد نویسی و درخواستی هست که در قالب وبسایت شما ثبت شده.

  3. نیما پیری می گوید

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

    1. عباس صادقی می گوید

      درود، کوکی و کش مرورگر رو پاک کنید و امتحان کنید. اگر از افزونه‌های کش هم استفاده می‌کنید از تنظیمات افزونه کش رو پاک کنید و نتیجه رو ببنید.

  4. توحیدم می گوید

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

    1. عباس صادقی می گوید

      سلام، به زودی آموزشش در سایت قرار میگیره!
      شاد باشید :)

  5. امیرحسین می گوید

    با سلام و تشکر من چطور میتونم ای کد رو بیارم وسط هیدر چون بعد از گذاشتن میره سمت راست و من میخوام بیارمش چپ یا وسط

    1. آرش حیدری می گوید

      سلام
      باید استایلش رو متناسب با قالبتون ویرایش کنید خودتون …

      1. امیرحسین می گوید

        تشکر دوست عزیز ولی تا اینجاش رو میدونستم بقیش رو نمیدونم خودم یکم دستکاریش کردم ولی تغییری نکرد شما میتونید اون استیل رو برام بفرستید؟

      2. آرش حیدری می گوید

        سلام
        من کد های قالب شما رو ندیدم که بتونم ویرایش کنید …
        خودتون باید انجام بدید
        ممنون

  6. امین می گوید

    با سلام خدمت شما دوستان گرامی

    میخواستم بدونم راهی هست ک بشه رنگ نوار جستجو را از ابی کم رنگ(پیشفرض) تغییر داد؟؟

    1. آرش حیدری می گوید

      سلام
      باید استایل رو تغییر بدید …
      یکمی مطالعه کنید
      تشکر

  7. سایه می گوید

    سلام
    بخدا بارها ازتون سوال کردم یه بارم جواب ندادین
    یه سوال داشتم
    میخواستم یه سرچی مثل این سایت داشته باشم،اگه افزونه هم داره معرفی کنید اگه نه یکم توضیح بدید چیکار کنم؟
    ممنون اگه جوابمو بدین
    اخه خیلی فوریه

    1. آرش حیدری می گوید

      سلام
      برای جستجو پیشرفته نیاز هستش پلاگین اختصاصی نوشته بشه …

  8. مهدی می گوید

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

  9. عباس می گوید

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

  10. براهیم می گوید

    وقتی من کد فرم سرچ وردپرس رو توی div میزارم، غیر فعال میشه!انگار قفل شده باشه! ولی وقتی بیرون از div هست به درستی کار میکنه،مشکل و راه حل؟!

  11. بهرام می گوید

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

    1. آرش حیدری می گوید

      سلام
      فایل 404 قالب برای همین کار هستش دیگه …

      1. بهرام می گوید

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

      2. آرش حیدری می گوید

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

      3. بهرام می گوید

        ضمن اینکه من الان 404 رو ایجاد کردم اما زمانی که مطلب مربوط رو پیدا نمیکنه به 404 نمیره و page میاد فکر میکنم یا همون index بدون هیچ پستی

  12. امیر می گوید

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

    1. آرش حیدری می گوید

      سلام ، دیدم عکستون رو .
      فکر کنم قالبتون رو یکم باید ویرایش کنید تا درست بشه .
      با تشکر

  13. محسن می گوید

    سلام آقای حیدری؛ ما به نیابت از دکمه‌ی “لایک” داریم کامنت می‌ذاریم!
    بابت این مطلبتون واقعا ممنون … خیلی کارم رو راه انداخت

    1. آرش حیدری می گوید

      خواهش می کنم ، موفق باشید

  14. 123 می گوید

    مرسی

  15. مهدی می گوید

    سلام ببخشید یه سوال داشتم.
    من از هر کسی پرسیدم بلد نبوده میخواستم یه (محل تبلیغات شما) در وبلاگم قرار بدم اگه میشه راهنماییم کنید.لطفا

    1. آرش حیدری می گوید

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

  16. محسن می گوید

    سلام آقای حیدری؛ ما به نیابت از دکمه‌ی “لایک” داریم کامنت می‌ذاریم!
    البته یه درخواستی هم داشتم: اگه لطف کنید در مورد جزئیات افزونه WordPress SEO هم توضیحاتی بفرمایید خیلی ممنون میشم. مثلا آیا راهی هست که گوگل یکی از نویسنده ها رو index نکنه؟
    ممنون از زحمات شما ..
    ایام به کام و همیشه شاد باشید.

    1. آرش حیدری می گوید

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

  17. امیر رستمی می گوید

    سلام آقای حیدری !‌

    مطالب ناب و خیلی مفیدی میزارین ،‌ادم واقعا لذت میبره میخونتشون !‌
    به سایت ما هم سر بزنین ،‌خوشحال میشیم !‌

    1. آرش حیدری می گوید

      سلام
      خواهش می کنم لطف داری دوست عزیز
      بله سر زدیم 1 بازدید براتون انداختیم !

  18. مهدی می گوید

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

    1. آرش حیدری می گوید

      سلام ، خواهش میکنم
      لطف دارید شما ! لایک نداره ولی کامنت داره ; )

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.