# 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.

## Megjelenítés csak egyes oldalakon

### 1. lépés: elrejtés minden oldalon

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:

```css
/* 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](https://hub.hellowp.io/hu/plugins/sitepress-multilingual-cms/nyelvvalto-stilus-es-css/) fejezetben olvashatsz.

### 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:

```html
<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:

```css
/* 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 |

## Elrejtés csak egyes oldalakon

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

```css
/* 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.