Każdy blok ma swój odpowiednik w postaci krótkiego kodu z tymi samymi opcjami. W edytorze blokowym ustawiasz je w panelu bocznym, a produkty, kursy i odznaki wybierasz z listy. Krótki kod przyjmuje te same opcje jako atrybuty, a elementy według ich UUID. Skąd skopiować UUID, wyjaśnia koniec tej strony.
Atrybut, który pominiesz, przyjmuje wartość domyślną z tabeli. Pusty atrybut tekstowy również wraca do domyślnego tekstu.
Przycisk kasy
Przycisk, który otwiera kasę memberarea dla jednego produktu.
Panel boczny Kasa ma dwa pola: Produkt i Etykieta przycisku. Bez etykiety przycisk ma tekst Kup teraz.
Dopóki nie wybierzesz produktu, edytor pokazuje miejsce zastępcze z listą produktów, a strona nie pokazuje niczego. Jeśli produkt zostanie później usunięty w memberarea, edytor ostrzeże, że trzeba wybrać inny.
[memberarea_checkout]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
product |
UUID produktu | brak, wymagany |
label |
dowolny tekst | Kup teraz |
class |
własne klasy CSS | brak |
Produkt
Pokazuje jeden produkt z przyciskiem dodania do koszyka, w wersji kompaktowej albo ze wszystkimi szczegółami.
Panel boczny Produkt ma pole wyboru Produkt oraz Układ z opcjami Kompaktowy. Ilość i dodanie do koszyka. (domyślnie) albo Pełny. Obrazek, cena i opcje.
Dopóki nie wybierzesz produktu, edytor pokazuje miejsce zastępcze, a strona nie pokazuje niczego.
[memberarea_product]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
product |
UUID produktu | brak, wymagany |
layout |
compact, full |
compact |
class |
własne klasy CSS | brak |
Każda wartość layout inna niż full daje układ kompaktowy.
Koszyk
Przycisk koszyka z rozwijaną listą, która pokazuje, co dodał odwiedzający, i przenosi go do kasy.
Blok nie ma opcji. Dopóki witryna nie jest połączona, edytor pokazuje wskazówkę, gdzie ją połączyć, a strona nie pokazuje niczego.
[memberarea_cart]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
class |
własne klasy CSS | brak |
Katalog kursów
Wyświetla kursy, które sprzedajesz, każdy z ceną i przyciskiem kasy. Członkowie widzą odnośnik do kursów, które już mają.
- Układ: Kolumny (od 1 do 4, domyślnie 3), Maksymalna liczba kursów (od 0 do 24, zero pokazuje wszystkie kursy), Pokaż obrazek kursu, Pokaż opis i Pokaż cenę, wszystkie trzy domyślnie włączone.
- Które kursy: Tylko kursy, które można kupić, domyślnie wyłączone. Gdy jest włączone, kursy bez produktu są pomijane.
- Teksty: Przycisk zakupu (domyślnie Kup teraz) i Przycisk dla kursu, który członek już ma (domyślnie Otwórz kurs).
- Gdy nie ma nic do pokazania: Gdy żaden kurs nie jest w sprzedaży, Dokąd prowadzi przycisk i Tekst przycisku.
Gdy nie zostaje żaden kurs do pokazania, blok pokazuje „Obecnie żadne kursy nie są w sprzedaży.” albo Twój własny tekst, a do tego przycisk do wpisanej strony z etykietą Dowiedz się więcej, chyba że wpiszesz własną. Gdy listy kursów nie da się wczytać z memberarea, blok nie pokazuje niczego.
[memberarea_course_catalogue]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
columns |
od 1 do 4 | 3 |
limit |
liczba, 0 dla wszystkich kursów |
0 |
purchasable |
tak lub nie | nie |
image |
tak lub nie | tak |
description |
tak lub nie | tak |
price |
tak lub nie | tak |
button |
dowolny tekst | Kup teraz |
owned |
dowolny tekst | Otwórz kurs |
empty |
dowolny tekst | Obecnie żadne kursy nie są w sprzedaży. |
link |
adres strony | brak |
linklabel |
dowolny tekst | Dowiedz się więcej |
class |
własne klasy CSS | brak |
Zweryfikowana odznaka
Pokazuje zweryfikowaną odznakę jednego z Twoich kursów z liczbą uczestników i lekcji.
Panel boczny Odznaka ma pole wyboru Odznaka i cztery ustawienia:
- Wygląd: Szeroki (domyślnie), Duży, Kompaktowy, Jeden wiersz.
- Styl: Domyślny (domyślnie), Jasny, Przezroczysty.
- Narożniki: Kwadratowe, Lekko zaokrąglone, Zaokrąglone (domyślnie), Mocno zaokrąglone.
- Wyrównanie: Pośrodku (domyślnie), Do lewej.
Pole wyboru pokazuje tylko włączone odznaki. Jeśli wybrana odznaka zostanie później wyłączona, edytor o tym informuje, a odwiedzający nie widzą niczego. Bez odznaki strona nie pokazuje niczego.
[memberarea_badge]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
badge |
UUID odznaki | brak, wymagany |
design |
long (Szeroki), large, compact, row (Jeden wiersz) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Kwadratowe), small, medium, large |
medium |
align |
center, left |
center |
class |
własne klasy CSS | brak |
Wartość, której lista nie zna, wraca do wartości domyślnej.
Logowanie członków
Pokazuje odwiedzającym przycisk logowania, a zalogowanym członkom imię, zdjęcie i przycisk wylogowania.
- Etykiety: Przycisk logowania (domyślnie Zaloguj się) i Przycisk wylogowania (domyślnie Wyloguj się).
- Zalogowany: Pokaż zdjęcie profilowe, Pokaż imię i Pokaż przycisk wylogowania, wszystkie domyślnie włączone.
- Układ: Wyrównanie z opcjami Do lewej (domyślnie), Pośrodku albo Do prawej.
Dopóki logowanie członków nie jest skonfigurowane, edytor pokazuje ostrzeżenie, a odwiedzający nie widzą niczego.
[memberarea_login]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
sign_in |
dowolny tekst | Zaloguj się |
sign_out |
dowolny tekst | Wyloguj się |
avatar |
tak lub nie | tak |
name |
tak lub nie | tak |
logout |
tak lub nie | tak |
align |
left, center, right |
left |
class |
własne klasy CSS | brak |
Moje kursy
Pokazuje zalogowanemu członkowi kursy, które ma, każdy z odnośnikiem prosto do memberarea.
- Układ: Kolumny (od 1 do 4, domyślnie 2), Pokaż obrazek kursu i Pokaż postęp, oba domyślnie włączone.
- Gdy nie ma nic do pokazania: Członek bez kursów, Niezalogowany odwiedzający, Dokąd prowadzi przycisk i Tekst przycisku.
Niezalogowany odwiedzający widzi „Zaloguj się, aby zobaczyć swoje kursy.” albo Twój własny tekst, z przyciskiem Zaloguj się. Członek bez kursów widzi „Nie masz jeszcze żadnych kursów.” albo Twój własny tekst. Obaj dostają przycisk do wpisanej strony z etykietą Przeglądaj kursy, chyba że wpiszesz własną. Kurs, który czeka na wymagany kurs, zamiast postępu pokazuje „Dostępny po ukończeniu wymaganego kursu.”. Pod paskiem postępu kurs ma na przykład tekst „40% ukończono”, a po ukończeniu Ukończono. Dopóki logowanie członków nie jest skonfigurowane, blok nie pokazuje niczego.
[memberarea_my_courses]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
columns |
od 1 do 4 | 2 |
image |
tak lub nie | tak |
progress |
tak lub nie | tak |
empty |
dowolny tekst | Nie masz jeszcze żadnych kursów. |
signedout |
dowolny tekst | Zaloguj się, aby zobaczyć swoje kursy. |
link |
adres strony | brak |
linklabel |
dowolny tekst | Przeglądaj kursy |
class |
własne klasy CSS | brak |
Postęp kursu
Pokazuje zalogowanemu członkowi, jak daleko doszedł, w jednym kursie albo we wszystkich.
- Co mierzyć: Postęp w z opcjami Wszystkich kursach członka (domyślnie) albo Jednym kursie. Dla jednego kursu wybierz go w polu Kurs.
- Wygląd: Kształt (Pasek albo Pierścień), Pokaż tytuł, Pokaż procent i, dla wszystkich kursów, Pokaż, ile kursów ukończono. Czytniki ekranu i tak odczytują procent.
- Gdy nie ma nic do pokazania: Członek bez kursów (dla jednego kursu: Członek bez tego kursu), Niezalogowany odwiedzający, Dokąd prowadzi przycisk i Tekst przycisku.
Niezalogowany odwiedzający widzi „Zaloguj się, aby zobaczyć swój postęp.” albo Twój własny tekst, z przyciskiem Zaloguj się. Członek bez kursów widzi „Nie masz jeszcze żadnych kursów.”, członek bez wybranego kursu „Nie masz jeszcze tego kursu.”; każdy z tych tekstów możesz zastąpić własnym, a po nim pojawia się Twój przycisk. Przy opcji Jednym kursie bez wybranego kursu blok pozostaje pusty.
[memberarea_progress]
| Atrybut | Wartości | Domyślnie |
|---|---|---|
scope |
overall, course |
course, jeśli ustawiono course, w przeciwnym razie overall |
course |
UUID kursu | brak |
display |
bar, ring |
bar |
label |
tak lub nie | tak |
percent |
tak lub nie | tak |
count |
tak lub nie | tak |
empty |
dowolny tekst | Nie masz jeszcze żadnych kursów. (jeden kurs: Nie masz jeszcze tego kursu.) |
signedout |
dowolny tekst | Zaloguj się, aby zobaczyć swój postęp. |
link |
adres strony | brak |
linklabel |
dowolny tekst | Przeglądaj kursy |
class |
własne klasy CSS | brak |
count pojawia się tylko przy postępie we wszystkich kursach.
Zasady dla każdego krótkiego kodu
Tak i nie
no, false, 0 i off wyłączają opcję. Każda inna wartość oznacza tak.
Wielkie i małe litery
Nazwy atrybutów i wartości z tabel działają niezależnie od wielkości liter, więc
Layout="FULL" to to samo co layout="full". Twoje własne teksty pojawiają się
dokładnie tak, jak je wpiszesz.
Każdy w osobnym wierszu
Umieszczaj każdy krótki kod w osobnym wierszu, aby nie trafił w środek akapitu.
Jedynym wyjątkiem jest [memberarea_checkout]: wyświetla się w linii i może
stać w środku zdania.
Odnośniki przycisków
link przyjmuje adres zaczynający się od https:// albo ścieżkę zaczynającą
się od /, na przykład /courses. Wszystko inne, na przykład
www.example.com/courses, jest odrzucane i przycisk się nie pojawia.
Jeden kurs albo wszystkie
[memberarea_progress course="…"] pokazuje ten kurs. Dodaj scope="overall",
aby zamiast tego pokazać postęp we wszystkich kursach.
Języki widżetów
Kasa, produkt, koszyk i odznaka biorą swoje teksty z memberarea, także wtedy, gdy kasa otwiera się z przycisku w Katalogu kursów. Dopasowują się do języka witryny WordPress, gdy jest to niemiecki, angielski, hiszpański, francuski, włoski, węgierski, niderlandzki, polski lub portugalski. W każdym innym języku witryny pojawiają się po angielsku.
Jak znaleźć UUID
-
Produkt: w memberarea przejdź do Płatności > Ustawienia > Widżety, otwórz kartę Widżety, wybierz produkt w Konfigurator snippetu i kliknij Kopiuj obok ID produktu.
Konfigurator snippetu z wybranym produktem i przyciskiem Kopiuj obok ID produktu -
Kurs: w sekcji Kursy użyj Kopiuj link do kursu przy opublikowanym kursie. Link kończy się UUID kursu, na przykład
https://your-domain/user/courses/<UUID>. -
Odznaka: otwórz kurs, potem Ustawienia > Odznaka marketingowa, kliknij Dostosuj przy wybranym wyglądzie, a potem Wygeneruj odznakę. W oknie Kod odznaki wartość po
data-badge=to UUID odznaki.
