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

درود بر شما

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

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

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

برای این کار نیازی به افزونه و یا حرکتی خاص نیست فقط لازم است به صورت زیر عمل کنید:

ابتدا وارد هاست خود شوید و سپس فایل search.php را در حالت ویرایش باز کنید و در ان قطعه کد زیر را سرچ کنید:

<?php the_title(); ?>

حال پس از یافتن کد فوق در این فایل ان را با کد زیر جا به جا نمائید:

<?php echo $title; ?>

فقط توجه داشته باشید که کد فوق را بالای کد عنوان که در ادامه می اید وارد کرده باشید:

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?>

خب در این قسمت ما کد های php مورد نظر را قرار دادیم و حالا باید با استایل دهی به کد های فوق های لایت را انجام دهیم برای این منظور فایل rtl.css قالب وردپرس خود را باز کنید و کد زیر را به انتهای ان اضافه نمائید:

strong.search-excerpt { 
background-color:yellow;
color:blue;
}

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

در صورت بروز مشکل و یا سوال ان را در بخش نظرات با ما مطرح نمائید
موفق باشید