קורס עיצוב בלוגים – שעור שני

השעור הפעם עסק ביסודות HTML מתוך הפרדה ברורה בין HTML כשפה המגדירה מרכיבי תוכן ומתוך הפרדה בין תוכן ועיצוב.

השעור התחיל בהגדרה של האלמנטים התכניים שאנחנו מצפים לראות במסמך\אתר. הרשימה כללה:

  • כותרות
  • פסקאות
  • רשימות ממוספרות
  • רשימות לא ממוספרות
  • תמונות
  • ציטוטים
  • קישורים
  • טבלאות

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

ניתן לראות את מערך השעור במצגת המצורפת (בה לא השתמשתי בסוף).

025 קורס עיצוב בלוגים   שעור שני נהניתם ? הרשמו לעדכוני RSS !

קורס עיצוב בלוגים – שעור ראשון

ביום שני האחרון העברתי את השעור הראשון בקורס ב-HIT
מסתבר שאני מעבירה קורס חובה לתלמידי מגמת אינטרקטיב.

לפניכם עיקרי מערך השעור (אני מבטיחה להשתדל להעלות את כל השעורים לרשת)

  • מבוא לקורס: במה יעסוק הקורס, מה המטרה הסופית.
  • ההיסטוריה של האינטרנט
  • האינטרט והמקום שלו בחיינו
  • המעבר מתוכן סטאטי לתוכן דינאמי וההשפעה שלו על עולם האינטרנט:
    • ההבדל בין תוכן סטאטי לתוכן דינאמי
    • דפי HTML סטאטיים
    • מעבר למערכות ניהול תוכן בסיסיות
    • מערכות ניהול תוכן מתקדמות
    • תוכן המיוצר על ידי גולשים (web 2.0)
  • בלוגים
    • הגדרת בלוג
    • דוגמאות לבלוגים מעניינים בארץ
  • בלוגים הם מערכות יחסים
    • ההבדל בין אתר לבלוג
    • מערכות יחסים בין בלוגרים
    • מערכות יחסים עם קוראים
    • אתיקה ? יש כזה דבר ?
  • מיקומי בלוגים:
    • בלוגיות גדולות
    • בלוגים עצמאיים
    • סיבות לבחירת מיקום
  • החשיבות בעיצוב אתרים
  • בעיצוב אתרים יש לשים דגש על:
    • שימושיות
    • העברת מסר
    • התאמת עיצוב לתוכן
    • נגישות

    025 קורס עיצוב בלוגים   שעור ראשון נהניתם ? הרשמו לעדכוני RSS !

קצת על בלוגים מרובי כותבים

Daily blog tips – מפרסמים מאמר על האתגרים שבבלוגים מרובי כותבים.
בין שאר הנושאים המוזכרים בו הם מציינים את הנושא של Identity and Branding תוך אמירה שקשה יותר לייצר מיתוג של בלוג בו יש ריבוי זהויות וריבוי קולות.
אין ספק שאני מסכימה לחלוטין עם האמירה הזו, מאידך נושא חשוב באותו הקשר שלא מוזכר אצלם הוא הנושא של המיתוג האישי.

עם כל הכבוד לבלוג הקבוצתי ולרצון להציג איכות אחידה וראויה, חשוב וראוי להוסיף בבלוגים מרובי כותבים גם את היכולת להבדיל בין הכותבים השונים ולדעת למי שייך כל פוסט.

מיתוג כזה חשוב לדעתי לעשות בכמה רמות:

  1. הצגת שם הכותב על כל פוסט
  2. הצגת תמונת הכותב בראשית כל פוסט
  3. הוספת כמה מילים על הכותב או בדף האודות או בראשית כל פוסט
  4. הוספת ארכיוני כותב לתבנית

דוגמה למיתוג שכזה ניתן לראות למשל בבלוג הרלד המציג ארכיון כותב עבור כל אחד מהכותבים, ארכיון הכותב כולל כמה שורות ,htur על הכותב ואת אוסף הפוסטים שלו.
דוגמה נוספת היא Blogging Tips המציג עבור כל פוסט את תמונת הכותב, קישור לארכיון הכותב וקישור לבלוג האישי שלו\ה – גם כאן ארכיון הכותב מכיל מספר משפטים המתארים את הכותב עצמו.

ניתן להשמיש את כל הנ"ל בצורה קלה יחסית על ידי עריכת חלקים שונים בתבנית.

הוספת שם הכותב

על הנושא הזה למעשה כתבתי כבר בעבר, ניתן לראות את ההסברים המלאים בפוסט "הוספת שם כותב הפוסט לתבנית", התהליך הוא פשוט וכולל רק מעט עריכה.

הצגת תמונת כותב הפוסט

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

הדרך המומלצת יותר היא להשתמש בתוסף. ישנם מספר תוספים שעושים זאת, הממומלץ הוא זה של סמילוג'יק.

הוספת מספר מילים על הכותב

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

הוספת ארכיון כותב

ארכיון הכותב בתבנית ממומש על ידי שימוש בקובץ author.php תיעוד שלם של הנושא ניתן למצוא בקודקס של וורדפרס.
עיקרי הדברים:
הוספת קישור לארכיון הכותב
ניתן לעשות זאת בדיוק באותה צורה שהוספנו את הקישור לשם הכותב בפוסט. הפעם במקום הפונקציה the_author_link נשתמש בפונקציה the_author_posts_link.
יצירת רשימת הכותבים עם קישורים
ניתן לייצר רשימה כזו בעזרת שימוש בפונקציה wp_list_authors.

הדף כולל גם דרכים שונות ומגוונות ליצירת דפי כותב מתקדמים הכוללים פרטים על הכותב.

025 קצת על בלוגים מרובי כותבים נהניתם ? הרשמו לעדכוני RSS !