سبد خرید
0

هیچ محصولی در سبد خرید نیست.

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

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

در حالی‌که راه‌حل‌های کادر جستجوی سفارشی توسط نهادهای تجاری مختلفی ارائه میشن، ما ترجیح میدیم فقط از نتایج موتورهای جستجوی اصلی استفاده کنیم: Google، Yahoo یا Bing.

کادر جستجوی گوگل

اگر در وبسایت یا وبلاگتون مشکل فضا دارین، میتونین به راحتی یک کادر جستجوی کوچک گوگل قرار بدین که با نیازهاتون مطابقت داره. راه‌حل کدنویسی ترکیبی از HTML و Javascript هست:

برای مثال میتونین این کد رو در ویجت متنی در قسمت Appearance > Widgets داشبورد وردپرستون وارد کنین.

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

 

 

این کادر جستجو تقریبا بلافاصله آماده کار هست. فقط yoursite.com رو در خط سوم تا آخر به دامنه خودتون تغییر بدین. تظیمات دیگر، مثل عرض کادر، مقدار cell padding، و پیام اولیه که در کادر ظاهر میشه رو میتونین به سرعت قبل از آپلود نهایی اسکریپت در وبسایتتون انجام بدین.

پست پیشنهادی :  آموزش استفاده از شورتکدهای WPL در وردپرس

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

 

 

کادر جستجوی گوگل با Radio Buttons

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

در این صورت، ساده‌ترین راه‌حل، ارائه یک کادر جستجو با دو radio buttons هست. یکی برای وب و دیگری برای سایت، همونطور که در زیر نشون داده شده:

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

 

 

کدگذاری کادر جستجو به صورت زیر هست:

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

پست پیشنهادی :  آموزش حذف و نصب مجدد وردپرس

کادر جستجور بینگ با Radio Buttons

برای ترکیب یک کادر جستجوی مشابه با بالا، اما با کادری که از بینگ به عنوان موتور جستجو استفاده میکنه، از خزوز کدگذاری زیر استفاده کنین:

در این مثال، هیچ یک از گزینه‌های radio button به طور پیش‌فرض انتخاب نمیشن. اگر بازدیدکننده سایت کلمه یا عبارتی رو در کادر جستجو وارد کنه، نتایج پیش‌فرض از wider web خواهند بود.

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

 

 

کادر جستجوی یاهو با چک باکس

آخرین کادر جستجوی ساده شامل کمی پیچ و تاب هست، چون به جای دو radio buttons فقط شامل یک چک باکسه، که در زیر نشون داده شده:

چطور یک کادر جستجوی ساده گوگل، یاهو یا بینگ به وبسایت وردپرسمون اضافه کنیم؟

 

 

گزینه جستجو در دامنه تعیین شده به طور پیش‌فرض انتخاب شده. هنگامی که کاربر کادر انتخاب رو لغو میکنه، میتونه در wider web برای کلمه یا عبارت موردنظر جستجو کنه.

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

ارسال دیدگاه

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

توسط
تومان