כיצד לעצב RSS: הוספת סגנון לעדכון

בעיה אחת שבולטת בסיכום אתרים עשירים (RSS - המכונה לעתים קרובות סינדיקציה אמיתית) הוא סגנון או היעדרו. ללא כל עיצוב, המידע המוצג בעדכון RSS אינו אלא נתונים גולמיים. זה נראה קצת כמו תדפיס מחשב או קובץ טקסט. הוא עדיין פונקציונלי והוא מספק את כל המידע שקורא זקוק לו בכדי לצרוך תוכן, אך הוא נראה תפל.

השאלה היא האם אתה יכול למסור את המידע על האתר שלך או בלוג על פיד נעים ומושך מבחינה ויזואלית? התשובה היא כן. ישנן מספר דרכים לעשות זאת, אך הפשוטה ביותר היא על ידי קישור קובץ CSS למסמך ה- XML ​​שלך.

מה זה CSS?

גיליונות סגנון מדורגים (CSS) הם דרך אחת לעיצוב מסמך. היתרון של CSS הוא שהוא לוקח את הוראות ההצגה לדף ומפלח אותו. משמעות הדבר היא שדף CSS אחד יכול לעבוד עבור מספר מסמכים או דפי אינטרנט. יש לנו מדריך נפרד עבור הוספת CSS ל- XML. כאשר אתה עובד עם קובץ XML עבור עדכון RSS, הרעיון זהה.

כיצד להוסיף CSS סטיילינג ל- RSS

CSS הוא קובץ נפרד שנותן הוראות עיצוב ספציפיות למעבד. המעבד מסתכל ברצף על כל שורה במסמך ה- XML. זה יתחיל בהצהרת ההצהרה. זה מזהה את שפת הקובץ ומספק מידע, כגון גרסה.

המעבד יעבור מטה לשורה הבאה בקוד. בעת קישור CSS לקובץ XML, שורה זו אמורה לשמש כמצביע לקובץ העיצוב.

instagram viewer

על ידי הוספת השורה שלמעלה ל RSS XML קובץ, אתה אומר למעבד שיש קובץ נפרד עם מידע. במקרה זה, הקובץ הוא גיליון סגנונות מדורג. המעבד יודע לפתוח את הקובץ ולקרוא אותו. קובץ ה- XML ​​שהושלם עבור עדכון RSS ייראה בערך כך:

מאמרי XML מ- Lifewire
הצעות חדשות ומרתקות מעולם ה- XML ​​ו- Lifewire
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
הישאר מעודכן בכל הטיפים והטריקים בעיצוב אתרים באמצעות Lifewire
https://www.lifewire.com/

איך אתה מעצב ומעצב את המידע תלוי בך. השתמש בתגי האלמנטים ב- XML ​​עבור קובץ CSS. לדוגמה:

פריט {
בלוק תצוגה;
שוליים למטה: 30pt;
שוליים-שמאל; 0;
}
instagram story viewer