Tovább a tartalomhoz

A nyelvváltó megjelenítése vagy elrejtése egyes oldalakon

CSS-szabályok, amelyekkel a nyelvváltó csak bizonyos oldalakon látszik, vagy bizonyos oldalakról hiányzik.

Néha a nyelvváltónak nem kell minden oldalon látszania. Néhány sor CSS-sel megoldható, hogy csak kijelölt oldalakon jelenjen meg, vagy csak kijelölt oldalakról tűnjön el.

Előbb nézd meg, milyen osztályt használ a nyelvváltód:

  1. Nyisd meg az oldalt a nyilvános felületen, és nyomd meg az F12 billentyűt.
  2. A vizsgáló (inspect) eszközzel jelöld ki a nyelvváltót, hogy látsszon a HTML-je.

Két gyakori osztály:

  • wpml-ls-menu-item: ha a nyelvváltó menüben van;
  • wpml-ls: ha a láblécben van.

Ezután a Megjelenés → Testreszabás → Additional CSS részbe írd be:

/* A menüben lévő nyelvváltó elrejtése */
.wpml-ls-menu-item {
visibility: hidden !important;
}
/* A láblécben lévő nyelvváltó elrejtése */
.wpml-ls {
visibility: hidden !important;
}

Ez minden oldalról eltünteti a nyelvváltót. A szabályokat a sablon style.css fájljába is beírhatod, de csak gyermeksablonban, különben a sablon frissítésekor elvesznek. A nyelvváltó CSS-osztályairól a Stílus- és CSS-hibák javítása fejezetben olvashatsz.

2. lépés: megjelenítés a kijelölt oldalon

Szekció neve “2. lépés: megjelenítés a kijelölt oldalon”

A WordPress minden oldal body címkéjéhez hozzáad néhány osztályt. Nyisd meg a kívánt oldalt a nyilvános felületen, és a vizsgálóval keresd meg a body címkét. Valami ilyet látsz:

<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">

A page-id-2 osztály csak erre az oldalra jellemző, a szám az oldal azonosítója. A teljes szabály:

/* A menüben lévő nyelvváltó elrejtése */
.wpml-ls-menu-item {
visibility: hidden !important;
}
/* A láblécben lévő nyelvváltó elrejtése */
.wpml-ls {
visibility: hidden !important;
}
/* Megjelenítés csak a 2-es azonosítójú oldalon */
body.page-id-2 .wpml-ls-menu-item {
visibility: visible !important;
}
body.page-id-2 .wpml-ls {
visibility: visible !important;
}

A page-id-2 helyére a saját oldalad osztálya kerüljön. Használható osztályok:

Osztály Mire vonatkozik
page-id-X egy oldal (X az oldal azonosítója)
postid-X egy bejegyzés (X a bejegyzés azonosítója)
home a kezdőoldal
single-post minden bejegyzés
page minden oldal

Ha csak egy bizonyos oldalról kell eltüntetni, nem kell előbb mindenhol elrejteni: elég az oldal osztályát használni.

/* A nyelvváltó elrejtése csak a 2-es azonosítójú oldalon */
/* Menüben lévő nyelvváltó */
body.page-id-2 .wpml-ls-menu-item {
visibility: hidden !important;
}
/* Láblécben lévő nyelvváltó */
body.page-id-2 .wpml-ls {
visibility: hidden !important;
}

A page-id-2 helyére itt is a saját oldalad osztálya kerüljön.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások