Dokumentacja

Jak zarządzać stroną
w systemie CMS?

Kompletny przewodnik dla każdego — nawet bez doświadczenia technicznego. Przeczytaj raz, a samodzielna obsługa strony stanie się prosta i intuicyjna.

Logowanie do panelu

1

Znajdź ikonę klucza w stopce strony

Na dole strony, w prawym rogu stopki, widoczna jest mała ikona klucza . Jest celowo dyskretna — odwiedzający stronę jej nie zauważą. Kliknij ją.

2

Wpisz login i hasło

Na ekranie pojawi się okno logowania. Wpisz swój login i hasło, a następnie kliknij przycisk Zaloguj.

3

Panel boczny otworzy się automatycznie

Po poprawnym zalogowaniu panel zarządzania wysunie się z lewej strony ekranu. W dowolnym momencie możesz go zwinąć i rozwinąć klikając przycisk widoczny po lewej stronie ekranu.

Sesja logowania utrzymuje się przez przeglądarkę — nie musisz logować się przy każdej wizycie. Aby zakończyć sesję, użyj przycisku Wyloguj ze strony na dole panelu bocznego.

Edycja tekstu na stronie

Wszystkie edytowalne teksty na stronie (tytuły, opisy, treści sekcji) możesz zmienić bezpośrednio — bez wchodzenia w żadne dodatkowe ekrany.

1

Kliknij dowolny tekst na stronie

Po zalogowaniu każdy edytowalny element reaguje na najechanie kursorem — pojawi się delikatne obramowanie. Kliknij raz, aby wejść w tryb edycji.

2

Zacznij pisać lub zaznacz tekst

Możesz swobodnie usuwać istniejący tekst i pisać nowy, dokładnie jak w edytorze tekstu. Możesz też zaznaczyć fragment, aby go sformatować (pogrubić, pochylić itd.) za pomocą paska narzędzi, który pojawi się nad elementem.

3

Kliknij poza element, gdy skończysz

Kliknięcie w puste miejsce na stronie zakończy edycję danego elementu. Zmiany zostaną zapisane automatycznie po 2 sekundach od ostatniej modyfikacji.

Wklejanie tekstu: Jeśli wklejasz tekst skopiowany z Worda lub innej strony, system automatycznie usuwa zbędne formatowanie i wkleja czysty tekst. To zapobiega problemom z wyglądem strony.

Pływający pasek narzędzi

Gdy klikniesz w edytowalny element, nad nim pojawi się ciemny pasek narzędzi. Daje on dostęp do formatowania tekstu i wstawiania różnych elementów.

