Jak uruchomić stronę na WordPress i Astratic?

Astratic to motyw oparty o edytor wizualny Gutenberg oraz natywne funkcje WordPress. Jest stworzony do budowania stron internetowych. Oto instrukcja krok po kroku jak uruchomić stronę na WordPressie i Astratic.

Instalacja motywu w WordPress

Motyw odpowiada za wygląd, czyli wizualną część strony w WordPressie. Możesz skorzystać z darmowych motywów. Ich zaletą jest to, że nie mają skomplikowanej konfiguracji, ponieważ zawierają mało opcji. Świetnie sprawdzą się dla osób, które zaczynają tworzenie stron internetowych. Płatne motywy mają już bardziej rozbudowane opcje, a także sam wygląd. Dlatego konfiguracja jest nieco trudniejsza. W przypadku płatnych motywów, otrzymujesz w jego cenie darmowe wsparcie twórcy. Są także regularnie aktualizowane. Dzięki temu zwiększa się bezpieczeństwo strony internetowej.

  • W panelu administratora przejdź do zakładki: Wygląd > Motywy
  • Następnie przejdź do opcji: Dodaj motyw
  • Możesz skorzystać z wyszukiwarki w górnym okienku: Szukaj motywu
screenshot ekranu z instalacją motywu
  • Możesz wyszukiwać motywów pod względem tematu, właściwości czy układu w wyszukiwarce Filtr właściwości
Filtr właściwości

Przed zainstalowaniem skorzystaj z opcji Podglądu na żywo, aby ocenić czy dany motyw Ci odpowiada pod względem wizualnym.

  • Kliknij Zainstaluj Instalacja rozpocznie się automatycznie. Motyw będzie dostępny z panelu > Motywy i gotowy do edycji (pojawi się opcja Dostosuj).

Istnieje możliwość zainstalowania własnego motywu WordPress np. Astratic, oto jak to zrobić:

  • W panelu administratora przejdź do zakładki: Wygląd > Motywy
  • Po kliknięciu Dodaj nowy motyw w górnej części pojawi się opcja Wyślij motyw na serwer
  • Po kliknięciu pojawi się okienko z opcją załadowania pliku z motywem (.zip) i przesłania go na serwer.
Przesyłanie pliku na serwer
  • Instalacja rozpocznie się automatycznie. Motyw będzie dostępny z panelu Motywy i gotowy do edycji (pojawi się opcja Dostosuj).

Ważne! Pamiętaj o robieniu kopii zapasowej przed wprowadzeniem jakichkolwiek zmian. Dzięki temu chronisz swoją dotychczasową pracę. Rób aktualizacje motywu za każdym razem kiedy zostają wprowadzane zmiany.

Jak skonfigurować Astratic wstępnie – kolory, fonty, logo, favicon?

W panelu administratora ustawisz najważniejsze elementy takie jak czcionki, kolory, logo i favicon. 

Wszystkie najważniejsze elementy znajdują się właśnie w tym miejscu. Aby zmienić ustawienia kolorów, czcionek lub wstawić logo należy przejść do menu bocznego i wybrać Wygląd > Dostosuj

Wybierz wygląd>dostosuj z menu bocznego

Po kliknięciu dostosuj pojawi się menu (po lewej stronie), gdzie ustawisz wszystkie najważniejsze elementy strony – tożsamość witryny, kolorystyka, typografia.

Menu boczne

Tożsamość witryny

To Tytuł witryny (nazwa strony internetowej), Opis witryny (informacja o tym co znajduje się na stronie, warto zawrzeć słowa kluczowe), Logo (plik graficzny, który widnieje w nagłówku strony), Ikona witryny (favicon pojawia się przed adresem w polu adresowym przeglądarki internetowej lub na karcie z otwartą stroną www).

Kolorystyka

W zakładce kolorystyka znajdziesz ustawienia kolorów nagłówków, tła witryny, przycisków, odnośników.

Ustawienia kolorystyki witryny

Typografia

W tym miejscu ustawisz typ i rozmiar czcionki dla nagłówków, tekstu, menu.

ustawienia rozmiaru czcionki

Ustawienie permalinków w WordPressie

Permalink (link bezpośredni) to adres URL, który widzisz i używasz dla dowolnego posta, strony lub innych elementów treści w Twojej witrynie. 

