Instrukcja obsługi strony

Jak samodzielnie edytować stronę internetową w WordPress

Ten poradnik został przygotowany dla klientów, którzy chcą samodzielnie wprowadzać podstawowe zmiany na stronie internetowej wykonanej w WordPress z użyciem edytora Gutenberg i bloków Spectra 3.

Najczęściej szukane
Jak zmienić tekst Przejdź od razu do edycji treści na podstronach.
Jak zmienić zdjęcie Zobacz, jak dodać plik i podmienić obraz na stronie.
Jak zmienić numer telefonu lub e-mail Sprawdź, gdzie zwykle znajdują się dane kontaktowe.
Jak dodać wpis blogowy Przejdź do sekcji o wpisach i aktualnościach.
Jak zmienić menu strony Zobacz, jak dodawać i usuwać pozycje w menu.
Potrzebujesz pomocy? Przejdź do sekcji kontakt i wsparcie.
Ważna informacja

Poradnik pokazuje najczęstsze zmiany, które możesz wykonać samodzielnie. Jeśli nie masz pewności, co robi dany element, nie zapisuj zmian i skontaktuj się ze mną.

1

O tym poradniku

Ten poradnik pomoże Ci bezpiecznie i wygodnie wprowadzać podstawowe zmiany na stronie internetowej. Został przygotowany z myślą o prostych stronach firmowych opartych na WordPressie.

Nie musisz znać się na programowaniu. W większości przypadków wystarczy wiedzieć, gdzie kliknąć, jak zmienić treść i jak zapisać gotowe zmiany.

[zdjęcie: widok panelu WordPress po zalogowaniu, z zaznaczonym menu po lewej stronie oraz obszarem edycji strony]

Dla kogo jest ta instrukcja

Poradnik jest przeznaczony dla właścicieli stron internetowych oraz osób, które aktualizują treści na stronie firmowej.

  • zmiana tekstów,
  • podmiana zdjęć,
  • aktualizacja danych kontaktowych,
  • dodawanie wpisów,
  • drobne poprawki bez angażowania wykonawcy strony.

Jakie zmiany możesz wykonywać samodzielnie

Treści na podstronach Możesz edytować nagłówki, akapity, listy, linki oraz krótkie opisy.
Zdjęcia i grafiki Możesz dodawać nowe pliki do biblioteki mediów i podmieniać obrazy.
Dane kontaktowe Możesz zmieniać numer telefonu, adres e-mail, adres firmy czy godziny otwarcia.
Wpisy i aktualności Możesz dodawać nowe wpisy, edytować istniejące i publikować aktualności.

Czego lepiej nie zmieniać bez konsultacji

  • globalnych ustawień motywu,
  • ustawień wyglądu całego układu strony,
  • konfiguracji wtyczek,
  • aktualizacji WordPressa, motywu i rozszerzeń,
  • elementów, których działania nie jesteś pewny lub pewna.
Ważne

Jeśli nie masz pewności, do czego służy dany blok, ustawienie lub przycisk, najlepiej nie zapisuj zmian od razu. Bezpieczniej jest przerwać edycję i skonsultować się z osobą, która wykonywała stronę.

Jak najlepiej korzystać z tego poradnika

  1. Otwórz panel administracyjny WordPress.
  2. Przejdź do punktu poradnika, który dotyczy konkretnej zmiany.
  3. Wykonuj kolejne działania spokojnie, krok po kroku.
  4. Po zakończeniu sprawdź efekt na stronie.
  5. Na końcu zapisz lub opublikuj zmiany.
[zdjęcie: widok strony internetowej otwartej równolegle z panelem WordPress, pokazujący wygodną pracę krok po kroku]
Dobra praktyka

Zanim wprowadzisz większą zmianę, skopiuj starą treść do notatnika lub dokumentu.

Powrót do spisu treści

2

Logowanie do panelu WordPress

Aby wprowadzać zmiany na stronie internetowej, najpierw musisz zalogować się do panelu administracyjnego WordPress.

