כשאתה יוצר בלוג Tumblr חדש, המערכת מייצרת תבנית ברירת מחדל הכוללת הגדרות שתוכל להתאים. כפי שטומבלר מציין, גמישות זו מעניקה לך את היכולת לבחור את דף הבלוג שלך מושך יותר ולתת לו מגע אישי. גם אם אינך מבין HTML, באפשרותך להחיל עדכון פשוט על התבנית בכדי להבליט את הכותרות בהודעות הטקסט שלך.
סטיילינג דף אינטרנט 101
בעלי אתרים משנים את מראה דפי האינטרנט שלהם על ידי הוספת תכונות וערכים של גיליון סגנון מדורג. הערך של תכונת הצבע, למשל, קובע את צבע האובייקט. אנשים משתמשים במאפיין צבע רקע לרקעים צבעוניים. אתה יכול גם להשתמש בתכונה בגודל הגופן כדי לשנות את הגופן של רכיב טקסט. על ידי יישום מאפיין CSS אחד או יותר על קוד ה- HTML של בלוג ה- Tumblr שלך, תוכל להתאים אישית את האלמנטים שלו.
מצא את קוד התבנית שלך
אם אתה מבקר במרכז השליטה של Tumblr שלך ולחץ על "התאמה אישית" אתה יכול לפתוח את עורך ה- HTML על ידי לחיצה על "ערוך HTML" בחלונית השמאלית של ערכת הנושא התאמה אישית. אם אינך רואה את "ערוך HTML", גלול לראש החלונית כדי למצוא אותו. כאשר הדף נפתח, לחץ על "Ctrl-F" והקלד בתיבת החיפוש "ללא. כותרות". העורך קופץ לשורת הקוד שעליה כתוב "#wrapper #content .post .title {."
סגנון ה- HTML שלך
מאפייני CSS שאתה מוסיף לאחר שורת הקוד שמצאת קובעים את מראה כותרות ההודעה שלך. בדוק זאת על ידי הדבקת "צבע: אדום; רקע-צבע: צהוב; קישוט טקסט: קו תחתון;" אחרי השורה הזו. אל תשתמש במרכאות. שלוש התכונות האלה משנות את הצבע, צבע הרקע וקישוט הטקסט של כותרות ההודעות שלך לאדום, צהוב ומתוח. לחץ על "עדכן תצוגה מקדימה" ואחריו "שמור" ובקר בדף לוח המחוונים של Tumblr. לחץ על תמונת הפרופיל שלך ותראה את דף הבלוג שלך כמו שאחרים עושים. פוסטים עם כותרות יציגו את התכונות החדשות שהוספת.
שמור על הבלוג שלך טרי
שנה את הערכים של מאפייני CSS שלך בכל פעם שתרצה לעצב את טקסט הכותרת שלך אחרת. לדוגמה, אם אתה רוצה טקסט ירוק על רקע אדום יום אחד, שנה את הצבעים הקיימים לשני הצבעים האלה. ניתן גם להחליף קו תחתון בקו אונליין, קו דרך או ללא. אם ברצונך לשנות גם את גודל הגופן, הדבק "קוד גודל: 22 פיקסלים" בסוף הקוד שהוספת. אל תשתמש במרכאות. החלף 22 בגודל הפיקסלים שבו תרצה להשתמש בטקסט שלך. בדוגמה זו, הגודל יהיה 22 פיקסלים. ערכים גדולים יותר יוצרים טקסט גדול יותר וערכים קטנים יותר יוצרים טקסט קטן יותר. בקר באתר כגון W3Schools.com המציג את שמות הצבעים האחרים שבהם תוכל להשתמש כדי לעצב את הבלוג שלך (קישור במשאבים).