WordPress używa domyślnie struktury permalinku, która nie jest przyjazna SEO. W łatwy sposób możesz zmienić strukturę linków bezpośrednich tworząc przyjazne permalinki (pełnią ważną rolę w pozycjonowaniu twojej strony w wynikach wyszukiwania).

Jak ustawić przyjazne permalinki w WordPressie?

W panelu administratora:

  • Przejdź do menu po lewej stronie i zakładki Ustawienia > permalinki
  • Wybierz i zaznacz opcję Własny format i wpisz /%postname%/
  • Zapisz nowe ustawienia i gotowe przyjazne linki będą działać od razu
ustawienia permalinki

Usunięcie treści demo

WordPress zainstalowany i co dalej? W tym wpisie przedstawię kroki, które warto wykonać po instalacji  czystego WordPressa.

Usuń przykładowe wpisy i strony

Po zainstalowaniu WordPressa pojawią się przykładowe treści w twojej witrynie. W zakładce > Wpisy widoczny będzie pierwszy post o nazwie ,,Witaj świecie”, natomiast w zakładce > Strony widnieje podstrona o nazwie „Przykładowa strona”. Wszystkie te treści możesz wykasować i zastąpić własnymi.

Aby usunąć pierwszy wpis przejdź do zakładki > Wpisy w panelu administratora, skieruj na niego kursor, a następnie kliknij > Kosz

Przykładowy wpis

Pod przykładowym wpisem widnieje pierwszy komentarz ,,Cześć, to jest komentarz. Aby rozpocząć moderowanie, edycję i usuwanie komentarzy, przejdź do ekranu Komentarze na pulpicie nawigacyjnym.”

Komentarz

Jeśli na twojej stronie nie ma jeszcze opublikowanej żadnej treści, możesz wyłączyć funkcję komentowania postów. Aby to zrobić musisz przejść do panelu administratora WordPress:

  • Wybierz Ustawienia > Dyskusja 
  • Odznacz >Zezwól na komentowanie nowych wpisów
  • Zapisz

Usunięcie motywów domyślnie zainstalowanych

Motyw domyślny WordPress to szablon, który jest automatycznie dodawany podczas pierwszej instalacji systemu.

Możesz w każdej chwili zmienić go na inny instalując nowy szablon. 

Aby usunąć motyw domyślnie zainstalowany w WordPress musisz przejść do panelu administratora. Następnie wybrać zakładkę Wygląd > Motywy > Szczegóły motywu, a następnie „Usuń szablon”. Jeśli motyw, który chcesz usunąć, jest aktywny i wyświetla się w Twojej witrynie, musisz aktywować inny motyw, ponieważ WordPress nie pozwala na usunięcie aktywnego.

usuwanie motywu

Włączenie / wyłączenie indeksowania przez wyszukiwarki

Indeksowanie stron to dodawanie ich do wyszukiwarki. Aby strona internetowa wyświetlała się w wynikach wyszukiwania, musi ona zostać zaindeksowana przez Google.

Sprawdź czy Twoja strona jest indeksowana

Jak sprawdzić czy strona została już zawarta w bazie Google? Jest na to prosty sposób, wystarczy wpisać do wyszukiwarki frazę: site:adres_strony

Jeśli strona nie jest uwzględniona w bazie wyszukiwarki należy sprawdzić blokadę indeksowania w WordPressie.

W panelu administratora w menu po lewej stronie, przejdź do Ustawienia > Czytanie > Widoczność dla wyszukiwarek. Upewnij się, że opcja Proś wyszukiwarki o nieindeksowanie tej witryny nie jest zaznaczona.

wyłączanie indeksowania witryny

Instalacja i aktywacja wtyczki Yoast SEO

Wtyczka Yoast SEO to jedna z najpopularniejszych wtyczek dla stron internetowych WordPress. To sprytne narzędzie, które pozwala osiągnąć najlepsze pozycje w wyszukiwarkach.

Aby ją zainstalować, przejdź do panelu administracyjnego WordPressa i wybierz: Wtyczki > Dodaj nowe > Wyszukaj wtyczkę Yoast SEO i zainstaluj.

Dodaj nową wtyczkę

Po zakończeniu instalacji aktywuj wtyczkę aby ją uruchomić. Aktywację lub dezaktywację wtyczki wykonasz wybierając w menu Wtyczki > Zainstalowane wtyczki.

zainstalowane wtyczki

