Jak zaprojektować i ustawić stronę główną WordPress

Opublikowany: 2022-05-05

Twoja strona główna WordPressa jest jak powitalna mata Twojej witryny. Jeśli jednak nie robi dobrego pierwszego wrażenia, odwiedzający mogą zdecydować, że wolą być gdzie indziej.

Na szczęście WordPress daje Ci pełną kontrolę nad Twoją stroną główną. Istnieje wiele sposobów na dostosowanie tej kluczowej strony, aby skutecznie nadawała ton Twojej witrynie.

W tym poście omówimy stronę główną WordPressa i jej istotną rolę w udanej witrynie internetowej. Następnie podzielimy się trzema różnymi sposobami zaprojektowania pięciogwiazdkowej strony głównej. Zacznijmy!

Spis treści
1. Wprowadzenie do strony głównej WordPress (i dlaczego warto zmienić swoją)
2. Jak ustawić statyczną stronę główną w WordPressie
3. Jak zaprojektować piękną stronę główną WordPressa (3 metody)
3.1. 1. Użyj konfiguratora motywów WordPress
3.2. 2. Edytuj swoją stronę główną WordPress za pomocą edytora bloków
3.3. 3. Użyj wtyczki Kreatora Stron
4. Jak stworzyć stronę z postami na blogu WordPress
5. Wniosek

Wprowadzenie do strony głównej WordPress (i dlaczego warto zmienić swoją)

Nie sposób przecenić znaczenia swojej strony głównej. Zwykle jest to pierwsza rzecz, jaką zobaczą odwiedzający, gdy wpiszą Twój adres URL.

Jeśli Twoja strona główna nie robi dobrego pierwszego wrażenia, odwiedzający raczej nie dadzą Ci drugiej szansy. To porzucenie może mieć katastrofalne skutki dla współczynników konwersji. Może również wpływać na kluczowe wskaźniki, które określają rankingi w wyszukiwarkach, w tym czas przebywania.

Skuteczna strona główna od razu przekona odwiedzających, że są we właściwym miejscu. Oznacza to jasne komunikowanie, o czym jest Twoja witryna WordPress i jaką wartość ma do zaoferowania.

Domyślnie wiele motywów WordPress wyświetla listę najnowszych postów na blogu na stronie głównej. Jeśli prowadzisz witrynę z blogiem lub czasopismem, może to być dokładnie to, czego szukasz. W szczególności ten format ułatwia czytelnikom znajdowanie Twoich najnowszych treści:

Jednak ten układ nie będzie odpowiedni dla wszystkich witryn WordPress. Na przykład sklepy eCommerce mogą preferować wyświetlanie swoich najpopularniejszych produktów niż najnowszych postów na blogu:

Jeśli prowadzisz witrynę biznesową, możesz użyć swojej strony głównej, aby przedstawić swoją firmę i promować swoje usługi. Możesz nawet zmienić swoją stronę główną w ciągu roku, na przykład tworząc specjalną stronę reklamującą nadchodzącą wyprzedaż w Czarny piątek.

Niezależnie od Twoich motywacji, WordPress ma wszystko, czego potrzebujesz, aby stworzyć stronę główną, która będzie dla Ciebie odpowiednia. Często oznacza to zastąpienie domyślnej opcji zawartością statyczną.

Jak ustawić statyczną stronę główną w WordPressie

Jeśli nie chcesz wyświetlać swoich najnowszych postów na blogu, możesz przełączyć się na statyczną stronę główną. Następnie możesz wyświetlić wszystkie swoje posty na blogu na osobnej stronie, którą utworzymy pod koniec tego artykułu.

Strony nie są wyświetlane w porządku chronologicznym i są zaprojektowane tak, aby wyświetlać wiecznie zieloną zawartość. Te cechy czynią je idealnymi dla Twojej statycznej strony głównej.

Jeśli chcesz utworzyć nową stronę, przejdź do Strony> Dodaj nową w panelu WordPress. Możesz teraz nadać tej stronie opisową nazwę, np. „Strona główna”, i kliknąć Opublikuj .

Następnym krokiem jest poinformowanie WordPressa, aby używał tego jako Twojej strony głównej. Ponieważ jednak nie dodaliśmy żadnej treści do tej strony, warto najpierw rozważyć wprowadzenie witryny w tryb konserwacji.

Tryb konserwacji zapewni, że odwiedzający nie napotkają pustego ekranu ani komunikatu o błędzie, jeśli spróbują uzyskać dostęp do Twojej witryny podczas wprowadzania zmian. Gdy jesteś zadowolony ze swoich aktualizacji, możesz wyłączyć swoją witrynę z trybu konserwacji i zadziwić odwiedzających swoim nowym projektem.