Najczęściej panel logowania znajduje się pod adresem twojadomena.pl/wp-admin albo twojadomena.pl/wp-login.php.

[zdjęcie: ekran logowania do WordPress z polami login i hasło]

Jak się zalogować

  1. Wpisz swoją nazwę użytkownika lub adres e-mail.
  2. Wpisz hasło przypisane do konta.
  3. Kliknij przycisk Zaloguj się.
  4. Po poprawnym zalogowaniu zostaniesz przeniesiony do panelu administracyjnego.

Co zrobić w przypadku problemu z hasłem

  1. Kliknij link Nie pamiętasz hasła?.
  2. Wpisz nazwę użytkownika lub adres e-mail przypisany do konta.
  3. Sprawdź skrzynkę pocztową.
  4. Kliknij link do ustawienia nowego hasła.
  5. Ustaw nowe hasło i zaloguj się ponownie.
Ważne

Jeśli nie masz dostępu do skrzynki e-mail powiązanej z kontem, najlepiej skontaktować się z administratorem strony lub wykonawcą.

[zdjęcie: panel WordPress po zalogowaniu z zaznaczonym menu Strony, Wpisy i Media]

Powrót do spisu treści

3

Jak poruszać się po panelu WordPress

Po zalogowaniu zobaczysz panel administracyjny, czyli miejsce, z którego zarządza się treścią strony.

[zdjęcie: panel WordPress po zalogowaniu z widocznym lewym menu administracyjnym]

Kokpit

Kokpit to strona startowa panelu WordPress. Dla większości użytkowników nie jest miejscem codziennej pracy.

Strony

To tutaj edytujesz treści na podstronach, takich jak strona główna, oferta, kontakt czy o firmie.

[zdjęcie: lista stron w WordPress z zaznaczoną opcją „Edytuj” przy jednej z podstron]

Wpisy

Zakładka Wpisy służy do obsługi bloga, aktualności i artykułów poradnikowych.

Media

To biblioteka plików, w której znajdują się obrazy, zdjęcia, grafiki i inne pliki wgrywane do strony.

Wygląd

Tu znajdziesz ustawienia związane z motywem i menu. W tej sekcji należy działać ostrożnie.

Strony Do zmiany treści na podstronach.
Wpisy Do dodawania aktualności i wpisów blogowych.
Media Do zarządzania zdjęciami i grafikami.
Wygląd Najczęściej do menu, ale tylko ostrożnie.

Powrót do spisu treści

4

Jak bezpiecznie edytować stronę

Przy zwykłej obsłudze strony najlepiej skupiać się na treści, zdjęciach, linkach i podstawowych danych kontaktowych.

[zdjęcie: ekran edycji podstrony w WordPress z zaznaczoną treścią oraz prawym panelem ustawień bloku]

O czym pamiętać przed rozpoczęciem zmian

  1. Określ, jaki element chcesz zmienić.
  2. Sprawdź, na której podstronie znajduje się ten element.
  3. Wejdź do odpowiedniej sekcji w WordPressie.
  4. Przed zapisaniem zmian upewnij się, że edytujesz właściwe miejsce.
  5. Po każdej większej zmianie sprawdź efekt na podglądzie strony.

Edytuj treść, a nie cały układ strony

  • jeśli chcesz poprawić tekst, kliknij bezpośrednio w tekst,
  • jeśli chcesz podmienić zdjęcie, kliknij w blok obrazu,
  • jeśli chcesz zmienić przycisk, edytuj jego treść lub link,
  • nie usuwaj całych kontenerów i sekcji, jeśli nie masz pewności, za co odpowiadają.

Nie zmieniaj ustawień, których nie rozumiesz

W panelu WordPress i w ustawieniach bloków znajdziesz wiele opcji technicznych. Jeśli nie masz pewności, do czego służy dana opcja, lepiej jej nie zmieniać.

Ważne

