התאם אישית את גלריה 2 מטריצה

• מאי 18, 2024

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

בתוך תיקיית העיצוב של כל נושא נמצא קובץ תמונה screeshot.png המהווה צילום מסך של אותו נושא. יש לנו עדיין את ה- png הישן של נושא המטריקס בתיקיית העיצוב החדשה שלנו. ייתכן שתרצה להחליף זאת ב- png עבור נושא הגלריה שלך. הגודל הממוצע של ה- Png הוא בסביבות 500 x 200 פיקסלים. תשמור את קובץ screenshot.png החדש בתיקיית התמונות.

C: \ xampp \ htdocs \ gallery2 \ נושאים \ dCipollo \ תמונות

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

אני רוצה קודם לבצע את השינויים הגרפיים בעיצוב שלי. בואו להוסיף תמונת רקע. זו יכולה להיות תמונה רעפים חוזרים ונשנים. אבל כדי להתאים לאתר שלי אשתמש באותה תמונת רקע סטטית גדולה. עלינו לשמור את jpg הרקע שלנו לתיקיית dCipollo בספרייה gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

כעת אנו מוכנים לשנות את קובץ theme.css כדי להוסיף את גרפית הרקע שלנו. אם אנו מסתכלים על קוד המקור לקובץ main.php, אנו רואים כי לתג הגוף יש מחלקת סגנון הנקראת גלריה.



עלינו למצוא את סגנון body.gallery זה בקובץ theme.css.

body.gallery {
? ? שולי: 0;
? ? ריפוד: 0;
}

כעת נוסיף את קודי סגנון הרקע לכיתה זו ונכוון את כתובת האתר של תמונת הרקע ל- jpg בתיקיה dCipollo.

body.gallery {
? ? שולי: 0;
? ? ריפוד: 0;
? ? צבע רקע: #eeeeee;
? ? תמונת רקע: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? קובץ מצורף לרקע: גלילה;
? ? רקע-חוזר: אין-חוזר;
? ? מיקום ברקע: שמאל למעלה;
}

אם אנו מרעננים את עמוד main.php עבור תיק העבודות שלנו, אנו עדיין לא יכולים לראות את תמונת הרקע. הסיבה לכך היא שיש כמה סגנונות שהרקע מוגדר לבן. בואו נקבע את הסגנונות האלה לרקע שקוף.

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

הוראות וידאו: 3000+ Portuguese Words with Pronunciation (מאי 2024).