no-img
فروشگاه اینترنتی فایل 365

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


فروشگاه اینترنتی فایل 365
پکیج های آموزشی سایت
اطلاعیه های سایت

ادامه مطلب

ZIP
برجسته کردن کلمه جستجو شده در نتایج جستجوی وردپرس
zip
اردیبهشت ۷, ۱۳۹۷

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


 

با سلام و عرض ادب به همه دنبال‌کنندگان فایل ۳۶۵ , در این آموزش قصد داریم به چگونگی برجسته کردن کلمه جستجو شده در نتایج جستجوی وردپرس یا همان های‌لایت کردن متن جستجو شده بپردازیم با ما همراه باشید.

همیشه جستجوی وب‌سایت‌هایی که کاربرپسندی بهتری دارند از سایر وب‌سایت‌ها متمایز تر هستند. سرعت بالا در سرچ، طبقه‌بندی‌ها، مشخص بودن عنوان سرچ و سایر موارد می‌تواند نتیجه وجود یک جستجوی خوب در وب‌سایت باشد. در این مقاله قصد داریم نحوه برجسته کردن عنوان کلمه/ واژه جستجو شده را آموزش دهیم که به آسانی امکان پذیر است.

 

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

برای این کار فایل 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">\۰</strong>', $title); ?>

 

بعد از این کار در نهایت استایل دادن لازم است. کدهای زیر را به فایل style.css یا rtl.css قالب‌ اضافه کنید.

 

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

 

البته برای برجسته کردن و رنگ دادن به عنوان هم می‌توانید از تگ یا کلاس CSS استفاده کنید بعنوان نمونه:

 

<span style="color: yellow"> <?php the_search_query(''); ?> </span>

 

 

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

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



موضوعات :
CMS , وردپرس

درباره نویسنده

امیرحسینن فلاح 114 نوشته در فروشگاه اینترنتی فایل 365 دارد . مشاهده تمام نوشته های

دیدگاه ها


دیدگاهتان را بنویسید