מדריכי וורדפרס

אפר 24 נכתב ע"י 

שינוי צבע הדפדפן במובייל באתרי וורדפרס

דרג פריט זה
(1 הצבע)

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

בכדי להוסיף תג <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) ע"י הוספת התג המסומן בצהוב, אם אתם לא מעוניינים פשוט תמחקו אותו

התוצאה:

לצפייה כנסו למדריך דרך דפדפן הכרום שלכם בנייד ותראו את התוצאה בלייב! 

תגיות: :
1509 עודכן לאחרונה ב ראשון, 24 אפריל 2016
מר קפה // יחי

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