Lokalne zmienne we Wstawkach HTML

1. Zmienne we Wstawkach HTML

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:

  1. Wejdź na stronę i przy uzyciu buildera tworzę sekcję strony lub przygotuj kod, z którego stworzysz wstawkę.
  2. Wejdź do zakładki "Wstawki HTML" i utwórz nową wstawkę. Kliknij w przycisk "Dodaj wstawkę HTML".

    Wstawki i zmienne impleSITE

    Wstawki i zmienne impleSITE

  3. Wypełnij pole "Unikalny kod", wstaw tam nazwę dla swojej wstawki HTML
    Podczas nazywania polecamy:
    1. Nie stosować - polskich znaków diakrytycznych i znaków specjalnych (z wyjątkiem „_” zamiast spacji)
    2. Stosować - litery, cyfry i znak podkreślenia („_”) zamiast spacji
    3. Przykład: formularz_logowania


    Wstawki i zmienne impleSITE

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

    Wstawki i zmienne impleSITE

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

    Wstawki i zmienne impleSITE

  6. Treść - wklej kod HTML, który chciałeś wstawić do Wstawki HTML

    Wstawki i zmienne impleSITE

  7. Następnie w prawym górnym rogu kliknij zielony przycisk "+ Dodaj"

    Wstawki i zmienne impleSITE

  8. Wstawka została utworzona, teraz znajdź swoją wstawkę w zakłądce "Wstawki HTML"

    Wstawki i zmienne impleSITE

  9. Tutaj znajdziesz unikalny kod swojej wstawki. Kliknij na niego (zaznaczy się cały automatycznie). Skopij ten unikalny kod.

    Wstawki i zmienne impleSITE

  10. Wejdź w edycję strony, w której chcesz wstawić Wstawkę HTML
  11. Wklej flagę {HTML:unikalny_kod}. Jeśli moja wstawka nazywa się wstawka_test to flaga będzie wyglądać tak {HTML:wstawka_test}

    Wstawki i zmienne impleSITE

  12. Wróćmy teraz do wstawki HTML
  13. W miejscu, gdzie chcesz umieścić pierwszą zmienną wstaw {VAR1} (możesz wstawić maksymalnie 9 zmienny - do {VAR9})

    Wstawki i zmienne impleSITE

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

    Wstawki i zmienne impleSITE

    Wstawki i zmienne impleSITE

  15. Wstaw treść do swojej wstawki, zrób to po nazwie wstawki i dwukropku. Np. {HTML:unikalny_kod:treść wstawki}

    Wstawki i zmienne impleSITE

  16. Jeśli chcesz wstawić więcej niż jedną zmienną do swojej Wstawki HTML oddziel je znakiem | Przykład:
    {HTML:unikalny_kod:treść wstawki|wstawiam tutaj tekst|wstawiam kolejny tekst}

    Wstawki i zmienne impleSITE

  17. 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 i zmienne impleSITE

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 {HTML:employee_bio:Jan Kowalski|j_kowalski}

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.

  1. Wejdź w edycję Wstawki HTML, którą chcesz przygotować klikając po prawej stronie od nazwy wstawki ikonę z ołówkiem i kwadratem.

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  2. W miejscu gdzie wstawiłeś zmienną {VAR1}, wstaw kod {PAGE:_{VAR1}}. Analogicznie dla każdej zmiennej VAR.
    np. {PAGE:_{VAR2}}
    {PAGE:_{VAR3}}
    i tak dalej.

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  3. Teraz przejdź do strony, na której chcesz utworzyć Lokalne Wstawki Strony.
  4. Najpierw musisz utworzyć Lokalną Wstawkę Strony. Żeby to zrobić zjedź na sam dół strony. Znajdziesz tam "Lokalne wstawki i zmienne".

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

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

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  6. Wpisz teraz zawartość wstawki w polu po prawej stronie od pola "unikalny kodu wstawki".

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  7. 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 {HTML:wstawka_html:wstawka_strony}

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  8. 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ą.

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

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

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

  10. Zmienne Lokalne Strony we Wstawkach HTML impleSITE

    Zmienne Lokalne Strony we Wstawkach HTML impleSITE

Tematy

Zmodyfikowano 2 weeks ago (2020-01-30)

Top