בכדי להוסיף תג <meta> לתוך ראש האתר <head> התג צריך להכיל את השם לפי סוג הדפדפן ואת הצבע בפורמט HEX.
תומך בגרסאות מעודכנות אך עדיין לא בכל סוגי הדפדפנים.
לדפדפנים כרום, פיירפוקס ואופרה - מבדיקה שעשיתי זה עובד כרגע רק בכרום.
לניידים של וינדוס - לא בדקתי עדיין
לספארי - כרגע תומך רק בצבע שחור כאשר הדפדפן נמצא במסך מלא
איך עושים זאת:
הוסיפו את הקוד הבא לקובץ ה- functions.php שבתבנית הילד שלכם:
add_action('wp_head','color_tab');
function color_tab() {
// Chrome, Firefox OS, Opera
echo '<meta name="theme-color" content="#008080" />';
// Windows Phone
echo '<meta name="msapplication-navbutton-color" content="#008080">';
// iOS Safari
echo '<meta name="apple-mobile-web-app-status-bar-style" content="black">';
// Set full screen on iOS Safari
echo '<meta name="apple-mobile-web-app-capable" content="yes">';
}
אם רוצים ניתן להציג באופן אוטומטי את המסך המלא בדפדפן הספארי (iOS) ע"י הוספת התג המסומן בצהוב, אם אתם לא מעוניינים פשוט תמחקו אותו
התוצאה:
לצפייה כנסו למדריך דרך דפדפן הכרום שלכם בנייד ותראו את התוצאה בלייב!