Możesz skonfigurować ten tryb za pomocą wtyczki, takiej jak WP Maintenance Mode. To narzędzie ma również kilka dodatkowych dodatków, w tym odliczanie, aby wywołać szum wokół ponownego uruchomienia witryny:

Aby przełączyć się na statyczną stronę główną, przejdź do opcji Ustawienia > Czytanie . W sekcji Wyświetlana strona główna wybierz Strona statyczna :

Możesz teraz użyć menu rozwijanego, aby wybrać stronę, którą utworzyliśmy w poprzednim kroku. Następnie kliknij Zapisz zmiany . Jeśli odwiedzasz swoją stronę główną, WordPress powinien teraz wyświetlać pusty projekt zamiast oryginalnej strony bloga.

Jak zaprojektować piękną stronę główną WordPressa (3 metody)

Teraz masz statyczną stronę główną i chcesz mieć pewność, że robi ona najlepsze możliwe pierwsze wrażenie. Mając to na uwadze, oto trzy sposoby na zaprojektowanie profesjonalnie wyglądającej niestandardowej strony głównej!

1. Użyj konfiguratora motywów WordPress

Twój motyw WordPress prawdopodobnie zapewnia podstawowy projekt strony głównej. Często możesz dokonać prostych zmian w tym domyślnym układzie w konfiguratorze WordPress.

W panelu przejdź do opcji Wygląd > Dostosuj . To narzędzie zapewnia podgląd na żywo, dzięki czemu możesz dokładnie zobaczyć, jak Twoje zmiany będą wyświetlane odwiedzającym w czasie rzeczywistym:

Zmiany, które możesz wprowadzić, będą się różnić w zależności od motywu WordPress. Na przykład niektóre motywy umożliwiają zmianę pozycji paska bocznego lub całkowite usunięcie go w celu utworzenia układu o pełnej szerokości.

Warto poświęcić trochę czasu na zapoznanie się z różnymi ustawieniami strony głównej, aby zobaczyć, jakie opcje są dostępne dla Twojego motywu. Możesz też kliknąć dowolny obszar, na którym znajduje się ikona niebieskiego ołówka. Spowoduje to otwarcie ustawień tego elementu na ekranie:

Twoja strona główna może zawierać sekcje, których wolisz nie używać. W tym scenariuszu możesz usunąć element, umieszczając go w menu bocznym i klikając towarzyszącą mu ikonę z trzema kropkami, a następnie Usuń blok .

2. Edytuj swoją stronę główną WordPress za pomocą edytora bloków

Chociaż WordPress Customizer doskonale nadaje się do wprowadzania prostych zmian, czasami może być konieczne zagłębienie się w temat. Podczas dostosowywania strony głównej Edytor bloku daje więcej opcji.

Aby rozpocząć, otwórz swoją statyczną stronę główną w edytorze postów WordPress. Możesz teraz zaprojektować swoją stronę główną, używając tych samych technik, co przy tworzeniu dowolnej strony.

Edytor bloków WordPress zawiera wiele bloków, w tym obrazy okładek, galerie, tekst i multimedia oraz tabele. Możesz uporządkować te elementy, aby stworzyć pożądaną strukturę strony głównej.

Jeśli szukasz inspiracji projektowych, warto przejrzeć dostępne bloki. Aby wyświetlić całą bibliotekę WordPressa, kliknij ikonę czarnego + :

W kolejnym wyskakującym okienku wybierz Przeglądaj wszystko . Spowoduje to uruchomienie panelu, na którym możesz przeglądać różne bloki:

Gdy znajdziesz blok, którego chcesz użyć na swojej stronie głównej, po prostu kliknij. W zależności od wyboru możesz mieć możliwość dodania do tego elementu pewnej zawartości, takiej jak tekst lub obraz.

Większość bloków ma również unikalne ustawienia konfiguracyjne. Aby wyświetlić te ustawienia, kliknij, aby wybrać blok. Ta akcja powinna otworzyć panel Post/Block :

Upewnij się, że wybrane jest menu Blokuj . Następnie możesz zapoznać się z unikalnymi ustawieniami dostępnymi dla tego konkretnego bloku.

W tym momencie możesz kontynuować dodawanie elementów, aż będziesz zadowolony z układu strony głównej. Mając do dyspozycji pełną bibliotekę bloków, nie powinieneś mieć problemów ze stworzeniem pięknej i wciągającej strony głównej. Jednak w razie potrzeby zawsze możesz dodać więcej bloków do biblioteki WordPress za pomocą wtyczki, takiej jak Gutenberg Blocks.