Nawet niewielka zmiana odstępów, szerokości lub ustawień mobilnych może sprawić, że strona zacznie wyglądać gorzej na telefonie.

Powrót do spisu treści

5

Jak edytować treść na podstronach

Jedną z najczęstszych czynności wykonywanych na stronie firmowej jest zmiana treści na podstronach.

[zdjęcie: ekran edycji podstrony w WordPress z widoczną treścią i zaznaczonym blokiem tekstowym]

Jak znaleźć odpowiednią stronę do edycji

  1. W lewym menu kliknij Strony.
  2. Na liście odszukaj podstronę, którą chcesz zmienić.
  3. Najedź kursorem na jej nazwę.
  4. Kliknij Edytuj.

Jak zmienić tekst

  1. Otwórz właściwą podstronę w edytorze.
  2. Kliknij bezpośrednio w tekst, który chcesz zmienić.
  3. Usuń fragment treści albo dopisz nowy tekst.
  4. Sprawdź, czy treść wygląda poprawnie.

Jak dodać nowy akapit

  1. Kliknij w miejsce, w którym chcesz dopisać tekst.
  2. Ustaw kursor na końcu akapitu.
  3. Naciśnij Enter.
  4. Wpisz nową treść.

Jak zmienić nagłówek

Nagłówki porządkują treść i pomagają użytkownikowi szybko zorientować się, o czym jest dana sekcja.

Jak dodać listę wypunktowaną

Listy wypunktowane są bardzo przydatne, gdy chcesz zaprezentować zakres usług, etapy współpracy albo najważniejsze informacje.

Jak dodać lub zmienić link

  1. Zaznacz tekst, który ma być linkiem.
  2. Kliknij ikonę linku w pasku narzędzi bloku.
  3. Wpisz lub wklej właściwy adres.
  4. Zatwierdź zmianę.

Jak zapisać zmiany

  1. Przeczytaj jeszcze raz edytowaną treść.
  2. Sprawdź, czy nic nie zostało przypadkowo usunięte.
  3. Kliknij Zaktualizuj lub Opublikuj.
  4. Otwórz podgląd strony i sprawdź efekt.

Powrót do spisu treści

6

Gutenberg i bloki Spectra 3 – podstawy

Treść strony w WordPressie nie jest zapisana jako jeden długi dokument, lecz jako zestaw oddzielnych bloków.

[zdjęcie: ekran edytora Gutenberg z widocznymi blokami oraz zaznaczonym jednym aktywnym blokiem]

Czym są bloki

  • akapit jest osobnym blokiem tekstowym,
  • nagłówek jest osobnym blokiem nagłówka,
  • zdjęcie jest osobnym blokiem obrazu,
  • większa sekcja może być kontenerem zawierającym wiele innych bloków.

Jak rozpoznać aktywny blok

Po kliknięciu w wybrany element edytor pokazuje, że dany blok jest aktywny. Zwykle widać jego obrys albo pasek narzędzi.

Standardowe bloki Gutenberg a bloki Spectra 3

Bloki Gutenberg Podstawowe treści, takie jak akapity, nagłówki, obrazy i listy.
Bloki Spectra 3 Bardziej rozbudowane sekcje, kontenery, układy kolumn, boksy i przyciski.

Jak działa układ sekcji i kontenerów

Wiele elementów strony jest częścią większej całości. Usunięcie większego elementu może spowodować zniknięcie całego fragmentu strony.

Jak przenosić, duplikować i usuwać bloki

Rób to tylko wtedy, gdy masz pewność, że dany element nie należy do większego, uporządkowanego układu.

Ważne

Jeśli nie masz pewności, nie usuwaj bloku. W wielu sytuacjach bezpieczniej jest zostawić sekcję bez zmian.

Powrót do spisu treści

7

Jak zmieniać zdjęcia i grafiki

Zdjęcia i grafiki mają bardzo duży wpływ na odbiór strony internetowej, dlatego warto wiedzieć, jak robić to bezpiecznie.

