Jak edytować stronę główną WordPress (łatwo i skutecznie)

Czy chcesz utworzyć niestandardową stronę główną dla swojej witryny WordPress?

Domyślnie WordPress wyświetla posty na blogu na stronie głównej. Ale możesz chcieć, aby Strona główna witryny pokazywała coś nieco innego, na przykład stronę docelową, która podkreśla Twoje produkty, usługi itp.

W tym artykule pokażemy, jak łatwo edytować i dostosować stronę główną WordPress.

Co to jest Strona główna WordPress?

Twoja strona główna WordPress to „pierwsza strona”twojej witryny. Jest to pierwsza strona, która pojawia się, gdy użytkownik odwiedza nazwę domeny. Na przykład, jeśli wpiszesz www.wpbeginner.com w Twojej przeglądarce strona, na której wylądujesz, jest stroną główną naszej witryny:

Po co edytować stronę główną WordPress?

Jeśli zdecydowałeś się utworzyć bloga, to ma sens, aby po prostu pokazać swoje posty na blogu na stronie głównej.

Ale co, jeśli używasz WordPressa do budowy witryny dla małych firm, a nawet do prowadzenia sklepu internetowego? Następnie prawdopodobnie będziesz mieć produkty lub promocje, które chcesz wyróżnić na swojej stronie głównej.

Oto przykład strony głównej firmy, od OptinMonster. Jest to najlepsza wtyczka popup WordPress. Ich strona ma świetny blog, ale nie na tym koncentruje się ich Strona główna. Zamiast tego mają naprawdę wyraźne wezwanie do działania.

Czy chciałbyś stworzyć taką stronę główną? Być może próbowałeś już ustawić niestandardową stronę jako stronę główną w WordPress, ale starasz się, aby wyglądała dobrze.

Jeśli tak, to jesteś we właściwym miejscu.

Krok po kroku przeprowadzimy Cię przez skonfigurowanie strony głównej i dostosowanie jej do Twoich potrzeb. W ten sposób możesz zrobić świetne pierwsze wrażenie i zachęcić odwiedzających do podjęcia działań, które są najważniejsze dla misji Twojej witryny.

Może to oznaczać zakup produktu cyfrowego od Ciebie, zarejestrowanie się, aby dołączyć do swojej witryny członkowskiej lub darowiznę na kampanię zbierania funduszy.

Omówimy kilka różnych metod, których możesz użyć do utworzenia niestandardowej strony głównej WordPress.

Możesz użyć tych szybkich linków, aby przejść bezpośrednio do różnych części samouczka:

• Ustawianie strony głównej w WordPress
• Korzystanie z wbudowanych opcji szablonu do edycji strony głównej
• Korzystanie z edytora bloków do edycji strony głównej WordPress
• Używanie Beaver Builder do edycji strony głównej WordPress
• Używanie Divi do edycji strony głównej WordPress

Ustawianie strony głównej w WordPress

Domyślnie WordPress wyświetla posty na blogu na stronie głównej. Jednak większość witryn biznesowych, a nawet większość blogów, korzysta z niestandardowej strony głównej i tworzy osobną stronę bloga, aby wyświetlić swoje posty na blogu.

Zobaczmy, jak ustawić oddzielną stronę główną i stronę bloga w WordPress.

Najpierw musisz utworzyć swoją stronę, przechodząc do Strony ” Dodaj Nowy. Tytuł do domu, czy jak chcesz to nazwać, a następnie opublikuj stronę.

Pro Tip: Masz już odwiedzających Twoją stronę? Następnie możesz ustawić witrynę w trybie konserwacji podczas konfigurowania strony głównej. Alternatywnie możesz skonfigurować witrynę testową, w której możesz utworzyć stronę główną.

Teraz powtórzmy proces, aby utworzyć stronę, na której będziesz wyświetlał swoje posty na blogu. Po prostu przejdź do Strony ” Dodaj Nowy i nazwij swój nowy blog. Następnie możesz opublikować pustą stronę.

Gdy Twoje strony będą gotowe, powiedz WordPress, aby zaczął korzystać z tych stron.

Możesz to zrobić, przechodząc do Ustawienia ” Czytanie strona w obszarze administracyjnym WordPress. Następnie musisz wybrać opcję „strona statyczna” w sekcji „Wyświetlanie strony głównej”. Następnie wybierz swoje strony domowe i blogowe.

Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać swoje ustawienia.

Tip: Twój link do strony głównej to po prostu nazwa domeny, chyba że zainstalowałeś WordPress w podkatalogu.

