הוסף אייקון בית לתפריט הניווט של וורדפרס

תפריט הבית

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

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

הוסף אייקון בית לוורדפרס

add_filter ('wp_nav_menu_items', 'add_home_link', 10, 2); פונקציה add_home_link ($ items, $ args) {if (is_front_page ()) $ class = 'class = "current_page_item home-icon"'; אחרת $ class = 'class = "home-icon"'; $ homeMenuItem = ' '. $ ארג-> לפני. ' '. $ args-> link_before. '  '. $ args-> link_after. ' '. $ ארג-> אחרי. ' '; $ items = $ homeMenuItem. פריטים $; להחזיר פריטים $; }

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

תגובה אחת

  1. 1

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.