3. Użyj wtyczki Kreatora Stron

Gotowy do użycia WordPress zapewnia wszystko, czego potrzebujesz, aby stworzyć profesjonalnie wyglądającą stronę główną. Istnieją jednak również zaawansowane wtyczki do tworzenia stron, które możesz dodać do swojej instalacji WordPress.

Większość z tych wtyczek WordPress zapewnia intuicyjne interfejsy typu „przeciągnij i upuść” wraz z gotowymi elementami. Te funkcje umożliwiają zbudowanie atrakcyjnej i wciągającej strony głównej, potencjalnie w ciągu kilku minut.

Dostępne są różne wtyczki do tworzenia stron. Na przykład Elementor to łatwy w użyciu program do tworzenia stron z funkcjami, które pomogą Ci zaprojektować wyróżniającą się stronę główną. Należą do nich efekty ruchu i przewijania, formularze i pola przerzucania:

Beaver Builder to kolejna popularna opcja. Oprócz edytora typu „przeciągnij i upuść” i gotowych komponentów, ta wtyczka WordPress oferuje szereg szablonów stron docelowych:

Te szablony mogą stanowić solidną podstawę dla Twojej strony głównej. To sprawia, że ​​Beaver Builder jest doskonałym wyborem, jeśli masz ograniczone doświadczenie w projektowaniu i programowaniu stron internetowych. Może to być również dobre rozwiązanie, jeśli musisz szybko otworzyć stronę główną.

Jak stworzyć stronę z postami na blogu WordPress

W tym momencie zastąpiłeś stronę z wpisami na blogu statyczną stroną internetową. Oznacza to, że Twoja witryna nie zawiera obecnie listy Twoich najnowszych postów. Jeśli chcesz wyświetlić tę treść, musisz utworzyć osobną stronę.

Aby rozpocząć, przejdź do Strony > Dodaj nowy . Możesz teraz nadać tej stronie tytuł, na przykład „Blog”, i kliknąć Opublikuj .

Następnie przejdź do Ustawienia > Czytanie . Możesz teraz otworzyć menu rozwijane strony Posty i wybrać właśnie utworzoną stronę:

Będąc tutaj, możesz wprowadzić pewne zmiany w sposobie wyświetlania swoich postów. Dostępnych jest kilka różnych ustawień.

Najpierw możesz wybrać, ile postów pojawia się na każdej stronie. Jeśli wyświetlasz wiele postów, odwiedzający mogą być zmuszeni przewinąć znaczną odległość, aby dotrzeć do dołu tej strony. Ten układ może również wydłużyć czas wczytywania strony, zwłaszcza jeśli treść zawiera duże polecane obrazy w wysokiej rozdzielczości.

Jeśli jednak wyświetlasz niewielką liczbę postów, odwiedzający mogą być zmuszeni kliknąć wiele stron, aby znaleźć żądaną treść. Oznacza to, że znalezienie idealnej liczby postów może być trudnym zadaniem.

Po ustaleniu numeru wpisz go na stronach bloga, aby wyświetlić co najwyżej pole. Pamiętaj tylko, że wszystkie posty, które oznaczysz jako „przyklejone”, będą również wyświetlane:

Możesz także kontrolować sposób wyświetlania treści bloga na stronie postów, używając następującego ustawienia: Dla każdego posta w kanale dołącz . Tutaj możesz wybrać wyświetlanie całego utworu lub tylko jego fragmentu:

Jeśli Twoje blogi są krótsze, warto wyświetlić cały artykuł. Możesz jednak rozważyć wyświetlanie fragmentów dłuższych postów.

Wniosek

Stare powiedzenie mówi: nigdy nie masz drugiej szansy na zrobienie pierwszego wrażenia. Mając to na uwadze, Twoja strona główna powinna sprawić, że odwiedzający będą chcieli pozostać i dowiedzieć się więcej o Twojej witrynie.

Przypomnijmy szybko trzy sposoby dostrojenia strony głównej WordPress:

  1. Użyj konfiguratora motywów WordPress.
  2. Edytuj swoją stronę główną WordPress za pomocą Edytora bloków.
  3. Użyj wtyczki do tworzenia stron, takiej jak Beaver Builder lub wtyczka Elementor.

Dopracowanie projektu strony głównej to tylko połowa sukcesu. Jeśli ta strona ładuje się wolno, odwiedzający mogą nadal zdecydować, że wolą spędzić czas gdzie indziej. Współpracując z dostawcą hostingu WordPress, takim jak WP Engine, możesz mieć pewność, że cała Twoja witryna działa z najwyższą wydajnością – w tym ta najważniejsza strona główna.