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

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

תוכל לעשות זאת בקלות בעזרת כמה שורות CSS.

הצגת בורר השפות רק בעמודים מסוימים

שלב 1: הסתרת בורר השפות בכל העמודים

ראשית, עליך לבדוק באיזה class משתמש בורר השפות שלנו.

תוכל לבדוק זאת באמצעות כלי המפתחים של הדפדפן:

בקר בחזית האתר שלך ולחץ על המקש F12 במקלדת.
השתמש בכלי "inspect" כדי לבחור את בורר השפות, וקוד ה־HTML שלו יופיע.

שימוש בכלי המפתחים של הדפדפן כדי לראות את ה־classes של בורר השפות

להלן שני classes נפוצים של בורר שפות:

ה־class wpml-ls-menu-item כאשר בורר השפות מופיע בתפריט
ה־class wpml-ls כאשר בורר השפות מופיע בכותרת התחתונה

לאחר שתדע מהו ה־class הנכון, עבור אל העמוד עיצוב → התאמה אישית, לחץ על CSS נוסף והוסף את ה־CSS הבא לאתר שלך.

הסתרת בורר השפות בתפריט

/*Hide menu Language Switcher*/
.wpml-ls-menu-item {
	visibility: hidden !important;
}

/*Hide footer Language Switcher*/
.wpml-ls {
	visibility: hidden  !important;
}

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

לחלופין, תוכל להוסיף את כללי העיצוב האלה לקובץ ה־style.css של ערכת העיצוב שלך, אך הקפידו להשתמש בערכת עיצוב בת. אחרת, העיצוב המותאם אישית שלך יאבד כאשר תעדכנו את ערכת העיצוב.

למידע מפורט על ה־classes של CSS לבוררי שפות, בקר בעמוד שלנו בנושא עיצוב CSS לבוררי שפות.

שלב 2: הצגת בורר השפות בעמוד מסוים

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

WordPress מוסיף אוטומטית classes מסוימים לתגית ה־body של כל עמוד. הדבר מאפשר לך למקד את בורר השפות בעמוד מסוים.

כדי למצוא את ה־class, פתח בחזית האתר את העמוד שבו תרצה להציג את בורר השפות. שוב, השתמש בכלי ה־inspector של הדפדפן וחפשו את תגית ה־body.

תראו משהו כזה:

מציאת ה־class של המזהה (ID)

<body class="page-template-default page page-id-2 logged-in admin-bar wp-embed-responsive is-light-theme singular has-main-navigation customize-support">

במקרה זה, ה־class page-id-2 מתווסף רק לעמוד המסוים הזה. המספר מייצג את המזהה (ID) של עמוד זה ותוכל להשתמש בו כדי לבנות את קטע הקוד שלך.

קטע הקוד המלא אמור להיראות כך:

הסתרת בורר השפות בתפריט – קוד מלא

/*Hide menu Language Switcher*/
.wpml-ls-menu-item {
	visibility: hidden !important;
}

/*Hide footer Language Switcher*/
.wpml-ls {
	visibility: hidden  !important;
}

/*Display Language Switcher only in the page with ID 2*/
body.page-id-2 .wpml-ls-menu-item {
	visibility: visible !important;
}

body.page-id-2 .wpml-ls {
	visibility: visible !important;
}

זכור להחליף את ה־class page-id-2 ב־class של העמוד שלך.

להלן כמה מה־classes המסוימים שבהם תוכל להשתמש:

page-id-X: משמש לעמודים (החלף את X במזהה (ID) של העמוד)
postid-X: משמש לפוסטים (החלף את X במזהה (ID) של הפוסט)
home: משמש לדף הבית
single-post: משמש לכל הפוסטים (לא פוסט מסוים)
page: משמש לכל העמודים (לא עמוד מסוים)

הסתרת בורר השפות רק בעמודים מסוימים

הסתרת בורר השפות בעמודים מסוימים דומה מאוד לשלבים הקודמים. אך במקום להסתיר אותו בכל העמודים, תסתיר אותו רק בעמוד מסוים.

לשם כך, עליך רק לאתר את ה־class המסוים של העמוד, ולאחר מכן להשתמש בו כדי להסתיר את בורר השפות של אותו עמוד.

קטע קוד ה־CSS שלך אמור להיראות כך:

הסתרת בורר השפות רק בעמוד בעל המזהה (ID) 2

/*Hide Language Switcher only on the page with ID 2*/

/*Menu Language Switcher*/
body.page-id-2 .wpml-ls-menu-item {
	visibility: hidden !important;
}
/*Footer Language Switcher*/
body.page-id-2 .wpml-ls {
	visibility: hidden !important;
}

זכור להחליף את ה־class page-id-2 ב־class המסוים שלך.