Tovább a tartalomhoz

Korlátozott tartalom megjelenése (CSS-osztályok)

A korlátozott tartalmakra kerülő CSS-osztályok, és példa lakat ikon megjelenítésére a hozzáféréssel nem rendelkezőknek.

Ez a fejezet fejlesztőknek szól: saját CSS-kódot igényel. Ilyen egyedi kódra a bővítmény nem ad támogatást, a példák csak kiindulásnak valók.

Ha egy bejegyzést, oldalt vagy más tartalmat a Restrict Content Pro korlátozott, a rendszer a post_class szűrőn át további HTML-osztályokat ad hozzá. Ezek csak akkor jelennek meg, ha a sablonod használja a post_class() függvényt.

Osztály Mikor kerül a tartalomra
rcp-is-restricted Minden tartalomra, amelynek van korlátozási beállítása.
rcp-can-access A tartalom korlátozott, és a bejelentkezett felhasználó láthatja.
rcp-no-access A tartalom korlátozott, és a bejelentkezett felhasználó nem láthatja.

Ezekkel másképp formázhatod a korlátozott tartalmakat.

A példa a Font Awesome ikonkészletet használja, amelynek a stíluslapját külön kell betöltened az oldalra. Az ikon a Twenty Sixteen sablon címeinél jelenik meg, azoknál, akiknek nincs hozzáférésük:

.rcp-no-access .entry-title:before {
content: "\f023";
font-family: FontAwesome;
margin-right: 15px;
}

Egy kicsit több kóddal a lakatot ki is nyithatod azoknak, akik hozzáférnek:

/* Alapból zárt lakat minden korlátozott tartalomnál. */
.rcp-is-restricted .entry-title:before {
content: "\f023";
font-family: FontAwesome;
margin-right: 15px;
}
/* Nyitott lakat, ha a felhasználónak van hozzáférése. */
.rcp-can-access .entry-title:before {
content: "\f09c";
}

A .entry-title osztály sablononként eltérhet, ezért a saját sablonodhoz igazítsd.

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