ساخت صفحه جستجوی سفارشی برای وردپرس

این آموزشو هیچ جای دیگه نمیتونید پیدا کنید پس خوب دقت کنید که یکم پیچیده ست ولی باحاله :-D .این آموزش بدون افزونه و با چند خط کد انجام میشه ولی فرقش با آموزش های قبلی و اکثر آموزش های سایت های دیگه اینه که به کار همه میاد.

فکر کنم از عکس مطلب هم چی دستتون اومده باشه اما اگه نیومده یه توضیح میدم.حتما تا حالا شده که با گوگل کش (Google Cache) به سایتها سر بزنید !!؟

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

حالا امروز میخوام کدی رو معرفی کنم که وقتی تو سایت خودتون سرچ میکنید واژه جستجو شده اگه در تیتر مطالب باشه برجسته(Bold) میشه و بک گراندش به هر رنگی که خودتون بخواید در میاد.اگه بازم متوجه نشدید کافیه روی واژه “طرح” یا “وردپرس” کلیک کنید تا نتایج جستجو رو ببینید.شما هم با چند خط کد وردپرسی میتونید صفحه جستجوی سایتتون رو مثل تک لرن سفارشی کنید. 8-)

ابتدا فایل (search.php) قالبتون رو باز کنید و کد:

۱ <?php echo$title; ?>

رو تو قالب پیدا کنید و کد زیر رو جایگزینش کنید:

۱ <?php echo$title; ?>

بعد از این کار کد:

۱ <?php while (have_posts()) : the_post(); ?>

رو تو قالب چند خط بالاتر از کد قبلی پیدا کنید و زیرش کد:

۱ <?php
۲ $title     = get_the_title();
۳ $keys= explode(" ",$s);
۴ $title     = preg_replace('/('.implode('|', $keys) .')/iu',
۵ '<strong></strong>',
۶ $title);
۷ ?>

رو اضافه کنید خوب کارمون با این فایل تموم شد حالا ثبتش کنید(به روز رسانی پرونده ») ;-)

حالا فایل (style.css) رو باز کنید و کد زیر رو آخر همه ی کدها اضافه کنید:

۱ strong.search-excerpt { background: yellow; }

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

اگه مشکلی بود در خدمتم

نت افراز

مشخصات

  • منبع:

دانـــــلود

  • ۲۸۷ بازدید

برچسب ها

مطالب پیشنهادی ما

دیدگاه های شما

پاسخ دهید

وبلاگدهی

    Sorry. No data so far.