2. Zmienne Lokalne Strony we Wstawkach HTML
Wstawki HTML mogą przyjmować do 9 lokalnych zmiennych (tj. działających tylko wewnątrz danej wstawki).
Lokalne zmienne moga zawierać
znaki alfanumeryczne
, %
, /
,
&
, (
, )
, spację
, =
, -
,
@
, ?
, #
, ,
, .
, :
, ;
Przykład:
- Wejdź na stronę i przy uzyciu buildera tworzę sekcję strony lub przygotuj kod, z którego stworzysz wstawkę.
- Wejdź do zakładki "Wstawki HTML" i utwórz nową wstawkę. Kliknij w przycisk "Dodaj wstawkę HTML".
- Wypełnij pole "Unikalny kod", wstaw tam nazwę dla swojej wstawki HTML
Podczas nazywania polecamy:- Nie stosować - polskich znaków diakrytycznych i znaków specjalnych (z wyjątkiem „_” zamiast spacji)
- Stosować - litery, cyfry i znak podkreślenia („_”) zamiast spacji
- Przykład: formularz_logowania
- Wypełnij pole "Opisowa nazwa" - tutaj możesz wpisać co chcesz, polecamy wpisać słowa kluczowe, dzięki którym będziesz wiedział co to jest i po co to jest. To pole pełni funkcję notatek.
- Tagi - wstaw Tag, który pomoże Ci łatwiej zaleźć tą wstawkę w przyszłości. Po napisaniu tagu postaw spację. Kiedy pod tekstem tagu pojawi się kolor, oznacza to, że tag został utworzony.
- Treść - wklej kod HTML, który chciałeś wstawić do Wstawki HTML
- Następnie w prawym górnym rogu kliknij zielony przycisk "+ Dodaj"
- Wstawka została utworzona, teraz znajdź swoją wstawkę w zakłądce "Wstawki HTML"
- Tutaj znajdziesz unikalny kod swojej wstawki. Kliknij na niego (zaznaczy się cały automatycznie). Skopij ten unikalny kod.
- Wejdź w edycję strony, w której chcesz wstawić Wstawkę HTML
- Wklej flagę
. Jeśli moja wstawka nazywa się wstawka_test to flaga będzie wyglądać tak
- Wróćmy teraz do wstawki HTML
- W miejscu, gdzie chcesz umieścić pierwszą zmienną wstaw
{VAR1}
(możesz wstawić maksymalnie 9 zmienny - do {VAR9})
- Jak widzisz na obrazku, w miejscu gdzie był tekst wyświetliło mi się
{VAR1}
. Stało się tak dlatego, że nie dodałem treści, która ma być wstawiona w tym miejscu.
- Wstaw treść do swojej wstawki, zrób to po nazwie wstawki i dwukropku. Np.
- Jeśli chcesz wstawić więcej niż jedną zmienną do swojej Wstawki HTML oddziel je znakiem
|
Przykład:
- W efekcie otrzymasz to co na początku, jednak jest ogromna różnica w kodzie i użyteczności tego elementu. Od teraz nie musisz tworzyć tego elementu od nowa za każdym razem. Wystarczy, że podmienisz tekst we wstawce.
Wstawki niczym funkcje
Lokalną zmienną można definiować umieszczone wewnątrz Wstawki inne flagi, np: {HTML:{VAR1}}
, {SETUP:{VAR1}}
, {URL:{VAR1}}
, {PAGE:{VAR1}}
itd.
W ten sposób Wstawka może pełnić rolę funkcji przyjmującej różne parametry. Na przykład możemy stworzyć Wstawkę wyświetlającą bio naszych pracowników. Zamiast tworzyć osobną wstawkę dla każdego z nich, utworzymy Wstawkę HTML o takiej treści:
Następnie musimy utworzyć dla każdego pracownika Ustawienie employee_photo_X
z adresem zdjęcia oraz Wstawkę HTML employee_bio_X
z jego biografią. Oczywiście X
zamieniamy na jakiś identyfikator pracownika, np. j_kowalski
Teraz wystarczy dodać w treści strony
Dzięki takiemu podejściu, webdeveloper może opracować wygląd strony, a osoby zarządzające jej treścią mogą edytować treści bez ryzyka przypadkowej modyfikacji kodu html.
Jak korzystać ze Zmiennych Lokalnych Strony we Wstawkach HTML?
Żeby skorzystać z Lokalnej Wstawki Strony we Wstawce HTML, musisz odpowiednio przygotować wstawkę HTML. Powyżej znajdziesz informacje jak przygotować wstawkę, żeby przyjmowała zmienną {VAR1}
. Teraz pokażę Ci jak przygotować tą wstawkę {VAR1}
do tego, żeby przyjmowała Lokalną Wstawkę Strony.
- Wejdź w edycję Wstawki HTML, którą chcesz przygotować klikając po prawej stronie od nazwy wstawki ikonę z ołówkiem i kwadratem.
- W miejscu gdzie wstawiłeś zmienną
{VAR1}
, wstaw kod{PAGE:_{VAR1}}
. Analogicznie dla każdej zmiennejVAR.
np.{PAGE:_{VAR2}}
{PAGE:_{VAR3}}
i tak dalej.
- Teraz przejdź do strony, na której chcesz utworzyć Lokalne Wstawki Strony.
- Najpierw musisz utworzyć Lokalną Wstawkę Strony. Żeby to zrobić zjedź na sam dół strony. Znajdziesz tam "Lokalne wstawki i zmienne".
- W miejsce "Unikalny kod wstawki" wpisz kod, którego będziesz uzywał, żeby wywołać tą wstawkę. Ja wpiszę "wstawka_strony". Jak pewnie zauwazyłeś pod polem "unikalny kod wstawki" automatycznie utworzyła się flaga dla tej wstawki.
- Wpisz teraz zawartość wstawki w polu po prawej stronie od pola "unikalny kodu wstawki".
- Po wpisaniu zawartości czas skorzystać ze wstawki, żeby to zrobić wstaw unikalny kod wstawki Lokalnej Wstawki Strony do flagi Wstawki HTML. W moim przypadku unikalny kod wstawki to
wstawka_strony
. Kod Wstawki HTML, z użyciem Lokalnej Wstawki Strony będzie wyglądał tak
- Po wprowadzeniu unikalnego kodu wstawki Lokalnej Wstawki Strony do Wstawki HTML, klikij "Zapisz i zobacz". Jak widzisz u mnie działa, treść ze wstawki pojawiła się na stronie. Poniżej wstawki z Lorem ipsum możesz zobaczyć informację o błędzie. Błąd się wyswietla ponieważ we Wstawce HTML wstawiliśmy 3 zmienne, natomiast teraz przekazałem do kodu tylko jedną zmienną.
- Utworzę teraz pozostałe 2 wstawki i dodam je do kodu. Pamiętaj, że wstawki we fladze Wstawki HTML muszą być oddzielone znakiem
|
. Teraz jak widzisz wszystko działa poprawnie.