نحوه ایجاد فرم جستجوی سفارشی وردپرس (گام به گام)

آیا نیاز به ایجاد فرم جستجوی سفارشی برای وب سایت وردپرس خود دارید؟

جستجو روشی است که اکثر کاربران محتوای سایت شما را پیدا می کنند. اگر به راحتی نتوانند آنچه را که به دنبال آن هستند پیدا کنند، ممکن است به وب سایت دیگری بروند.

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

چرا یک فرم جستجوی سفارشی برای وردپرس ایجاد کنیم؟

قابلیت جستجوی پیش‌فرض وردپرس کاملاً محدود است و همیشه مرتبط‌ترین محتوا را پیدا نمی‌کند.

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

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

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

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

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

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

اولین قدم نصب افزونه SearchWP است. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

پس از فعال سازی، باید به آدرس مراجعه کنید تنظیمات »SearchWP صفحه و سپس روی گزینه منوی ‘License’ کلیک کنید.

سپس، کلید مجوز خود را در کادر ‘License’ وارد کنید و روی دکمه ‘فعال کردن’ کلیک کنید. می توانید این اطلاعات را در حساب کاربری خود در وب سایت SearchWP پیدا کنید.

سفارشی کردن موتور جستجو

پس از انجام این کار، باید روی گزینه منوی ‘Engines’ کلیک کنید. پس از آن، باید روی دکمه «افزودن جدید» کلیک کنید تا یک موتور جستجوی جدید ایجاد کنید.

این یک موتور جستجوی جدید به نام “تکمیلی” ایجاد می کند. برای تغییر نام باید روی دکمه “منابع و تنظیمات” کلیک کنید.

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

ما نام موتور جستجو را به “سفارشی” تغییر می دهیم. ادامه دهید و آن را در قسمت “برچسب موتور” تایپ کنید.

توجه داشته باشید که گزینه ‘Keyword Stems’ برای شما انتخاب شده است. هنگامی که کاربران شما جستجو می کنند، انتهای کلمات را نادیده می گیرد تا مرتبط ترین نتایج جستجو نمایش داده شود.

مطمئن شوید که پس از پایان کار روی دکمه «انجام شد» کلیک کرده اید.

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

می‌توانید این کار را با تنظیم لغزنده‌های «ارتباط ویژگی» انجام دهید.

اینها نحوه ارزش گذاری و رتبه بندی محتوا توسط موتورهای جستجو را تغییر می دهند. برای مثال، اگر می‌خواهید برای عنوان پست ارزش بیشتری نسبت به محتوا قائل شوید، می‌توانید اسلایدر را متناسب با آن تنظیم کنید.

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

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

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

ادامه دهید و روی دکمه “ویرایش قوانین” در بخش پست ها کلیک کنید.

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

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

برای یادگیری نحوه انجام این کار، به روش 1 در راهنمای گام به گام ما در مورد نحوه جستجو بر اساس دسته بندی در وردپرس مراجعه کنید.

پس از سفارشی کردن تنظیمات موتور جستجوی پیش‌فرض خود، مطمئن شوید که روی دکمه «ذخیره موتورها» در بالای صفحه کلیک کنید تا موتور جستجوی سفارشی خود را ایجاد کنید.

افزودن فرم جستجو با کد کوتاه

افزونه SearchWP Shortcodes Extension کار اضافه کردن فرم جستجوی پست سفارشی جدید شما را به سایت وردپرس شما ساده می کند.

به سادگی بازدید کنید افزونه SearchWP Shortcodes وب سایت و سپس روی دکمه «دانلود موجود با مجوز فعال» کلیک کنید.

پس از آن، باید افزونه را به همان روشی که در بالا نصب کردید، نصب و فعال کنید.

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

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

سپس، «html» را در کادر جستجو تایپ کنید و سپس روی بلوک «HTML سفارشی» کلیک کنید تا آن را به پست اضافه کنید.

