מדריך: כיצד לשנות לוגו לפי שפה באתר וורדפרס עם WPML ותבנית Astra

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

1. לוגו שונה לכל שפה ללא קישור.
2. לוגו שונה לכל שפה עם קישור מותאם.

למה זה חשוב?

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

---

שינוי לוגו לפי שפה (ללא קישור)

אם ברצונכם להציג לוגו שונה לפי השפה, השתמשו בקוד הבא:

add_filter('astra_logo', 'custom_language_specific_logo');
function custom_language_specific_logo($logo) {
    if (function_exists('icl_object_id')) {
        $current_lang = ICL_LANGUAGE_CODE; // קבלת קוד השפה הנוכחית
        switch ($current_lang) {
            case 'en': // אנגלית
                $logo = wp_get_attachment_image(123, 'full', false, array('style' => 'width:83px; height:auto;')); // החליפו 123 במזהה הלוגו באנגלית
                break;
            case 'he': // עברית
                $logo = wp_get_attachment_image(456, 'full', false, array('style' => 'width:83px; height:auto;')); // החליפו 456 במזהה הלוגו בעברית
                break;
        }
    }
    return $logo;
}

הסבר הקוד:

1. הקוד משתמש בפילטר astra_logo כדי להחליף את הלוגו המוגדר בתבנית Astra.
2. באמצעות ICL_LANGUAGE_CODE של WPML, אנו מזהים את השפה הנוכחית ומציבים את הלוגו הרלוונטי.
3. ניתן להתאים את הגודל בעזרת מאפייני style.

---

שינוי לוגו לפי שפה (עם קישור מותאם)

אם תרצו שהלוגו יהיה גם קישור לדף הבית של השפה המתאימה, השתמשו בקוד הבא:

add_filter('astra_logo', 'custom_language_specific_logo');
function custom_language_specific_logo($logo) {
    if (function_exists('icl_object_id')) {
        $current_lang = ICL_LANGUAGE_CODE; // קבלת קוד השפה הנוכחית
        switch ($current_lang) {
            case 'en': // אנגלית
                $logo = '<a href="https://example.com/en/"><img src="' . wp_get_attachment_image_url(123, 'full') . '" alt="English Logo" style="width: 85px; height: auto;"></a>';
                break;
            case 'he': // עברית
                $logo = '<a href="https://example.com/"><img src="' . wp_get_attachment_image_url(456, 'full') . '" alt="Hebrew Logo" style="width: 85px; height: auto;"></a>';
                break;
        }
    }
    return $logo;
}

הסבר הקוד:

1. כל לוגו עטוף בתג <a> שמפנה לדף הבית בשפה המתאימה.
2. השתמשו בפונקציה wp_get_attachment_image_url() כדי להוסיף את הקישור לתמונה בגודל מלא.
3. החליפו את כתובות ה-URL (https://example.com/en/) בכתובות המתאימות לאתר שלכם.

---

איך למצוא מזהה תמונה (Attachment ID)?

1. היכנסו לספריית המדיה בממשק הניהול של וורדפרס.
2. עברו לתצוגת "רשימה".
3. כאשר תרחפו על התמונה, תוכלו לראות את מזהה התמונה בכתובת ה-URL (מספר ייחודי).

---

---

סיכום:

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

אם מצאתם מדריך זה מועיל, שתפו אותו עם חברים או קולגות שבונים אתרים דומים! 😊