[zdjęcie: ekran WordPress z biblioteką mediów oraz przykładowym blokiem obrazu na stronie]

Jak dodać obraz do biblioteki mediów

  1. W lewym menu WordPress kliknij Media.
  2. Wybierz opcję dodania nowego pliku.
  3. Przeciągnij zdjęcie do okna albo kliknij przycisk wyboru pliku.
  4. Poczekaj, aż plik zostanie przesłany.

Jak podmienić zdjęcie na stronie

  1. Przejdź do zakładki Strony i otwórz właściwą podstronę.
  2. Kliknij zdjęcie, które chcesz zmienić.
  3. Wybierz opcję zamiany lub podmiany obrazu.
  4. Wskaż nowe zdjęcie z biblioteki mediów albo wgraj nowy plik.
  5. Sprawdź, czy obraz wyświetla się poprawnie.

Jak przygotować zdjęcie przed wgraniem

  • przytnij zdjęcie tak, aby miało sensowne proporcje,
  • zmniejsz jego rozmiar, jeśli plik jest bardzo duży,
  • zapisz obraz w odpowiednim formacie,
  • upewnij się, że zdjęcie jest wyraźne i nieprzypadkowe.

Jakie formaty obrazów najlepiej stosować

JPG / JPEG Dobry wybór dla większości zdjęć.
PNG Przydaje się tam, gdzie ważna jest przezroczystość.
WEBP Bardzo dobry format do stron internetowych.
SVG Najczęściej używany do prostych grafik lub ikon.

Jak ustawić tekst alternatywny

Tekst alternatywny to krótki opis obrazu. Ma znaczenie dla dostępności strony i podstawowej optymalizacji treści.

Jak unikać zbyt dużych plików

Nie wgrywaj zdjęć w oryginalnym, bardzo dużym rozmiarze. Lepiej je wcześniej przygotować do internetu.

Powrót do spisu treści

8

Jak zmieniać podstawowe dane firmy na stronie

Na stronie firmowej bardzo często pojawia się potrzeba szybkiej aktualizacji podstawowych informacji o firmie.

[zdjęcie: podstrona kontakt lub strona główna z widocznym numerem telefonu, adresem e-mail i przyciskiem kontaktowym]

Gdzie najczęściej znajdują się dane firmy

  • na stronie głównej,
  • na podstronie kontakt,
  • w stopce strony,
  • w sekcji z przyciskami kontaktowymi,
  • w formularzu kontaktowym,
  • w banerze lub w górnej belce strony.

Jak zmienić numer telefonu

  1. Przejdź do strony, na której znajduje się numer telefonu.
  2. Kliknij blok z numerem telefonu albo blok przycisku kontaktowego.
  3. Zmień widoczny numer telefonu.
  4. Jeśli numer jest podlinkowany, sprawdź również adres linku.
  5. Zapisz zmianę i sprawdź efekt na stronie.

Jak zmienić adres e-mail

Adres e-mail może występować jako zwykły tekst albo jako link typu mailto:.

Jak zmienić adres firmy

Sprawdź nie tylko sam tekst, ale również mapę, link do dojazdu i ewentualne dane w stopce.

Jak zmienić godziny otwarcia

Przy zmianie godzin warto zachować ten sam styl zapisu na całej stronie.

Jak zmienić treść przycisków kontaktowych

Po zmianie przycisku zawsze kliknij go na podglądzie strony i sprawdź, czy prowadzi we właściwe miejsce.

Powrót do spisu treści

9

Jak dodawać i edytować wpisy blogowe lub aktualności

Jeśli Twoja strona ma sekcję bloga, poradników albo aktualności, możesz samodzielnie publikować nowe treści.

[zdjęcie: lista wpisów w WordPress z widocznym przyciskiem dodawania nowego wpisu]