Jednak Twoja strona główna jest nadal pusta. Zobaczmy niektóre sposoby łatwej edycji strony głównej w WordPress.

Korzystanie z wbudowanych opcji szablonu do edycji strony głównej

Niektóre z najlepszych motywów WordPress stworzą dla Ciebie projekt strony głównej, dzięki czemu możesz go łatwo edytować.

Możesz znaleźć te opcje, odwiedzając Wygląd ” Dostosuj strona w panelu WordPress. Spowoduje to uruchomienie WordPress theme customizer z podglądem na żywo Twojego motywu.

Dostosowywanie motywu ma różne opcje dla różnych motywów. Twój podgląd i dostępne opcje mogą wyglądać inaczej w zależności od używanego motywu.

Aby edytować dowolną część strony głównej, po prostu kliknij niebieską ikonę ołówka obok niej. Tutaj edytujemy obraz, tekst i przycisk u góry strony głównej.

Uwaga: Po wprowadzeniu zmian zostaną one wyświetlone w podglądzie witryny. Zmiany te nie będą dostępne w Twojej witrynie, dopóki ich nie opublikujesz.

Jeśli chcesz usunąć sekcję ze strony głównej, wystarczy kliknąć niebieską ikonę oka w lewym górnym rogu tej sekcji.

Możesz także usuwać sekcje i dodawać je z powrotem za pomocą zakładki „sekcje strony głównej” narzędzia dostosowania.

Gdy Twoja strona główna będzie zadowolona, kliknij przycisk Publikuj, aby ją uruchomić.

Oto jak wygląda nasza strona główna, na żywo na stronie:

Korzystanie z wbudowanych opcji motywu to najszybszy sposób na skonfigurowanie strony głównej. Jednak niektóre motywy mogą nie mieć wielu opcji lub możesz nie być zadowolony z wyglądu strony głównej.

Nie martw się istnieje wiele innych sposobów edycji strony głównej i nadania jej pożądanego wyglądu.

Korzystanie z edytora bloków do edycji strony głównej WordPress

Co zrobić, jeśli chcesz stworzyć swoją stronę główną od podstaw? Edytor bloków WordPress to prosty sposób na to.

Aby użyć edytora bloków, po prostu przejdź do ekranu strony i edytuj wcześniej utworzoną stronę główną.

Teraz możesz zacząć tworzyć zawartość swojej strony.

Pro Tip: Jeśli nie korzystałeś często z edytora bloków, przeczytaj nasze porady ekspertów dotyczące opanowania edytora treści WordPress. Wyjaśniamy wszystko jasno, korzystając z wielu zrzutów ekranu, aby pokazać, jak to działa.

W tej części samouczka użyjemy kilku prostych bloków, aby utworzyć podstawową stronę główną.

Najpierw dodamy wiadomość powitalną do strony. Możesz to zrobić, klikając na stronę, aby rozpocząć pisanie. WordPress automatycznie utworzy dla ciebie blok akapitów.

Jeśli chcesz powiększyć tekst, łatwo to zrobić w Ustawieniach bloku po prawej stronie. Wystarczy użyć menu rozwijanego „Preset size” pod „Text settings”.

Możesz również zmienić kolor tekstu poniżej, w sekcji „Ustawienia kolorów”.

Następnie dodamy obraz do strony. Możesz to zrobić, klikając symbol ( + ), a następnie wybierając blok obrazu. Znajdziesz go w sekcji wspólne bloki lub możesz go wyszukać za pomocą paska wyszukiwania.

Możesz wybrać obraz z biblioteki multimediów lub przesłać nowy.

Ważne: Używaj tylko obrazów znajdujących się w domenie publicznej lub na licencji CC0 lub tych, które sam stworzyłeś. Należy również zoptymalizować swoje obrazy dla sieci.

Następnie dodaliśmy kolejny blok akapitu, z tekstem Sprawdź nasze najnowsze posty tutaj.

Następnie dodaliśmy blok „najnowsze posty”, który ustawiliśmy, aby pokazać fragment postu i polecane obrazy, a także tytuły postów. Możesz dowiedzieć się więcej o najnowszym bloku postów w naszym samouczku na temat wyświetlania ostatnich postów w WordPress.

Możesz dodać tyle bloków, ile chcesz do swojej strony głównej. Możesz również użyć szablonu” pełnej szerokości „lub” bez pasków bocznych ” dla swojej strony, jeśli twój motyw GO ma. Możesz to zrobić w Ustawieniach dokumentu dla swojej strony.