Podgląd paska narzędzi
Ikona Narzędzie Jak używać
Formatowanie Zaznacz fragment tekstu, a następnie kliknij odpowiednią ikonę, aby go pogrubić, pochylić lub podkreślić.
Wyrównanie Kliknij w akapit, który chcesz wyrównać, a następnie wybierz: do lewej, do środka, do prawej lub wyjustowanie.
Wstaw link Zaznacz tekst, który ma stać się linkiem, kliknij ikonę łańcuszka i wpisz adres URL (np. https://google.com).
Wstaw przycisk Kliknij w tekst w miejscu, gdzie ma się pojawić przycisk. Wpisz treść przycisku, adres URL i wybierz styl. Gotowy przycisk pojawi się w treści.
Wstaw film YouTube Wklej link do filmu z YouTube (np. https://youtube.com/watch?v=ABC123). Film zostanie osadzony bezpośrednio w treści strony.
Wstaw zdjęcie Otwiera Bibliotekę Mediów. Wybierz zdjęcie z biblioteki lub wgraj nowe — zostanie wstawione w miejscu kursora w tekście.
Usuń element Kliknij w element (przycisk, osadzony film, zdjęcie w tekście), a następnie kliknij ikonę kosza. System poprosi o potwierdzenie.
Edytuj HTML Dla zaawansowanych: pozwala edytować surowy kod HTML danego elementu. Tylko jeśli znasz HTML.

Zdjęcia i biblioteka mediów

Podmiana istniejącego zdjęcia na stronie

1

Kliknij bezpośrednio na zdjęcie na stronie

Każde zdjęcie na stronie (w sekcjach hero, showcase itd.) reaguje na kliknięcie po zalogowaniu. Kliknij je — automatycznie otworzy się Biblioteka Mediów.

2

Wybierz nowe zdjęcie z biblioteki

W bibliotece widoczne są miniatury wszystkich wgranych zdjęć. Kliknij dowolne — zostanie ono natychmiast podmienione na stronie.

3

Lub wgraj nowe zdjęcie

Kliknij w strefę „Kliknij, aby wgrać" albo przeciągnij plik z komputera na tę strefę. Pasek postępu pokaże stan wgrywania. Po zakończeniu zdjęcie pojawi się w bibliotece i możesz je od razu wybrać.

Wstawianie zdjęcia w treść tekstu

1

Kliknij w tekst w miejscu, gdzie ma pojawić się zdjęcie

Ustaw kursor (miejsce wpisywania) dokładnie tam, gdzie chcesz wstawić zdjęcie — np. między akapitami.

2

Kliknij ikonę zdjęcia na pasku narzędzi

Pojawi się Biblioteka Mediów. Wybierz zdjęcie lub wgraj nowe — zostanie wstawione dokładnie w miejscu kursora.

Zalecane formaty plików: JPG, PNG, WEBP. Dla przejrzystych grafik z napisami użyj PNG. Dla fotografii — JPG lub WEBP (mniejszy rozmiar pliku, lepsza jakość).

Strony serwisu

Twój serwis może składać się z wielu podstron (np. strona główna, oferta, o nas, kontakt). Wszystkimi zarządzasz z panelu bocznego w sekcji Strony serwisu.

Tworzenie nowej strony

1

Kliknij przycisk „Dodaj nową stronę"

Przycisk znajduje się w sekcji Strony serwisu w panelu bocznym. Po kliknięciu otworzy się formularz.

2

Wpisz nazwę strony

Np. O nas, Oferta, Kontakt. Adres URL (slug) zostanie wygenerowany automatycznie — np. dla nazwy „O nas" slug to o-nas.

3

Kliknij „Utwórz stronę"

Przeglądarka przejdzie automatycznie do nowo stworzonej podstrony, gdzie możesz od razu edytować jej treść.

Jak skopiować adres strony i dodać go do menu?

To jeden z najważniejszych kroków po stworzeniu podstrony — dodanie do niej linka w nawigacji, żeby odwiedzający mogli ją znaleźć. Oto jak to zrobić krok po kroku:

1

Przejdź na nowo stworzoną podstronę

Kliknij ikonę ołówka obok nazwy strony w panelu — przeglądarka przejdzie na tę podstronę.

2

Skopiuj fragment adresu z paska przeglądarki

Spójrz na pasek adresu u góry przeglądarki. Znajdziesz tam adres podobny do poniższego:

Pasek adresu przeglądarki
twojadomena.pl/index.php ?page= o-nas

Interesuje Cię tylko część po znaku ?page= — czyli w tym przykładzie: o-nas. To właśnie jest slug — unikalny identyfikator podstrony.

Aby skopiować cały fragment, możesz kliknąć na pasek adresu, zaznaczyć tekst od ?page= do końca i skopiować całość — a następnie wkleić go do pola URL w menu usuwając ręcznie część przed slugiem, lub skopiować tylko sam slug (np. o-nas).

3

Otwórz panel i przejdź do sekcji „Menu nawigacyjne"

Kliknij przycisk po lewej stronie ekranu, aby otworzyć panel boczny. Przewiń do sekcji Menu nawigacyjne.

4

Dodaj nowy element menu lub edytuj istniejący

Kliknij Dodaj element menu — pojawi się nowy wiersz z dwoma polami: Etykieta (tekst w menu, np. „O nas") i URL.

Przykład wypełnionego wiersza menu
O nas
?page=o-nas

W polu URL wpisz ?page= i zaraz po tym wklej skopiowany slug, np.:

Przykłady prawidłowych adresów URL menu:
?page=o-nas — link do podstrony „O nas"
?page=oferta — link do podstrony „Oferta"
#contact — link do sekcji na tej samej stronie
https://facebook.com/twojaprofil — link zewnętrzny
5

Kliknij „Zapisz strukturę menu"

Na dole sekcji menu kliknij przycisk Zapisz strukturę menu. Menu na stronie zaktualizuje się natychmiast — nowy link będzie widoczny w nawigacji i będzie prowadził do Twojej podstrony.

Szybszy sposób: W panelu bocznym, w sekcji Strony serwisu, przy każdej podstronie jest ikona (skopiuj link). Kliknij ją — pełny link do podstrony zostanie automatycznie skopiowany do schowka. Następnie wklej go w pole URL menu. Musisz wtedy zostawić tylko część ?page=slug lub cały adres — oba działają.

Inne operacje na stronach

Ikona Akcja Opis
Edytuj stronę Przejdź na tę podstronę, aby edytować jej treść.
Zmień nazwę Edytuje nazwę strony widoczną w panelu (nie zmienia adresu URL).
Kopiuj link Kopiuje pełny adres URL podstrony do schowka.
Usuń stronę Trwale usuwa podstronę wraz z jej treścią. Tej operacji nie można cofnąć — system poprosi o potwierdzenie.
Strony głównej nie można usunąć — nie ma przy niej przycisku usuwania. Można usunąć tylko podstrony (te z adresem ?page=…).

Sekcje strony

Każda strona składa się z sekcji (bloków): Hero, Usługi, O nas, Kontakt itd. Możesz zmienić ich kolejność oraz ukryć wybrane sekcje.

Kontrolki sekcji ( ) pojawiają się w prawym górnym rogu każdej sekcji wyłącznie w trybie edycji — odwiedzający ich nie widzą.
Przycisk Działanie
Przesuwa sekcję w górę lub w dół — zmienia kolejność bloków na stronie. Zmiana zapisuje się automatycznie.
Ukrywa sekcję — odwiedzający jej nie zobaczą, ale Ty zobaczysz ją wyszarzoną z napisem „SEKCJA UKRYTA". Kliknij ponownie , aby ją z powrotem pokazać.
Jeśli chcesz tymczasowo ukryć np. sekcję „Kontakt" podczas przebudowy formularza, skorzystaj z funkcji ukrywania zamiast usuwania treści. W każdej chwili możesz ją z powrotem pokazać.

Zapisywanie zmian

System obsługuje dwa tryby zapisu:

Autozapis — działa automatycznie

2 sekundy po każdej zmianie (wpisaniu tekstu, sformatowaniu, wstawieniu zdjęcia) system automatycznie zapisuje Twoje zmiany na serwerze. Nie musisz nic klikać.

Status autozapisu widoczny jest pod przyciskiem „Zachowaj zmiany" w panelu bocznym:

  • Niezapisane zmiany… — trwa odliczanie 2 sekund
  • Zapisywanie… — trwa wysyłanie do serwera
  • ✓ Autozapis o 14:23 — zapisano pomyślnie
  • ✗ Błąd autozapisu — coś poszło nie tak (sprawdź połączenie)

Ręczny zapis — przycisk „Zachowaj zmiany na stronie"

W panelu bocznym, w sekcji Panel Edycji, dostępny jest przycisk ręcznego zapisu. Możesz go użyć w każdej chwili, np. gdy chcesz mieć pewność, że zmiany zostały zapisane przed zamknięciem przeglądarki.

Jeśli stracisz połączenie z internetem w trakcie edycji, autozapis może nie zadziałać. W takim przypadku po przywróceniu połączenia kliknij ręcznie Zachowaj zmiany na stronie.

SEO — ustawienia dla wyszukiwarek

Sekcja Ustawienia SEO (Meta) w panelu pozwala ustawić informacje, które Google i inne wyszukiwarki wyświetlają w wynikach wyszukiwania.

Pole Co wpisać Przykład
Tytuł strony Krótki, opisowy tytuł strony (do 60 znaków). Pojawi się w karcie przeglądarki i wynikach Google. Studio Marka — Agencja brandingowa Warszawa
Opis (Description) Krótki opis strony (do 155 znaków). To tekst wyświetlany pod tytułem w Google. Projektujemy identyfikacje wizualne i strony internetowe dla ambitnych marek.
Słowa kluczowe Słowa kluczowe oddzielone przecinkami (opcjonalne — Google już nie przykłada do nich dużej wagi). agencja brandingowa, logo, strona internetowa

Po uzupełnieniu pól kliknij Zapisz ustawienia strony na dole sekcji ustawień.

Komunikat Cookies i okno PopUp

Komunikat o cookies (ciasteczkach)

Wymagany przez prawo komunikat informujący odwiedzających o używaniu plików cookie. Po jednorazowym zaakceptowaniu przez użytkownika, nie wyświetla się ponownie.

1

Włącz komunikat suwakiem

W panelu bocznym, w sekcji Komunikat Cookies, przesuń suwak w prawo, aby aktywować pasek cookies.

2

Wpisz treść komunikatu

Np.: „Ta strona używa plików cookie w celu zapewnienia najlepszej jakości usług."

3

Zapisz ustawienia

Kliknij Zapisz ustawienia strony. Komunikat pojawi się na dole strony dla wszystkich nowych odwiedzających.

Okno PopUp

Okno wyskakujące automatycznie pojawia się raz na sesję (raz na wizytę). Możesz w nim umieścić dowolny tekst lub promocję.

1

Włącz okno PopUp suwakiem

2

Wpisz treść okna

Możesz wpisać zwykły tekst lub kod HTML (np. przycisk, zdjęcie). Np.:
<h2>Promocja!</h2><p>Zadzwoń i odbierz rabat 20%</p>

3

Zapisz ustawienia

Zmiana hasła logowania

1

Otwórz sekcję „Zmiana hasła logowania" w panelu

2

Wpisz aktualne hasło w polu „Stare hasło"

Jest to konieczne jako potwierdzenie tożsamości.

3

Wpisz nowe hasło i kliknij „Aktualizuj hasło"

Nowe hasło będzie wymagane przy następnym logowaniu.

Zapamiętaj nowe hasło! Jeśli je zapomnisz, jego odzyskanie będzie wymagało dostępu do serwera (pliku konfiguracyjnego). Zalecamy użycie menedżera haseł (np. Bitwarden, 1Password).

Wróć do strony i zacznij edytować

  Wróć do strony głównej