Po zainstalowaniu i aktywacji wtyczki Yoast SEO możesz rozpocząć tworzenie treści i ich publikowanie na stronie internetowej.

Tworzenie podstron głównych

Tworzenie podstron głównych w WordPressie jest bardzo prostym procesem. Oto instrukcja krok po kroku jak to zrobić. Aby dodać nową podstronę w panelu administratora:

  • Przejdź do zakładki Strony > Dodaj nową
  • Dodaj tytuł strony. Możesz dodać treść, zdjęcia/grafiki i inne elementy za pomocą bloków edytora WordPress.
  • Opublikuj.
dodaj stronę

Tworzenie menu głównego i jego konfiguracja

Aby stworzyć menu główne przejdź do panelu administratora WordPress:

  • Wybierz zakładkę Wygląd > Menu 
  • Wybierz z listy podstronę, którą chcesz dodać do menu i kliknij przycisk Dodaj do menu
Dodaj menu

Kolejność stron w menu możesz dowolnie zmieniać (wystarczy przesunąć w górę lub dół).

W ustawieniach menu, w części Wyświetl lokalizację, zaznacz odpowiedni rodzaj menu, np. Nawigacja główna jeśli menu ma się wyświetlać na górze strony.

wyświetl lokalizację

Każdy element dodany do menu można dostosować do własnych potrzeb. W tym celu należy kliknąć w strzałkę znajdującą się w prawym rogu belki z nazwą tego elementu. Rozwinie się formularz pozwalający na: zmianę etykiety nawigacji, przeniesienie odnośnika w inne miejsce listy lub usunięcie odnośnika

Gotowe menu możesz zapisać > Zapisz menu

Posty, kategorie, tagi

Dodawanie treści w WordPressie jest bardzo proste. Jedną z najważniejszych form dodawania treści w tym systemie CMS są wpisy (posty). Wpisom można przyporządkować daty publikacji, autora, tagi i kategorie.

Jak dodać wpis w WordPressie?

  • W panelu administratora przejdź do menu po lewej stronie, kliknij Posty > Dodaj nowe
  • Dodaj tytuł oraz treść.
dodaj nowy post
  • Przypisz wpis do wybranej kategorii i oznacz tagiem, ustaw obrazek wyróżniający oraz możliwość komentowania wpisu (w menu po prawej stronie).
zezwalaj na komentarze
  • Gotowy wpis opublikuj lub zapisz jako szkic (wstępnie zredagowany wpis).

Tagi i kategorie we wpisach

Kategorie i tagi pełnią ważną funkcję w postach. Służą do ich porządkowania na blogu/stronie. Dzięki nim zarówno użytkownicy odwiedzający stronę jak i administrator systemu, mogą szybko odszukać interesujące ich treści. Tagi i kategorie można dodawać zarówno z poziomu wpisu (w pasku bocznym) jak i w głównym menu panelu administratora: Wpisy >Tagi, Wpisy > Kategorie

Jak poprawnie stosować tagi i kategorie?

  • Tagi nie powinny się pokrywać z kategoriami, powinny się wzajemnie uzupełniać.
  • Wybierz tagi związane z tematyką posta.
  • Nie oznaczaj takim samym tagiem wszystkich wpisów/artykułów.
  • Dodawanie wpisów do kategorii jest wskazane.

Konfiguracja wyglądu postów i kategorii w Astratic

Customizer to miejsce, w którym dostosujesz swoją witrynę WordPress. Możesz ​​dokonać zmiany wielu elementów, takich jak: kolory strony, czcionki, logo. Znajdują się tam także inne opcje, które warto wykorzystać konfigurując swoją stronę, jak: ustawienia dla bloga, które pozwalają zmieniać jego wygląd. Należy przejść do menu bocznego i wybrać Wygląd > Dostosuj

ustawienia bloga

Po kliknięciu dostosuj pojawi się menu (po lewej stronie), wybierz > Ustawienia Bloga, następnie > Ustawienia Wpis 

ustawienia bloga

Ustawienia dotyczą widoku wpisu, w tym miejscu decydujesz, które informacje pojawią się w opublikowanym wpisie (zdjęcie i nazwa autora, data publikacji, tagi i kategoria wpisu).

Tworzenie bloków wielokrotnego użytku

