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.
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ą.
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.
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
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.
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
- Otwórz panel administracyjny WordPress.
- Przejdź do punktu poradnika, który dotyczy konkretnej zmiany.
- Wykonuj kolejne działania spokojnie, krok po kroku.
- Po zakończeniu sprawdź efekt na stronie.
- Na końcu zapisz lub opublikuj zmiany.
Zanim wprowadzisz większą zmianę, skopiuj starą treść do notatnika lub dokumentu.
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.
Jak się zalogować
- Wpisz swoją nazwę użytkownika lub adres e-mail.
- Wpisz hasło przypisane do konta.
- Kliknij przycisk Zaloguj się.
- Po poprawnym zalogowaniu zostaniesz przeniesiony do panelu administracyjnego.
Co zrobić w przypadku problemu z hasłem
- Kliknij link Nie pamiętasz hasła?.
- Wpisz nazwę użytkownika lub adres e-mail przypisany do konta.
- Sprawdź skrzynkę pocztową.
- Kliknij link do ustawienia nowego hasła.
- Ustaw nowe hasło i zaloguj się ponownie.
Jeśli nie masz dostępu do skrzynki e-mail powiązanej z kontem, najlepiej skontaktować się z administratorem strony lub wykonawcą.
Jak poruszać się po panelu WordPress
Po zalogowaniu zobaczysz panel administracyjny, czyli miejsce, z którego zarządza się treścią strony.
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.
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.
Jak bezpiecznie edytować stronę
Przy zwykłej obsłudze strony najlepiej skupiać się na treści, zdjęciach, linkach i podstawowych danych kontaktowych.
O czym pamiętać przed rozpoczęciem zmian
- Określ, jaki element chcesz zmienić.
- Sprawdź, na której podstronie znajduje się ten element.
- Wejdź do odpowiedniej sekcji w WordPressie.
- Przed zapisaniem zmian upewnij się, że edytujesz właściwe miejsce.
- 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ć.
Nawet niewielka zmiana odstępów, szerokości lub ustawień mobilnych może sprawić, że strona zacznie wyglądać gorzej na telefonie.
Jak edytować treść na podstronach
Jedną z najczęstszych czynności wykonywanych na stronie firmowej jest zmiana treści na podstronach.
Jak znaleźć odpowiednią stronę do edycji
- W lewym menu kliknij Strony.
- Na liście odszukaj podstronę, którą chcesz zmienić.
- Najedź kursorem na jej nazwę.
- Kliknij Edytuj.
Jak zmienić tekst
- Otwórz właściwą podstronę w edytorze.
- Kliknij bezpośrednio w tekst, który chcesz zmienić.
- Usuń fragment treści albo dopisz nowy tekst.
- Sprawdź, czy treść wygląda poprawnie.
Jak dodać nowy akapit
- Kliknij w miejsce, w którym chcesz dopisać tekst.
- Ustaw kursor na końcu akapitu.
- Naciśnij Enter.
- 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
- Zaznacz tekst, który ma być linkiem.
- Kliknij ikonę linku w pasku narzędzi bloku.
- Wpisz lub wklej właściwy adres.
- Zatwierdź zmianę.
Jak zapisać zmiany
- Przeczytaj jeszcze raz edytowaną treść.
- Sprawdź, czy nic nie zostało przypadkowo usunięte.
- Kliknij Zaktualizuj lub Opublikuj.
- Otwórz podgląd strony i sprawdź efekt.
Gutenberg i bloki Spectra 3 – podstawy
Treść strony w WordPressie nie jest zapisana jako jeden długi dokument, lecz jako zestaw oddzielnych bloków.
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
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.
Jeśli nie masz pewności, nie usuwaj bloku. W wielu sytuacjach bezpieczniej jest zostawić sekcję bez zmian.
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.
Jak dodać obraz do biblioteki mediów
- W lewym menu WordPress kliknij Media.
- Wybierz opcję dodania nowego pliku.
- Przeciągnij zdjęcie do okna albo kliknij przycisk wyboru pliku.
- Poczekaj, aż plik zostanie przesłany.
Jak podmienić zdjęcie na stronie
- Przejdź do zakładki Strony i otwórz właściwą podstronę.
- Kliknij zdjęcie, które chcesz zmienić.
- Wybierz opcję zamiany lub podmiany obrazu.
- Wskaż nowe zdjęcie z biblioteki mediów albo wgraj nowy plik.
- 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ć
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.
Jak zmieniać podstawowe dane firmy na stronie
Na stronie firmowej bardzo często pojawia się potrzeba szybkiej aktualizacji podstawowych informacji o firmie.
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
- Przejdź do strony, na której znajduje się numer telefonu.
- Kliknij blok z numerem telefonu albo blok przycisku kontaktowego.
- Zmień widoczny numer telefonu.
- Jeśli numer jest podlinkowany, sprawdź również adres linku.
- 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.
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.
Gdzie znaleźć wpisy w WordPress
- W lewym menu kliknij Wpisy.
- Przejrzyj listę istniejących artykułów lub aktualności.
- Aby dodać nowy materiał, kliknij Dodaj nowy.
- Aby edytować istniejący wpis, kliknij Edytuj.
Jak dodać nowy wpis
- Kliknij Dodaj nowy.
- Wpisz tytuł artykułu.
- Dodaj treść wpisu w edytorze blokowym.
- Uzupełnij obrazek wyróżniający i kategorię.
- 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.
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.
Gdzie znajduje się edycja menu
- W lewym menu WordPress kliknij Wygląd.
- Przejdź do sekcji związanej z menu.
- Wybierz odpowiednie menu, jeśli na stronie istnieje więcej niż jedno.
- 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.
Formularz kontaktowy i dane kontaktowe
Formularz kontaktowy to jeden z najważniejszych elementów strony firmowej.
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
- Wejdź na stronę z formularzem kontaktowym.
- Wypełnij wszystkie wymagane pola.
- Wyślij krótką wiadomość testową.
- Sprawdź, czy pojawił się komunikat o poprawnym wysłaniu wiadomości.
- 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.
Najczęstsze błędy podczas edycji strony
Większości problemów można łatwo uniknąć, jeśli znasz kilka typowych błędów.
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.
Najbezpieczniej jest wprowadzać jedną większą zmianę na raz, a potem od razu sprawdzać jej efekt.
Czego nie zmieniać samodzielnie
Nie każdy element strony warto zmieniać bez odpowiedniej wiedzy.
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.
Jeśli nie wiesz, do czego służy dany element, ustawienie albo przełącznik, najlepiej go nie zmieniać.
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.
Najpierw zatrzymaj dalszą edycję
- Zatrzymaj dalsze zmiany.
- Nie usuwaj kolejnych elementów bez potrzeby.
- Nie zapisuj nowych testowych poprawek, jeśli nie masz pewności, co robisz.
- 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.
Kontakt i wsparcie
Większość podstawowych zmian na stronie internetowej możesz wykonać samodzielnie, ale czasami lepiej skorzystać ze wsparcia.
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.
Korzystaj z poradnika krok po kroku, pracuj spokojnie i po każdej większej zmianie sprawdzaj efekt na gotowej stronie.