هنگامی که بلوک جدید را اضافه کردید، باید کدهای کوتاه و HTML زیر را در آن قرار دهید.

[searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"]
  
<div class="search-results-wrapper">
 [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
  
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
  
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"]
</div>

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

اگر به موتور جستجوی خود نام دیگری داده اید، باید آن را تغییر دهید engine=“custom” به نام موتور خود در چهار مکان.

همچنین ممکن است با ویرایش متن روی دکمه جستجو را به چیزی توصیفی تر تغییر دهید button_text=“Custom Search”. بقیه کدها می توانند ثابت بمانند.

اطمینان حاصل کنید که روی انتشار یا به‌روزرسانی کلیک کنید تا پست خود را ذخیره کنید و آن را زنده کنید.

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

افزودن جستجوی زنده آژاکس

جستجوی زنده آژاکس با ارائه خودکار نتایج جستجوی کشویی در زمانی که کاربر درخواست خود را تایپ می کند، فرم جستجوی شما را بهبود می بخشد.

ساده ترین راه برای افزودن جستجوی زنده Ajax به وردپرس رایگان است افزونه SearchWP Live Ajax Lite Search، از آنجایی که جستجوی زنده را به طور خودکار فعال می کند.

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

استفاده از تنظیمات پیشرفته برای SearchWP

اکنون باید به آن بروید تنظیمات »SearchWP و روی تب Advanced کلیک کنید. در این صفحه، می‌توانید تنظیماتی را فعال کنید که کاربران شما را راحت‌تر می‌توانند آنچه را که به دنبال آن هستند پیدا کنند.

هر یک از این گزینه ها را که می خواهید بررسی کنید:

• منطبق‌های جزئی نیز نتایجی را نشان می‌دهند که کاملاً با عبارت مورد جستجو مطابقت ندارند.
• خودکار “منظورت بود؟” اصلاحات یک عبارت جستجوی کمی متفاوت را پیشنهاد می کند که با پست های بیشتری در وب سایت شما مطابقت دارد.
• پشتیبانی از “جستجوهای نقل قول/عبارت” به کاربران شما امکان می دهد هنگام جستجوی عبارات دقیق از نقل قول استفاده کنند.
• برجسته کردن عبارات در نتایج باعث می شود بازدیدکنندگان شما راحت تر بتوانند آنچه را که به دنبال آن هستند در نتایج جستجو پیدا کنند.

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

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

شما می توانید CSS سفارشی خود را برای نادیده گرفتن قوانین سبک موضوع خود اضافه کنید.

اگر قبلاً این کار را انجام نداده اید، مقاله ما را در مورد نحوه افزودن CSS سفارشی در وردپرس برای مبتدیان ببینید.

به عنوان مثال، در اینجا چند CSS سفارشی وجود دارد که با اکثر تم ها کار می کند. بخش اول سبک فرم جستجو را تغییر می دهد و بخش دوم نتایج جستجو را سفارشی می کند.

.searchform {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#ffffff;
border:1px solid #61c3c0;
padding:10px;
height:90px;
width:600px;
}

.search-results {
font-family:arial;
font-size:16px;
background:#ace5e3;
color:#000000;
border:1px solid #61c3c0;
padding:10px;
width:600px;
}

می توانید قالب بندی کد را متناسب با سایت خود تغییر دهید. همچنین می توانید خطوطی را که نمی خواهید تغییر دهید حذف کنید. به عنوان مثال، اگر نمی خواهید ارتفاع و عرض فرم جستجو را تغییر دهید، به سادگی آن خطوط را حذف کنید.

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

اندازه گیری نتایج جستجو و بهبود تبدیل

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

SearchWP همراه با یک پسوند معیارهای جستجو که به شما نشان می دهد که جستجوی وب سایت شما دقیقا چگونه انجام می شود.

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

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

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

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

پست نحوه ایجاد فرم جستجوی سفارشی وردپرس (گام به گام) اولین بار در WPBeginner ظاهر شد.