Gdzie znaleźć wpisy w WordPress

  1. W lewym menu kliknij Wpisy.
  2. Przejrzyj listę istniejących artykułów lub aktualności.
  3. Aby dodać nowy materiał, kliknij Dodaj nowy.
  4. Aby edytować istniejący wpis, kliknij Edytuj.

Jak dodać nowy wpis

  1. Kliknij Dodaj nowy.
  2. Wpisz tytuł artykułu.
  3. Dodaj treść wpisu w edytorze blokowym.
  4. Uzupełnij obrazek wyróżniający i kategorię.
  5. Na końcu kliknij Opublikuj.

Jak dodać obrazek wyróżniający

Obrazek wyróżniający to główne zdjęcie przypisane do wpisu. Często wyświetla się na liście artykułów.

Jak przypisać kategorię

Kategorie pomagają uporządkować wpisy i grupować je według tematyki.

Jak edytować opublikowany wpis

Wejdź do zakładki Wpisy, znajdź opublikowany artykuł, kliknij Edytuj i zapisz zmiany przyciskiem Zaktualizuj.

Powrót do spisu treści

10

Jak zarządzać menu strony

Menu strony to jeden z najważniejszych elementów nawigacji. Dobrze uporządkowane menu ułatwia poruszanie się po stronie.

[zdjęcie: panel WordPress z sekcją Wygląd – Menu oraz widoczną listą pozycji menu]

Gdzie znajduje się edycja menu

  1. W lewym menu WordPress kliknij Wygląd.
  2. Przejdź do sekcji związanej z menu.
  3. Wybierz odpowiednie menu, jeśli na stronie istnieje więcej niż jedno.
  4. Sprawdź aktualny układ pozycji przed rozpoczęciem zmian.

Jak dodać nową pozycję do menu

Dodaj stronę z listy dostępnych elementów i ustaw ją w odpowiednim miejscu.

Jak zmienić kolejność elementów

W większości przypadków zmiana kolejności odbywa się przez przeciąganie elementów w górę lub w dół listy.

Jak dodać podmenu

Przeciągnij pozycję lekko w prawo pod pozycję nadrzędną i zapisz zmiany.

Jak usunąć element z menu

Usunięcie z menu nie kasuje samej strony z WordPressa – znika tylko link z nawigacji.

Powrót do spisu treści

11

Formularz kontaktowy i dane kontaktowe

Formularz kontaktowy to jeden z najważniejszych elementów strony firmowej.

[zdjęcie: formularz kontaktowy na stronie internetowej z polami imię, e-mail, wiadomość oraz przyciskiem wyślij]

Gdzie najczęściej znajduje się formularz kontaktowy

  • na podstronie kontakt,
  • na stronie głównej,
  • w sekcji z ofertą lub wyceną,
  • w stopce strony,
  • w osobnym formularzu szybkiego kontaktu.

Jak sprawdzić, czy formularz działa

  1. Wejdź na stronę z formularzem kontaktowym.
  2. Wypełnij wszystkie wymagane pola.
  3. Wyślij krótką wiadomość testową.
  4. Sprawdź, czy pojawił się komunikat o poprawnym wysłaniu wiadomości.
  5. Otwórz skrzynkę e-mail i sprawdź, czy wiadomość dotarła.

Co zrobić, gdy wiadomości nie dochodzą

  • sprawdź folder spam lub oferty,
  • upewnij się, że formularz jest przypisany do właściwego adresu e-mail,
  • wykonaj jeszcze jeden test,
  • jeśli problem się powtarza, skontaktuj się z administratorem strony.

Jak sprawdzić podstawowe dane kontaktowe

Sprawdź numer telefonu, adres e-mail, przyciski kontaktowe oraz zgodność danych w stopce i na stronie kontaktowej.

Powrót do spisu treści

12

Najczęstsze błędy podczas edycji strony

Większości problemów można łatwo uniknąć, jeśli znasz kilka typowych błędów.

[zdjęcie: ekran edytora WordPress z zaznaczonym blokiem i przykładem miejsca, w którym łatwo kliknąć niewłaściwy element]

