روزنوشتهای من درباره اینترنت، کامپیوتر، سایبراسپیس و ...!

بازگشت به صفحه اصلی وبلاگ

 
 

June 19, 2004

 
 
 

نمايش RSS در صفحات HTML

معمولا محتواي سايتها در قالب مشخصي ريخته و به بازديدكنندگان نمايش داده ميشود. اين كار گاهي به صورت دستي و گاهي به صورت اتوماتيك انجام ميشود ولي در هر حال نتيجه يكي است. اينكار باعث ميشود در هر بار بازديد از سايت اطلاعات بي موردي لود شود كه اصلا لازم نيست. علاوه بر اين هر سايت به طريقي اطلاعات را نمايش ميدهد كه اين باعث گيج شدن كاربران تازه كار خواهد شد. به اين صورت اسناد و مطالب غير قابل انعطاف خواهند بود.

News Feed اين مشكل را حل و محتويات سايت را از شكل و قالب آن جدا ميكند. News Feed از چيزي كه به نظر ميرسد ساده تر است. اين اسناد صفحات ساده متني هستند. اطلاعات در اين صفحات به گونه اي مرتب و طبقه بندي شده اند كه به راحتي به وسيله برنامه هاي كامپيوتري قابل خواندن هستند. از لحاظ فني اين اسناد XML هستند كه به صورت خاصي استاندارد شده اند.

براي News Feed تعدادي استاندارد وجود دارد. مشهورترين آنها RSS است كه در نسخه هاي مختلفي عرضه شده است. RDF و Atom از ديگر استاندارهاي News Feed هستند. برنامه هايي كه قادر به خواندن News Feed هستند اغلب از تمام اين استانداردها پشتيباني ميكنند بنابراين از اين بابت مشكلي وجود ندارند.

سايتهايي كه News Feed ارائه ميدهند آن را اكثرا با علامتهاي زير نشان ميدهند:
rss_icons.gif
(منبع)

در بعضي از سايتها News Feed با لينك "Syndicate this site" مشخص شده است. براي به دست آوردن آدرس ابتدا روي آنها راست كليك كنيد و سپس روي Copy shortcut كليك كنيد. سپس ميتوانيد در جاي لازم آدرس را Paste كنيد.

برنامه هاي زيادي براي خواندن News Feed در كامپيوتر وجود دارد. برنامه اي كه من استفاده ميكنم SharpReader هست كه از يوني كد هم پشتيباني ميكند. ليست تقريبا كاملي از اين برنامه ها را ميتوانيد در اينجا مشاهده كنيد: RSS Reader 

بعد از اين مقدمه ميرسيم به اصل مطلب. در حال حاضر بسياري از سايتها و وبلاگهاي فارسي RSS توليد ميكنند. بنابراين اگر بتوانيم اين RSS ها را به فرمي كه ميخواهيم در صفحات وب خود قرار دهيم بسيار جالب خواهد بود. به عنوان مثال ميتوانيم عناوين آخرين مطالب وبلاگهاي مورد علاقه را در وبلاگ خود داشته باشيم.

روشهاي زيادي براي خواندن RSS توسط زبانهاي طرف سرور (server side) مثل PHP، ASP و ASP .net وجود دارد اما براي استفاده از اين زبانها اولا بايد سرور از آنها پشتيباني كند و ثانيا پسوند فايلها را بايد تغيير داد كه در بعضي از مواقع ممكن نيست. Feed2js اين مشكل را بر طرف ميكند. Feed2js كه يك برنامه php است يك سري كد JavaScript توليد ميكند كه موارد خوانده شده از RSS را به راحتي در صفحات HTML درج ميكند. اين كد ها را به راحتي در هر صفحه اي (با هر پسوندي) ميتوان قرار داد.

Feed2js نياز است بر روي يك سرور نصب شود ولي اگر به سروري دسترسي نداريد نگران نباشيد چون Feed2js بر روي سايتي نصب شده و ميتوان در آنجا از آن استفاده كرد ولي در ضمن كد هاي آن هم در دسترس است و ميتوان براي تضمين سرعت و دسترسي، آن را روي سرور خود نصب كرد.

