להגדיל את הגובה של תפריט הקטגוריות בעמוד עריכת הפוסט

18 באוגוסט 2010 | מאת רמי | 5 תגובות | תגיות: לוח בקרה, מערכת ניהול, עמוד עריכת הפוסטים, קטגוריות, תפריט

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

הבעיה

אתרים בעלי כמות גדולה של קטגוריות מתקשים לנווט בין כל הקטגוריות בזמן יצירת/עריכת התכנים. המפתחים היו בטוחים שתפריט בגובהה 200 פיקסלים יספיק לנו כדי לנווט בצורה נוחה בין הקטגוריות שלנו. הבעיה היא שבגובה זה נכנסים רק 10 קטגוריות. אני עובד עם אתר בו יש מעל 500 קטגוריות. מאוד לא נוח לנווט בין מאות קטגוריות אם התצוגה מוגבלת ל-10 קטגוריות.

הפתרון

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

function change_post_categories_height() {
echo'
<style type="text/css">
#category-all.tabs-panel{ height:500px; }
</style>';
}
add_action('admin_head', 'change_post_categories_height');

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

תפריט קטגוריות מורחב בעמוד עריכת/יצירת הפוסטים

טקסונומיה מותאמת אישית

הפתרון הזה פועל גם על טקסונומיה מותאמת אישית. באתר מסוים שאני מפעיל יצרתי טקסונומיה מותאמת בשם channels ובו רשימה של ארבע ערוצים (בנוסף על הקטגוריות והתגיות). במערכת הניהול, תפריט הערוצים הציג לי 10 שורות (בגובה 200 פיקסלים). זה תפס המון מקום מיותר. לכן החלטתי לצמצם את גובהה התפריט כך שיוצגו בדיוק 4 ערוצים (כלומר גובהה 80 פיקסלים). השתמשתי בקוד מלמעלה, בשינוי קטן:

#channel-all.tabs-panel{ height:80px; }

החלפתי את category ב-channel, ולפי יחס פרופורציונלי קבעתי גובהה של 80 פיקסלים.

באותו נושא

מאת רמי

מייסד האתר והעורך ראשי שלו. מפתח אתרים מבוססי וורדפרס, תורם (מדי פעם) לפיתוח המערכת, פעיל בקודקס האנגלי, אחראי על אתר וורדפרס בעברית, אחראי על תרגום וורדפרס לעברית, והחל מגרסה 3.3 אחראי על שחרור גרסאות וורדפרס בעברית.

5 תגובות »

צחי כותב :

תודה, מאוד יעיל.

# 19 באוגוסט 2010 בשעה: 20:27

חזקי כותב :

קראתי, נהניתי ומיד יישמתי…

תודה

# 19 באוגוסט 2010 בשעה: 20:56

רמי כותב :

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

# 19 באוגוסט 2010 בשעה: 21:03

חזקי כותב :

אותו פטנט יהיה יעיל גם בשינוי גודל איזור עריכת הפוסט.

באמצעות הוספה לstyle:

#content {height:350px;}

# 14 בדצמבר 2010 בשעה: 16:05

רמי כותב :

חזי, אפשר להחיל את הפתרון על כל התפריטים.

# 20 בדצמבר 2010 בשעה: 20:25

wp-tricks.co.il