מדריך מאמרים
וורדפרסכיצד להוסיף סמל תפריט CSS?
התקן תוסף גופן של WP Navigation Icon
מדיה חדשהאנשים עושיםקידום אתריםזה כדי לייעל את האתר ולשפר את חווית המשתמש.
אתה יכול להוסיף גופני אייקונים לאתר הוורדפרס שלך, שהם מאוד יפים ותומכים בתבניות עיצוב רספונסיבי של WP.
גופני סמל ואייקונים בפורמט תמונה קטנה שונים:
- תמיכה בתצוגת רשתית.
- פחיתללא הגבלהלְהַגדִיל.
- התאם אישית את הפריטים בתפריט הניווט בנפרד כגופני אייקון.
ניתן לצפות בתרשים האפקט הספציפיצ'ן וייליאנגתפריט הניווט של הבלוג.
כיצד להשתמש בגופני אייקונים?
第 1 步:התקן את הפלאגין
- רקע WP ← תוספים ← התקנת תוספים ← חפש "Font Awesome 4 Menus", הורד והתקן והפעל;
- אתה יכול גם להוריד ישירות מהאתר, ואז להעלות או להתקין באמצעות FTP לאחר ההעלאה.
第 2 步:מצא גופני אייקון
לחץ כאן כדי לעבור לאתר הרשמי של אייקון גופניםפתח את האתר הרשמי של גופן הסמל ומצא את הסמל שאנו צריכים▼
- שאתה יכול להציג כאשר אתה לוחץ על הסמל
<i class =“fa fa-home”> </ i>
העתק fa fa-home. - אם שם סמל הבית הוא בית, אז עלינו להיכנס ל"תפריט CSS Class"
fas fa-home
第 3 步:סמל גופן בכיתה CSS קלט תפריט
- רקע WP ← מראה ← תפריט, היכנס לדף הגדרות התפריט.
- בחר וערוך פריט בתפריט,
- במחלקת CSS, הדבק את שם הגופן של הסמל שזה עתה העתקנו (
fa fa-home
) ▼
- (הפעולה של אייקונים אחרים זהה)
- לבסוף לחץ על שמור.
注意 事项
אם אין לך שיעורי CSS בחלונית Edit Menu Items, תוכל לפתוח את "אפשרויות תצוגה" בפינה השמאלית העליונה, ובהצג מאפיינים מתקדמים של התפריט, בחר "מחלקה CSS" ▼
- כמובן, ספריית גופני אייקונים זו אינה מוגבלת לשימוש בתפריט הניווט, כל עוד קוד האייקון המתאים נוסף למיקום המתאים של תבנית ערכת הנושא.
Hope Chen Weiliang בלוג ( https://www.chenweiliang.com/ ) משותף "כיצד להוסיף סמל תפריט וורדפרס CSS?התקן WP Navigation Icon Font Plugin", זה יעזור לך.
מוזמנים לשתף את הקישור של מאמר זה:https://www.chenweiliang.com/cwl-642.html
ברוכים הבאים לערוץ הטלגרם של הבלוג של Chen Weiliang כדי לקבל את העדכונים האחרונים!
📚 המדריך הזה מכיל ערך עצום, 🌟זו הזדמנות נדירה, אל תפספסו אותה! ⏰⌛💨
שתפו ותעשו לייק אם בא לכם!
השיתוף והלייקים שלך הם המוטיבציה המתמשכת שלנו!