דף הבית » טריקים וטיפים, סקירת תבניות

להוסיף תמונות ברירת מחדל לכותרת העליונה של Twenty Ten

12 בינואר 2011 | מאת רמי | תגובה אחת | תגיות: , , , , ,

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

תפריט הכותרת העליונה עם תמונות ברירת מחדל הבסיסיות

תפריט הכותרת העליונה עם תמונות ברירת מחדל הבסיסיות

הקוד

כדי להוסיף תמונות ברירת מחדל נוספות לכותרת העליונה, אנו ניצור תבנית-בת, ונכניס לקובץ functions.php שלה את הקוד הבא:

function add_custom_headers() {
    $child_dir = get_bloginfo( 'stylesheet_directory' );
    $headers = array (
            'image1' => array (
            'url' => "$child_dir/images/rafting.jpg",
            'thumbnail_url' => "$child_dir/images/rafting-thumbnail.jpg",
            'description' => "Rafting Picture"
        ),
            'image2' => array (
            'url' => "$child_dir/images/oasis.jpg",
            'thumbnail_url' => "$child_dir/images/oasis-thumbnail.jpg",
            'description' => "Oasis Picture"
        )
    );
    register_default_headers( $headers );
}
add_action( 'after_setup_theme', 'add_custom_headers' );

הערה 1: יש ליצור ספריה images בתבנית, ולשם יש להעלות את התמונות שאנו רוצים להעלות.
הערה 2: הפרופורציות של התמונה הן 940 על 198 פיקסלים, והפרופורציות של התמונה הממוזערת הן 230 על 48 פיקסלים.

התוצאה

תפריט הכותרת העליונה עם תמונות ברירת מחדל נוספות

תפריט הכותרת העליונה עם תמונות ברירת מחדל נוספות

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

תגובה אחת »

  • אפרת כותב :

    רמי שלום,
    תודה על כל הפוסטים המועילים מאוד!

    רציתי לשאול שאלה בקשר לתמונת הכותרת בוורדפרס.
    התקנתי באתר את תבנית twenty eleven ומשום מה, כל פעם שאני מעלה תמונה שתשמש ככותרת לאתר (עוצבה ב- xheader), ברגע שהתמונה עולה למערכת הניהול היא נעשית מאוד לא ברורה וזאת למרות שהתמונה היא חדה מאוד. האם תוכל לומר לי איך לפתור את הבעיה?

    המון תודות!

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>