W tym przykładzie używamy motywu Astra:

Po zakończeniu korzystania ze strony głównej kliknij przycisk „Publikuj” w prawym górnym rogu ekranu.

Oto jak wygląda nasza gotowa strona główna:

Co zrobić,jeśli chcesz pójść dalej ze swoją stroną główną? Jedną z opcji jest wypróbowanie niektórych z tych najlepszych wtyczek blokujących WordPress, aby dodać nowe funkcje, takie jak FORMULARZ KONTAKTOWY, referencje, recenzje i inne.

Kolejną świetną opcją jest użycie potężniejszego narzędzia do tworzenia stron dla WordPress, aby stworzyć coś, co wygląda wspaniale i profesjonalnie.

W następnej części tego samouczka omówimy dwa różne kreatory stron: Beaver Builder i Divi przez Elegant Themes.

Używanie Beaver Builder do edycji strony głównej WordPress

Beaver Builder to popularna wtyczka do tworzenia stron i jest to świetny sposób na utworzenie strony głównej.

Najpierw musisz pobrać, zainstalować i aktywować wtyczkę Beaver Builder. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Następnie możesz rozpocząć edycję swojej strony głównej. Po prostu przejdź do menu strony w WordPress i kliknij, aby edytować stronę główną, którą wcześniej stworzyliśmy.

W edytorze bloków dobrze jest przełączyć się na pustą stronę lub bez pasków bocznych pod szablonem Dokument „Atrybuty Strony” Szablon.

Używamy OceanWP do tej części samouczka. Zawiera szablon „strony docelowej”, który tworzy puste płótno, które można edytować za pomocą Kreatora Stron.

Po ustawieniu szablonu strony możesz kliknąć przycisk „Uruchom Beaver Builder” na środku ekranu, aby rozpocząć korzystanie z Beaver Builder.

Zostaniesz przeniesiony do edytora Beaver Builder. Najszybszym sposobem na zaprojektowanie strony głównej jest użycie jednego z gotowych szablonów Beaver Builder. Kliknij ikonę + w prawym górnym rogu, jeśli nie jest jeszcze zaznaczona, a następnie kliknij znacznik Szablony.

Użyjemy tego szablonu dla naszej strony.

Uwaga: Szablony nie są dostępne w wersji Lite programu Beaver Builder.

Możesz edytować wszystko, co chcesz w swoim szablonie. Po prostu kliknij na cokolwiek chcesz zmienić. Pojawi się małe okienko, w którym możesz wprowadzać zmiany. Tutaj edytujemy nagłówek naszej strony głównej (duży tekst na górze).

Zmieniliśmy nagłówek strony i tekst na przycisku pod nią:

Jeśli chcesz dodać nowe elementy do swojej strony, możesz to zrobić, dodając nowy moduł lub zupełnie nowy wiersz. Zawartość w Beaver Builder jest ułożona w wiersze, które są podzielone na kolumny.

Aby dodać wiersz lub moduł, kliknij ikonę + u góry ekranu. Następnie przeciągnij i upuść wybrany wiersz lub moduł na miejsce. Tutaj dodajemy Nowy 1 wiersz kolumny do naszej strony:

Gdy już masz wiersz na miejscu, możesz dodać do niego 1 lub więcej modułów. Mamy 1 wiersz kolumny, więc możemy dodać tylko 1 moduł. Użyjemy modułu nagłówka, przeciągając go i upuszczając na miejsce:

Możesz zmienić czcionkę i jej rozmiar, klikając kartę Styl dla modułu:

Jeśli chcesz usunąć wiersz lub moduł ze strony, po prostu przesuń kursor myszy nad nim i kliknij X, który pojawi się po lewej stronie.

Tutaj szare ikony umożliwiają edycję lub usunięcie całego wiersza, a niebieskie ikony umożliwiają edycję lub usunięcie pojedynczego modułu:

Możesz kontynuować dodawanie i zmienianie wierszy i modułów strony tak często, jak chcesz. Gdy będziesz zadowolony z tego, jak to wygląda, kliknij „Gotowe” w prawym górnym rogu.

Następnie możesz zapisać lub opublikować swoją stronę.

Oto jak nasza strona wygląda na żywo na naszej stronie:

Używanie Divi do edycji strony głównej WordPress

Divi to kolejna popularna wtyczka do tworzenia stron WordPress. Jest wyposażony w motyw WordPress i wtyczkę do tworzenia stron z dziesiątkami wspaniałych szablonów.

