نحوه اضافه کردن فرم جستجو در پست وردپرس با یک کد کوتاه

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

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

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

چگونه با یک کد کوتاه جستجوی وردپرس فرم جستجو را در پست خود اضافه کنید

چرا یک فرم جستجو به پست ها و صفحات خود اضافه کنید؟

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

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

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

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

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

روش 1: افزودن فرم جستجو با افزونه

ساده ترین راه برای افزودن فرم جستجو به پست های خود استفاده از آن است SearchWP افزونه این بهترین افزونه جستجو برای وردپرس است که توسط بیش از 30000 سایت استفاده شده است.

مطلب پیشنهادی  چگونه تعداد پست ها را در فید RSS وردپرس محدود کنیم

راه اندازی SearchWP

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

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

کلید مجوز SearchWP را وارد کنید

سپس باید کلید مجوز خود را در کادر License وارد کنید. می توانید این اطلاعات را در حساب کاربری خود در وب سایت SearchWP پیدا کنید. پس از آن باید روی دکمه Activate کلیک کنید.

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

تنظیمات موتورهای SearchWP

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

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

تنظیمات لغزنده SearchWP را تنظیم کنید

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

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

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

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

پسوند SearchWP Shortcodes را دانلود کنید

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

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

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

سپس عبارت html را در کادر جستجو تایپ کنید. سپس بلوک ‘Custom HTML’ را انتخاب کنید.

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

[searchwp_search_form]
   
<div class="search-results-wrapper">
 [searchwp_search_results]
  <h2>[searchwp_search_result_link]</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"]
 [searchwp_search_results_pagination direction="next" link_text="Next"]
</div>

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

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

برای ذخیره پست خود روی انتشار یا به روز رسانی کلیک کنید

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

پیش نمایش فرم SearchWP

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

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

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

در این روش باید فایل functions.php تم خود را ویرایش کنید.

اگر قبلاً فایل functions.php را ویرایش نکرده‌اید، به راهنمای مبتدیان ما در مورد چسباندن قطعات از وب به وردپرس نگاهی بیندازید.

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

تنها کاری که باید انجام دهید این است که فایل functions.php تم خود یا یک افزونه مخصوص سایت را باز کرده و کد زیر را در آن قرار دهید:

add_shortcode('wpbsearch', 'get_search_form');

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

ویرایش functions.php در ویرایشگر تم

پس از آن، شما به سادگی کد کوتاه را اضافه کنید [wpbsearch] به پست یا صفحه ای که می خواهید فرم جستجو در آن ظاهر شود.

کد کوتاه فرم جستجو

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

پیش نمایش فرم جستجو

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

function wpbsearchform( $form ) {
  
    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';
  
    return $form;
}
  
add_shortcode('wpbsearch', 'wpbsearchform');

به راحتی می توانید کد را تغییر دهید تا فرم جستجو را آنطور که می خواهید سفارشی کنید.

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

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

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

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به بالای صفحه بردن