Edytor Gutenberg daje użytkownikowi możliwość tworzenia bloków wielokrotnego użytku. Są one niezastąpione, gdy pewne bloki muszą być regularnie dodawane do konkretnej strony lub typu postu. 

Co to są bloki wielokrotnego użytku?

Są to bloki, które raz konfigurujesz, zapisujesz i możesz ponownie wykorzystać w innych postach czy stronach WordPress bez konieczności ich ponownej edycji. Może to być określony układ treści i grafik np. powtarzające się formularze, przyciski wezwania do działania (CTA).

Jak utworzyć blok wielokrotnego użytku?

To bardzo proste. Oto instrukcja krok po kroku jak to zrobić:

  • Stwórz dowolny blok, np. call-to action, następnie kliknij na trzy kropki w menu bloków i wybierz opcję dodaj do bloków wielokrotnego użytku. 
Menu WordPress
  • Uzupełnij nazwę nowego bloku w celu późniejszego odnalezienia go i ponownego użycia.

Jak korzystać z bloków wielokrotnego użytku?

Kliknij ikonkę plusa i wybierz sekcję Reusable wyświetlą się wszystkie bloki wielokrotnego użytku. Po wybraniu odpowiedniego bloku możesz przystąpić do jego edycji. Jednak pamiętaj, że wprowadzenie zmian w bloku wielokrotnego użytku powoduje zmiany wszędzie tam, gdzie dany szablon jest wykorzystany.

Menu WordPress

Jak stworzyć stronę z listą postów? 

W WordPress istnieje możliwość stworzenia strony zawierającej wpisy. Doskonałym przykładem jest strona „blogowa” zawierająca wszystkie posty ułożone według dat. Jak stworzyć taką stronę? 

W edytorze Gutenberg znajduje się blok Query Loop, który pozwala wyświetlić wpisy lub strony. Korzystając z określonych funkcji bloku Query Loop, możesz dostosować stronę pod względem projektu, układu, struktury. 

Jak korzystać z pętli zapytań?

Kliknij element wstawiający (+) i w menu bloków wybierz blok Query Loop. Składa się on z dwóch elementów:

  • Pętla zapytania
  • Szablon wpisu
Blok petli zapytań

Pętla zapytania

Pętla zapytania (ang. Query Loop) określa jakie wpisy, w jakiej ilości oraz kolejności zostaną wyświetlone, np. 6 ostatnich wpisów bloga.

Ustawienia w pasku górnym

  • Items per page – określa ile wpisów na stronę wyświetlić
  • Offset – określa od którego wpisu zacząć wyświetlanie (pozwala pominąć początkowe wpisy)
  • Max page to show – określa ile stron wyświetlić
  • List/grid view – widok listy (list view) to wyświetlenie wpisów jeden pod drugim. Widok siatki (grid view)to wyświetlenie wpisów w formie wierszy i kolumn. Liczbę kolumn siatki możesz ustawić w pasku bocznym.

Ustawienia w pasku bocznym

  • Kolor
  • Typ posta (post, strona, produkt, dokument)
  • Kolumny
  • Sortuj według (kolejność wyświetlania wpisów)
  • Posty przyklejane (posty na blogu mogą być „przyklejane”, dzięki funkcji, która umieszcza je na górze pierwszej strony postów i utrzymuje je tam do momentu opublikowania nowych postów przyklejonych)
  • Filtry (kategorie, tagi, autor, słowo kluczowe) wyświetlenie wpisów tylko z wybranej kategorii, tagu, danego autora lub zawierających określone słowa kluczowe.

Szablon wpisu

Szablon wpisu (ang. Post Template) określa jakie elementy wpisu zostaną wyświetlone i w jak będą ułożone, np. obrazek wyróżniający, tytuł wpisu, datę wpisu, fragment wpisu. Możesz dowolnie zmieniać ich kolejność.

Stronicowanie wpisów

Jeśli chcesz wyświetlić więcej wpisów, warto dodać kolejny blok – stronicowanie zapytań (Query Pagination). Dzięki temu wpisy zostaną podzielone na podstrony.

Jeśli chcesz wyświetlić więcej wpisów, warto dodać kolejny blok – stronicowanie zapytań (Query Pagination). Dzięki temu wpisy zostaną podzielone na podstrony.

paginacja

Potrzebujesz pomocy?

Dziękujemy!

Odpowiemy na Twoją wiadomość tak szybko jak to możliwe

Potrzebujesz pomocy? support-icon