استفاده از سايت Feed2js

  1. ابتدا به روشي كه توضيح دادم آدرس RSS سايتي را به دست آوريد.
  2. به اين صفحه برويد.
  3. آدرس RSS را در جعبه URL وارد كنيد.
  4. در بخش Show channel در صورتي كه مايليد عنوان و توضيح ناشر RSS نمايش پيدا كند Yes، در صورتي كه مايليد عنوان ناشر نمايش پيدا كند Title و در غير اين دو صورت No را انتخاب كنيد.
  5. در بخش Number of items to display تعداد مواردي كه ميخواهيد نمايش پيدا كند را وارد كنيد. 0 همه موارد موجود را نمايش ميدهد.
  6. در بخش Show item descriptions? How much? تعداد حروف توضيحات هر مطلب را وارد كنيد. عدد 0 توضيحي نشان نميدهد. عدد 1 همه توضيحات را نشان ميدهد. بيشتر از 1 تعداد حروفي كه ميتواند نشان بدهد را مشخص ميكند.
  7. در بخش Show item posting date? ميتوانيد مشخص كنيد تاريخ هر مطلب نمايش پيدا كند يا نه.
  8. در بخش Open links in a new window? ميتوانيد تايين كنيد كه لينكهاي RSS در پنجره جديد نمايش پيدا كند.
  9. براي ديدن و آزمايش تنظيمات Preview the Feed را بزنيد. (در صورتي كه RSS مورد نظر شما يوني كد باشد بايد انكديگ صفحه را خود انتخاب كنيد. به وسيله منو: View>Encoding>unicode (utf-8))
  10. وقتي تنظيمات مورد نظر خود را انجام داديد Generate JavaScript را بزنيد.
  11. در صفحه اي كه باز ميشود كدهاي ساخته شده براي نمايش RSS نمايش داده ميشود. بخش NOSCRIPT اين كد باعث ميشود در مرورگرهايي كه از جاوا اسكريپت پشتيباني نميكنند براي نمايش RSS لينكي در صفحه نمايش داده شود.

اكنون ميتوانيد اين كد را در هر صفحه اي كه مايليد RSS در آن نمايش پيدا كند در مكان مورد نظر Paste كنيد.

تنظيم نحوه نمايش RSS

Feed2js براي هر مورد از RSS يك class در نظر ميگيرد بنابراين به راحتي ميتوان طرز نمايش RSS را تايين كرد. class هاي مورد استفاده Feed2js به اين شرح هستند:

.RSS_box {} <!-- جعبه اي كه ار اس اس در آن نمايش داده ميشود -->
.RSS_title {} <!-- عنوان ار اس اس -->
.RSS_items {} <!-- هر مورد از ار اس اس -->
.RSS_date {} <!-- تاريخ هر مورد از ار اس اس -->

در اينجا يك style نمونه را مشاهده ميكنيد. شما ميتوانيد بنا به نياز خود Style را تغيير دهيد. (اين style براي زبان فارسي مناسب است):

.RSS_box {
    margin: 10px 5%;
    padding: 4px 8px;
    width: 100%;
    background-color: #ededed;
    border: 2px dashed #7485CA;
    direction:rtl;
}

.RSS_title, RSS_title a {
    font-family: Arial;
    font-size: 18px;
    font-weight:bold;
    margin: 5px 0;
    padding: 0;
    letter-spacing: 1px;
}

.RSS_item {
    font-family: tahoma, arial, sans-serif;
    font-size: 10pt;
    margin: 8px 0;
}

.RSS_item a:link, .RSS_item a:visited, .RSS_item a:active {
    text-decoration : none;
    border-bottom: 1px solid #ededed;
    color: #88b;
}

.RSS_item a:hover {
    text-decoration : none;
    color: #e0861e;
    border-bottom: 1px dotted #e0861e;
}

.RSS_date {
    font-size: 8pt;
    font-weight : normal;
    color: #F60;
}

براي استفاده اين style ميتوانيد به دو صورت عمل كنيد:

  • style را در فايلي با پسوند CSS ذخيره كنيد و سپس در قسمت <head> صفحه خود اين كد را وارد كنيد:

    <link rel="stylesheet" type="text/CSS" href="Style.css">

در قسمت href بايد آدرس فايل CSS خود را وارد كنيد.

  •   در بخش <head> صفحه تگهاي زير را وارد كنيد و سپس به جاي "..." style ها را وارد كنيد:

    <style>
    …
    </style>

مطالعه بيشتر

RSS چيست؟ (از سردبير خودم)
RSS چيست؟ (از يادداشت‌هاي يك شهروند اينترنت)
خبر خام (از شرق) 


 
  

 

نظرات دیگران:

 

 

  
 

 

استفاده از مطالب این وبلاگ فقط با اجازه نویسنده آن مجاز می باشد

Design: © Mojtaba Dashtinejad