החיפוש אחר בתפריט אנכי מושלם ...
חלק 1 של הדרכה זו מתואר תהליך הדרגתי של בניית תפריט אופקי מקוננות מדורגת עבור נושא Wordpress תזה . חלק 2 ימשיך על מנת לשפר את הפונקציונליות הזו. כאן נוסיף גרסה "כהה" של תפריט הניווט האופקי אני ילמד אותך איך לעבור בין "בהיר" וגם גרסה "כהה". חלק 2 הוא קבוצת של חלק 1. היא כוללת כל חלק מן 1 + מוסיף דברים מגניבים יותר.
הרעיון המרכזי שאני רוצה להציג הוא הוספת תפריט אנכי נושא התזה (ו Wordpress באופן כללי). חיפשתי תפריט גמיש באמת, ידידותי ורב הדפדפן SEO אנכי תואם שיאפשר ליצור רמות קינון ללא הגבלה.
WEB יש טונות של דפים בנושא אבל כשהתחלתי לנסות את כל אלה דוגמאות - הם או נשבר, מתרסק, נתמך רק מספר מוגבל של רמות או התנהג לא יפה באופן גייטס + junksplorer באלמר של 6. לבסוף חזרתי המנוסה והנאמן תפריטים כונן דינמי כמו דגימות האנכי שלהם התגלה מקרה נחמד שמתאים לדרישות המחמירות שלי. הייתי צריך לשנות אותם באופן משמעותי אם כי כדי לוודא שזה מתאים מודל תזה.
השאיפה לשלמות ממשיך ...
ביליתי כ 16 שעות חיפושים, הרכבה, בדיקה, תיקון, ליטוש כוונון CSS תפריט אנכי של ו. Js קוד ו 3 / 4 מהזמן הוקדש מה שהופך אותו לעבוד MSIE 6.
בכל אופן, הייתי שמח עם התוצאה הסופית. הביא תפריט ניווט אנכי יש את כל היתרונות אותו כי יש תפריט אופקי.
לאחר היכולת להוסיף תפריט אנכי חשוב מאוד על 70-80% של פורטלים באינטרנט. תפריטים אופקי מוגבל "שטח" כדי להתאים תפריט אפשרויות רבות, אך תפריט אנכי אין מגבלה זו ויעזור מאוד. אז הנה אנחנו מתחילים.
הרבה צעדים כדי לגרום לזה לקרות מתוארים כבר חלק 1 של הדרכה אז זה יעשה את זה אחד קצת יותר קצר, אבל עם תוצאות תכונה הרבה יותר עשיר.
אז הנה זה הולך:
בניית אתרים ידידותיים, אנכי תפריט מדורגת, מקוננת היררכי עבור Wordpress ואת נושא התזה . צעד אחר צעד
(... מה שאתה אף פעם לא חשבתי אפשרי ...)
- התקנת תוסף exec php ולהפעיל אותו. נצטרך את זה כי אני אשתמש PHP בתוך ווידג'ט טקסט לפלוט קוד HTML תפריט 'אנכי.
- האם צעדים 1-6 מתוך חלק 1 של הדרכה . בעיקרון אתה צריך להתקין ולהפעיל את plugin להשתמש NAVT + חזותית לבנות את התפריט שלך. ודא קבוצה התפריט שלך הוא שם "menu1". שם זה קידוד ב custom_functions.php
- לחץ על הסמל 'הילוך' עבור הקבוצה שלך "menu1" כדי לערוך את המאפיינים של זה:
- בעקבות צעדים של 7.1 -7.3 חלק 1 הדרכה להגדיר "אפשרויות", "הצג" ו "CSS" כרטיסיות ההגדרות.
- כעת לחץ על הלשונית "נושאים" של שיח זה. אנו יחליף מספר הגדרות שם (אם אתה עוקב אחרי צעד 1). זה בסדר - לא תאבד דבר - אך שינויים אלה יש צורך כי שיניתי קצת קוד משלב 1.
הנה איך שיח הזה צריך להיות מלא ב:- בפנים של "Theme XPath:" האזור והזן את הקוד הזה (זה פקודות להחליף כל תג עם כיתות אלה):
.jquerycssmenu, .jqueryslidemenu - הגדרת "פעולה" ל "החלף"
- בפנים של "הוספת תגים לפני ניווט קבוצה" אזור הזן את הקוד הזה:
<div class='jquerycssmenu' style='margin-top:5px;'> - בפנים של "הוספת תגים לאחר ניווט קבוצה" אזור הזן את הקוד הזה:
<br style='clear: left' /></div> - לחץ על [שמור / קרוב] כפתור.
- בפנים של "Theme XPath:" האזור והזן את הקוד הזה (זה פקודות להחליף כל תג עם כיתות אלה):
- עכשיו, עבור אל לוח admin Wordpress -> מראה -> יישומונים.
- גרור "טקסט" יישומון (מאזור גדול "וידג'טים זמינים") לאזור "הסרגל הצידי 1" מימין. אנחנו נהיה הוספת קוד יישומון טקסט זה יעזור לנו להתממש תפריט אנכי.
הערה: אני מניח שיש לך "הסרגל הצידי 1" בקיומו. אפשרויות תזה מאפשר לך לכבות אותו - אבל למען במדריך זה לתת להפוך אותו להיות. - ברגע שאתה גרר והשליך זה יישומון - זה יהיה נפתח כמו פרח (אני מרגיש רומנטי עכשיו כי המאבק MSIE נגמר).
- באזור "כותרת" להיכנס "הטוב ביותר של העולם תפריט אנכי" ... ובכן, אל תהסס להשתמש את היצירתיות שלך - טקסט ילך מעל התפריט שזה עתה נולד שלך אנכי.
- בשטח גדול עבור טקסט - הזן הזה קוד PHP:
<?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?> - לחץ על כפתור [שמור], לחץ על הקישור "סגור".
- הורד קבוצה של קבצי כאן .
ארכיון זה כולל:- גרסת עדכון של קוד "בהיר" תפריט אופקי
- גרסה "האפל" של תפריט אופקי
- תפריט קודי אנכי
- גירסה מעודכנת של custom_functions.php
- עכשיו אתה צריך לפתוח את הארכיון ולהעלות אותו אל הספרייה "מותאם אישית" שלך של נושא התזה .
הערה: אם עשית את ההתאמות האישיות בתוך custom_functions.php - היית צריך למזג אותם. אם לא - אתה מוזמן להחליף אותו עם הגרסה שלי. - וואלה! עכשיו אתה יכול לטעון מחדש את אתר האינטרנט שלך ולראות את אותו תפריט "בהיר" אופקי + אנכי תפריט neato בסרגל הצדדי השמאלי.
- משימה בונוס: תן לשינוי תפריט "בהיר" אופקי על ערכת "כהה" צבע.
- בתוך קובץ custom_functions.php:
להחליף את הקוד הזה:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
עם הקוד הזה:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
בעיקרון אנחנו להעיר את אחד קו uncommenting השני. - עכשיו לכו ל Wordpress admin-> Tools-> רשימות NAVT ולחץ על הסמל הנ"ל "הילוך" כדי לערוך את המאפיינים של הקבוצה שלך "menu1".
- לחץ על הלשונית "נושאים".
- בפנים של "הוספת תגים לפני ניווט קבוצה" אזור הזן את הקוד הזה:
<div class='jqueryslidemenu' style='margin-top:5px;'> - עכשיו - לטעון מחדש את הדף שלך - ואת תפריט הניווט האופקי העיקרי שלך "קסם", הפך כהה, משהו כזה:
נושא התזה - תפריט מדורגת מקוננות CSS - צבעים כהים
הצבעים כהים עשוי להיות מתאים יותר לאתרים מסוימים מזו בצבע בהיר. אז עכשיו יש לך חופש בחירה בחיים שלך!
- כדי לחזור תכנית "בהיר" צבע - פשוט לבטל לעיל צעדים "בונוס".
- בתוך קובץ custom_functions.php:
- מסקנה:
אני אוהב את נושא התזה , אני אוהב את וורדפרס ואני אוהב את העובדה כי יש לנו דרכים להוסיף תפריטי ניווט הגון הפורטלים שלנו.
20 $
תהנו!
גלב אזמאן
comments } { 5 תגובות }




