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

במאמר זה אתאר כיצד להשתמש בפונקציית "טקסט ציטוט" בבלוגים של Blogger וכן כיצד להתאים אישית את המראה שלה.

כיצד לצטט טקסט

בחירת טקסט לצטט היא קלה למדי. ב- Blogger, לדוגמה, תוכל "לצטט טקסט" על ידי בחירתו ולחיצה על הלחצן "הצעת מחיר".

ניתן גם לבחור טקסט לצטט על ידי הוספת "

"תג סביב הטקסט.

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

עריכת מבט על הטקסט המצוטט

עריכת מראה של טקסט מצוטט מחייב עריכת עיצוב HTML בסיסי של הבלוג שלך. אני מכוסה כיצד לערוך את זה במאמר הקודם שלי על favicons של Blogger.

ראשית, פתח את מרכז השליטה של ​​Blogger ובחר " עיצוב ".

לאחר מכן, בחלון הראשי של Blogger בחר " ערוך HTML" .

פעולה זו תפתח את עורך תבנית HTML. כאן לבדוק " הרחב תבניות יישומון" כדי להבטיח את כל קוד ה- HTML של הבלוג שלך גלוי.

לאחר מכן לגלול למטה ולחפש את הקטע המכיל את המילה " blockquote ". כל האפשרויות הרלוונטיות עבור הטקסט המצוטט יעברו בין "" לבין "}".

התאמה אישית של המראה של הטקסט המצוטט

האפשרויות שבהן אני משתמש עבור הטקסט המצוטט שלי ב- TechComet הבלוג האישי שלי הן כדלקמן:

 blockquote {margin: 1em 20px; רקע: #dfdfdf; ריפוד: 8px 8px 8px 8px; font-style: italic; }

זה מייצר את האפקט הבא כאשר אני בוחר טקסט לצטט:

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

ישנן מספר אפשרויות שונות ניתן להוסיף את הטקסט המצוטט ואני אדון אותם להלן.

שולים

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

 שוליים: 1em 20px

צבע רקע

הבא אתה יכול לשנות את צבע הרקע על ידי התאמת תג "רקע" . בחרתי בצבע אפור בהיר. הצבעים בקוד HTML מיוצגים על ידי שישה "hexdigits". אתה יכול לקבל רשימה של צבעים hexdigit המקביל שלהם מכאן.

 רקע: #dfdfdf

ריפוד

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

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

 ריפוד: 8px 8px 8px 8px

סיגנון גופן

אתה יכול גם מודגש או italicise את הטקסט המצוטט באמת לגרום לזה להיראות שונה משאר המאמר שלך.

 font-style: נטוי גופן בסגנון: מודגש

גבולות

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

 הגבול: 2px מוצק #dfdfdf הגבול: 2px מנוקד #dfdfdf

סיכום

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

ספר לנו כיצד טקסט מצוטט במאמרים שלך!