Możesz użyć Kreatora Stron Divi z dowolnym motywem. W tym samouczku użyjemy go z motywem Divi.

Najpierw musisz pobrać, zainstalować i aktywować motyw Divi z Elegant Themes. Obejmuje to Divi builder, więc nie musisz instalować go osobno.

Uwaga: Musisz podać swoją nazwę użytkownika i klucz API w obszarze Divi „Opcje Tematyczne” Aktualizacje w panelu WordPress. W przeciwnym razie nie będzie można uzyskać dostępu do pakietów układu.

Jeśli potrzebujesz pomocy w instalacji wtyczki, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po uruchomieniu motywu Divi i Kreatora Stron możesz skonfigurować swoją stronę główną. Najpierw przejdź do menu strony w pulpicie nawigacyjnym WordPress, a następnie Edytuj stronę główną, którą wcześniej stworzyliśmy.

Przed rozpoczęciem edycji strony głównej dobrze jest przełączyć się na pusty szablon strony pod Dokument „Atrybuty Strony” Szablon. W ten sposób Strona główna nie będzie miała paska bocznego, tytułu, menu ani żadnych innych domyślnych elementów.

Następnie możesz kliknąć przycisk „Użyj Divi Buildera” u góry ekranu.

Teraz musisz kliknąć przycisk „Użyj Divi Buildera” na środku ekranu.

U góry ekranu może pojawić się monit z pytaniem, czy chcesz opuścić witrynę. Kliknij „opuść”, aby wejść do Divi Buildera.

Następnie zobaczysz szereg opcji, których możesz użyć do utworzenia strony. Sugerujemy użycie gotowego układu jako podstawy strony głównej. To sprawia, że naprawdę szybko i łatwo skonfigurować stronę główną.

Divi ma imponującą gamę różnych układów do wyboru. Istnieją 163 różne pakiety układów, a każdy z nich ma kilka różnych układów stron, w tym strony główne.

Możesz je przeszukiwać, wpisując wyszukiwany termin lub zaznacz pola wyboru, aby wyświetlać tylko układy pasujące do określonych kategorii.

Do stworzenia naszej strony głównej użyjemy layoutu 'Travel Blog’. Najpierw kliknij pakiet, którego chcesz użyć:

Następnie zobaczysz opis pakietu layout pack oraz różne dostępne układy stron. Prawdopodobnie będziesz chciał użyć strony głównej lub strony docelowej dla swojej strony głównej. Wybierzemy opcję domu.

Po wybraniu układu kliknij przycisk „Użyj tego układu”.

Divi automatycznie zaimportuje układ dla ciebie. Następnie zobaczysz go na żywo na swojej stronie, dokładnie tak, jak pojawi się w Twojej witrynie. Aby edytować dowolną jego część, po prostu kliknij na nią.

Podobnie jak Beaver Builder, Divi używa systemu wierszy (podzielonych na kolumny) i modułów do tworzenia strony. Dzięki modułom tekstowym możesz kliknąć tekst i wpisać cokolwiek chcesz bezpośrednio na ekranie.

Tutaj zmieniliśmy nagłówek i tekst pod nim:

W przypadku innych modułów możesz umieścić nad nimi kursor myszy i kliknąć ikonę ustawień modułu, aby je edytować. Tutaj edytujemy jeden z liczników liczb:

Moduły i wiersze można usuwać w ten sam sposób za pomocą ikony kosza na śmieci.

Prawdopodobnie będziesz chciał użyć własnych obrazów na swojej stronie głównej. Możesz je zmienić, edytując ustawienia modułu.

Zauważ, że obraz u góry jest ustawiony jako tło dla modułu nagłówka Fullwidth, więc musisz go zmienić pod Treść ” Tło dla tego modułu:

Gdy będziesz zadowolony ze zmian wprowadzonych na stronie, możesz kliknąć „Zapisz wersję roboczą lub „opublikuj” u dołu ekranu.

Tip: Jeśli nie widzisz tych przycisków, kliknij fioletowy przycisk”…”, aby je otworzyć.

Oto jak nasza strona wygląda na żywo w serwisie:

To jest to! Stworzyłeś świetnie wyglądającą stronę główną w WordPress i skonfigurowałeś ją z powodzeniem.

Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się edytować stronę główną WordPress. Możesz również zapoznać się z naszym przewodnikiem dotyczącym wtyczek WordPress i naszymi wskazówkami, jak poprawić WordPress SEO.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.