ساختن باکس جستجو برای FireFox 2 و IE 7

November 27, 2006 at 10:24 pm

تا هنگامی‌‌که تکنولوژی مرورگرهای وب موجب توسعه‌ی کمپانی‌هایی نظیر موزیلا شود، محصولاتی شبیه مرورگر فایرفاکس (Firefox) ارائه خواهد شد تا ابزارهایی را در اختیار توسعه‌دهنده قرار دهد که بتواند امکانات بیشتری را برای کاربران خود ارائه کند. چیزهایی مثل فیدها (RSS Feeds) می‌تواند به‌عنوان Live Bookmarked بکار رود، قابلیت باز شدن چندین تب در واسط کاربری افزوده شود و هم ‌اکنون به‌سادگی می‌توانیم جستجوی مستقیم یک سایت را در مرورگرمان داشته باشیم.

باکس جستجو یک سایت چیست؟
باکس جستجوی سایت یک ابزار جستجو است که به طور مستقیم در درون مرورگر افزوده می‌شود معمولاً در اطراف فیلد آدرس دیده می‌شود و عملیات جستجو را برای یکسری سایت‌های مخصوص آسان‌تر و سریع‌تر می‌کند. پس از نصب فایرفاکس چندین باکس جستجوی استاندارد از جمله گوگل، یاهو، آمازون و ایی‌بی به طور پیشفرض موجود هستند. از اینرو این سئوال مطرح می‌شود که چگونه می‌توانم یک نمونه برای سایتم ایجاد کنم؟ این آسان‌تر از آپلود یک فایل XML روی سرورتان و اضافه نمودن یک خط کد به برچسپ HEAD صفحه‌هایتان است.

اول: ساخت فایل XML
برای افزودن جستجوی سایت، مرورگر باید این فایل xml را دانلود کند. (در واقع این فایل به‌عنوان یک پلاگین برای مرورگر در نظر گرفته می‌شود) و تنها اطلاعات مخصوصی از سایت‌تان را شامل می‌شود. قبل از هر چیز فایل XML نمونه را از اینجا دریافت کنید و آن را opensearch_desc.xml بنامید. در ادامه روش سفارشی کردن را توضیح می‌دهیم، اولین دو خطی را که بسادگی می‌توانید سفارشی کنید، نام و توضیح است. فقط مقادیر زیر را مطابق با اطلاعات سایت‌تان تغییر دهید:

<shortname>Alvanweb</shortname>
<description>Alvanweb - Article Search</description>

سپس آیکونی را جهت نمایش در باکس جستجو اضافه می‌کنیم. می‌توانید از همان آدرس Favicon استفاده کنید. (اگر هنوز نمی‌دانید Favicon چیست در اینجا توضیح مفصلی در موردش داده شده است) فقط آدرس را تغییر دهید:

<image height="16" width="16" type="image/x-icon"> http://sites.google.com/site/alvani/favicon.ico</image>

و در نهایت رشته جستجو را اضافه‌ می‌کنیم. مهمترین مرحله کار همین‌ جاست. این به نوع سیستمی که برای مدیریت محتوایتان بکارگرفته‌اید بستگی خواهد شد. برای این منظور باید رشته مورد جستجو را از طریق روش GET ارسال کنیم. برای این وبلاگ (الوان وب و بقیه دوستانی که وردپرس استفاده می‌کنند) از فرمتی به شکل زیر استفاده شده است:

<url type="text/html" method="get" template="http://weblog.alvanweb.com/index.php? s={searchTerms}" />

فایل XML را ذخیره و روی سرورتان آپلود کنید. و در انتها کد زیر را در قسمت Head صفحات سایت‌تان اضافه کنید. البته ویرایش آدرس مسیر فایل و عنوان را یادتان نرود:

<link rel="search" type="application/opensearchdescription+xml" href="http://weblog.alvanweb.com/opensearch_desc.xml" title="Alvanweb" />

تمام شد
آدرس سایت‌تان را در مرورگر فایرفاکس 2 یا اکسپلرر 7 (با نسخه‌های پایین‌تر این نرم‌افزارها جواب نخواهید گرفت) تایپ کنید. پس از بارگذاری کامل سایت در لیست سایت‌های جستجو پیغامی را مبنی بر نصب جستجوی این سایت خواهید دید با کلیک روی آن، جستجوی سایت به مرورگر اضافه خواهد شد.

weblog.alvanweb.com

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

دسته: دنیای کامپیوتر, فایرفاکس | نویسنده: مرتضی الوانی
  1. 4 نظر برای این مطلب ارسال شده است. نظر خود را ارسال کنيد »

  1. 1

    محمد


    ممنون

    December 27, 2006 at 7:05 pm

  2. 2

    فاطی


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

    اگه میشه چطوری؟

    ممنون

    April 14, 2007 at 1:25 pm

  3. 3

    رامین


    من زیاد وارد نیستم

    January 17, 2008 at 9:54 pm

  4. 4

    sana


    salam man daram ye site ba FLEX BULDER2 tarahi mikonam ke mikham SEARCH BOX GOOGLE balaye safheye aslish biyad lotfan agar mitonid behem komak konid.mamnoooooooooooooon misham

    January 18, 2009 at 2:26 pm