Najczęstsze błędy

  • przypadkowe usunięcie bloku zamiast zmiany treści,
  • wgranie zbyt dużego zdjęcia,
  • zmiana układu zamiast samej treści,
  • brak zapisania zmian,
  • nieprawidłowe formatowanie po wklejeniu tekstu,
  • pozostawienie starego linku po zmianie tekstu,
  • brak sprawdzenia efektu na gotowej stronie.
Dobra praktyka

Najbezpieczniej jest wprowadzać jedną większą zmianę na raz, a potem od razu sprawdzać jej efekt.

Powrót do spisu treści

13

Czego nie zmieniać samodzielnie

Nie każdy element strony warto zmieniać bez odpowiedniej wiedzy.

[zdjęcie: panel WordPress z bardziej zaawansowanymi ustawieniami motywu, wtyczek lub wyglądu strony]

Elementy, których lepiej nie ruszać bez konsultacji

  • ustawienia motywu,
  • układ strony i zaawansowane ustawienia bloków,
  • globalne kolory i typografia,
  • wtyczki,
  • aktualizacje WordPressa, motywu i wtyczek,
  • ustawienia techniczne strony,
  • pliki, kod i dodatkowe style.
Ważne

Jeśli nie wiesz, do czego służy dany element, ustawienie albo przełącznik, najlepiej go nie zmieniać.

Powrót do spisu treści

14

Co zrobić, gdy coś przestanie działać

Nawet przy ostrożnej pracy może się zdarzyć, że po wprowadzeniu zmian coś na stronie zacznie wyglądać inaczej.

[zdjęcie: ekran strony lub edytora po zmianach z widocznym problemem, np. rozjechanym układem albo brakującym elementem]

Najpierw zatrzymaj dalszą edycję

  1. Zatrzymaj dalsze zmiany.
  2. Nie usuwaj kolejnych elementów bez potrzeby.
  3. Nie zapisuj nowych testowych poprawek, jeśli nie masz pewności, co robisz.
  4. Najpierw ustal, co dokładnie przestało działać.

Jak cofnąć prostą zmianę

Jeśli dokładnie wiesz, co zostało zmienione, możesz spróbować cofnąć tę jedną poprawkę.

Zrób zrzut ekranu i zapisz, co się stało

To bardzo pomaga zarówno Tobie, jak i osobie, która będzie rozwiązywała problem.

Kiedy od razu zgłosić problem

  • zniknęła większa część strony albo ważna sekcja,
  • układ strony wyraźnie się rozjechał,
  • formularz przestał działać,
  • menu prowadzi do złych miejsc,
  • pojawiają się komunikaty błędów technicznych.

Powrót do spisu treści

15

Kontakt i wsparcie

Większość podstawowych zmian na stronie internetowej możesz wykonać samodzielnie, ale czasami lepiej skorzystać ze wsparcia.

[zdjęcie: końcowa sekcja poradnika z przyciskiem kontaktowym, ikoną wsparcia lub prostym boksem kontaktowym]

W jakich sprawach warto się skontaktować

  • gdy układ strony się rozjechał,
  • gdy zniknęła ważna sekcja, przycisk albo obraz,
  • gdy formularz kontaktowy nie działa prawidłowo,
  • gdy menu przestało działać albo prowadzi do złych miejsc,
  • gdy nie masz pewności, czy dana zmiana jest bezpieczna.

Jak opisać problem, żeby szybciej go rozwiązać

  • na jakiej podstronie występuje problem,
  • co dokładnie nie działa albo wygląda nieprawidłowo,
  • co było zmieniane tuż przed pojawieniem się problemu,
  • czy błąd widać także na telefonie albo w innej przeglądarce,
  • czy pojawił się komunikat błędu.
Na koniec

Korzystaj z poradnika krok po kroku, pracuj spokojnie i po każdej większej zmianie sprawdzaj efekt na gotowej stronie.

Powrót do spisu treści

Przewijanie do góry