Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak stworzyć niestandardową stronę w WordPress

Niestandardowa strona pozwala na użycie innego układu niż reszta Twojej witryny. Wiele witryn WordPress używa niestandardowych układów stron dla swoich stron sprzedażowych, stron docelowych, stron webinarów i nie tylko.

Na przestrzeni lat stworzyliśmy wiele niestandardowych stron w WPBeginner do różnych celów. Używaliśmy ich do wyświetlania różnych ofert na wtyczki i usługi hostingowe, oferowania usług Pro w celu pomocy użytkownikom WordPress, wyświetlania różnych produktów i nie tylko.

Z naszego doświadczenia wynika, że istnieje wiele sposobów tworzenia niestandardowych stron. Używaliśmy kreatorów stron, takich jak SeedProd, do niektórych naszych projektów. Oprócz tego możesz również użyć edytora bloków lub edytorów całego serwisu, aby dodać niestandardowe strony do swojej witryny.

W tym artykule pokażemy Ci, jak łatwo stworzyć niestandardową stronę w WordPress.

Jak stworzyć niestandardową stronę w WordPress

Dlaczego tworzyć niestandardową stronę w WordPress?

Za każdym razem, gdy tworzysz nową stronę, Twój motyw WordPress kontroluje jej wygląd za pomocą pliku szablonu.

Ten szablon page.php wpływa na wszystkie pojedyncze strony, które tworzysz w WordPress. Jednak możesz nie chcieć używać tego samego projektu za każdym razem.

Strony docelowe często mają inną zawartość w porównaniu do zwykłych stron, taką jak duży obraz nagłówka lub wezwanie do działania (CTA). Oznacza to, że często wyglądają zupełnie inaczej niż reszta Twojej witryny. 

Jednak tworzenie unikalnych projektów przy użyciu standardowego szablonu strony może zająć dużo czasu. Jesteś również ograniczony przez szablon page.php i możesz nie być w stanie stworzyć dokładnie takiego projektu, jakiego chcesz. Może to utrudnić uzyskanie dobrych wyników. Na przykład, jeśli tworzysz stronę sprzedażową, możesz nie uzyskać wielu konwersji z powodu słabego projektu strony.

Mając to na uwadze, zobaczmy, jak możesz stworzyć niestandardową stronę w WordPressie, z dokładnym wyglądem, układem i treścią, której chcesz. Po prostu skorzystaj z poniższych szybkich linków, aby przejść bezpośrednio do metody, której chcesz użyć.

Metoda 1. Jak utworzyć niestandardową stronę w WordPress przy użyciu edytora bloków (bez wtyczki) 

Edytor bloków ułatwia projektowanie własnych szablonów za pomocą narzędzi, które już znasz.

Jest to dobry wybór, jeśli planujesz ponownie wykorzystać ten sam projekt na wielu stronach, ponieważ możesz po prostu zastosować ten sam szablon. Jeśli chcesz stworzyć całkowicie unikalny projekt, inną opcją jest utworzenie strony w zwykły sposób, a następnie edycja jej układu za pomocą edytora całego serwisu, który omówimy w Metodzie 2.

Pamiętaj tylko, że te metody działają tylko z motywami opartymi na blokach takimi jak ThemeIsle Hestia Pro lub Twenty Twenty-Three. Jeśli nie masz motywu opartego na blokach, zalecamy zamiast tego użycie konstruktora stron.

Na początek po prostu otwórz dowolną stronę lub wpis. Następnie wybierz zakładkę „Strona” w menu po prawej stronie i kliknij tekst obok „Szablon”.

Jak stworzyć niestandardowy szablon przy użyciu wbudowanego szablonu WordPress

Opcje, które widzisz, mogą się różnić w zależności od motywu WordPressa, ale tekst zazwyczaj będzie zawierał „Strona”, „Domyślny szablon” lub podobne.

W wyświetlonym oknie dialogowym kliknij ikonę „Dodaj szablon”.

Jak stworzyć niestandardowy szablon WordPress

W wyświetlonym oknie dialogowym wpisz nazwę swojego szablonu, a następnie kliknij „Utwórz”.

Nazwa służy jedynie do Twojej wiadomości, więc możesz użyć czegokolwiek chcesz.

Tworzenie nowego szablonu w edytorze bloków WordPress

Uruchamia to edytor szablonów, który działa podobnie do edytora treści WordPress.

Aby dodać bloki do projektu niestandardowej strony, po prostu kliknij niebieski przycisk „+”. Następnie możesz przeciągać i upuszczać, aby dodawać bloki.

Edycja szablonu WordPress za pomocą edytora opartego na blokach

Możesz dodawać treści do bloku lub zmieniać jego formatowanie za pomocą znanych narzędzi do edycji postów w WordPress. Na przykład możesz wpisać tekst w blok „Nagłówek”, zastosować pogrubienie lub zmienić tekst z H2 na H3.

Możesz również utworzyć niestandardową stronę, korzystając z wzorców. Wzorce to kolekcje bloków, które są często używane razem, takie jak lista wydarzeń, obrazek z podpisem lub tabela cenowa.

Wzorce, które zobaczysz, będą się różnić w zależności od Twojego motywu WordPress, ale możesz sprawdzić dostępne wzorce, klikając zakładkę „Wzorce”.

Wybór wzorów w edytorze WordPress

Możesz przeciągnąć i upuścić wzorzec bloku na swój układ lub kliknąć na wzorzec, aby dodać go na dole swojego szablonu. Gdy będziesz zadowolony z wyglądu szablonu, kliknij przycisk „Opublikuj”, a następnie kliknij „Zapisz”.

Możesz teraz zastosować ten szablon do dowolnej strony. Po prostu otwórz stronę w edytorze, a następnie kliknij tekst obok „Szablon”.

W wyświetlonym oknie podręcznym wybierz szablon, który właśnie utworzyłeś.

Zmiana szablonu WordPress

Po wykonaniu tej czynności możesz dodawać treści do strony, tak jak do każdej innej strony WordPress. 

Metoda 2. Jak utworzyć niestandardową stronę za pomocą edytora pełnej witryny (tylko motywy oparte na blokach)

Jeśli używasz motywu opartego na blokach, możesz również utworzyć niestandardową stronę za pomocą edytora całych witryn. Pozwala to na zmianę układu poszczególnych stron bez tworzenia niestandardowego szablonu.

Mając to na uwadze, jest to dobry wybór, jeśli chcesz stworzyć całkowicie unikalny projekt, którego nie będziesz ponownie używać na żadnej innej stronie.

Aby rozpocząć, po prostu utwórz stronę jak zwykle, przechodząc do Strony » Dodaj nową. Następnie możesz wpisać tytuł, dodać kategorie i tagi, przesłać obraz wyróżniający i wprowadzić wszelkie inne zmiany, które chcesz.

Gdy będziesz zadowolony z podstawowej strony, zapisz zmiany, a następnie przejdź do Wygląd » Edytor.

Otwieranie edytora całych stron WordPress (FSE)

Domyślnie edytor pełnej witryny wyświetla szablon główny Twojego motywu.

W menu po lewej stronie kliknij „Strony”.

Edycja układu strony za pomocą edytora całego motywu (FSE)

Teraz zobaczysz wszystkie strony, które utworzyłeś na swojej stronie WordPress.

Po prostu znajdź stronę, którą chcesz przeprojektować i kliknij ją.

Utwórz niestandardowy projekt strony za pomocą edytora całego motywu (FSE)

WordPress wyświetli teraz podgląd projektu.

Aby edytować ten szablon, kliknij małą ikonę ołówka.

Utwórz niestandardowy projekt strony za pomocą edytora opartego na blokach

Teraz możesz edytować układ strony za pomocą narzędzi edytora całej witryny. Na przykład, możesz kliknąć niebieski przycisk „+”, aby dodać nowe bloki, lub kliknąć, aby wybrać dowolny blok, który chcesz dostosować.

Gdy będziesz zadowolony ze wprowadzonych zmian, kliknij przycisk „Zapisz”.

Utwórz niestandardowy projekt strony za pomocą edytora opartego na blokach

Teraz, jeśli odwiedzisz tę stronę w swojej witrynie, zobaczysz nowy projekt strony w akcji.

Metoda 3. Utwórz niestandardową stronę w WordPress za pomocą SeedProd (zalecane) 

W przeszłości tworzyłeś niestandardowe strony, pisząc kod, co nie było zbyt przyjazne dla początkujących. Jeśli popełniłeś błąd w swoim kodzie HTML, CSS lub PHP, mogło to spowodować częste błędy WordPress lub nawet całkowicie zepsuć Twoją witrynę.

Mając to na uwadze, zalecamy skorzystanie z konstruktora stron.

SeedProd to najlepszy kreator stron metodą przeciągnij i upuść dla WordPressa. Posiada ponad 350 szablonów, co pozwala na tworzenie niestandardowych stron bez pisania kodu. 

Jeśli używasz niestandardowej strony, aby uzyskać więcej konwersji, SeedProd współpracuje z wieloma popularnymi narzędziami stron trzecich, których możesz już używać do uzyskiwania konwersji. Obejmuje to najlepsze usługi e-mail marketingu, WooCommerce, Google Analytics i inne.

Najpierw musisz zainstalować i aktywować SeedProd. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje również darmowa wersja SeedProd, która pozwala tworzyć niestandardowe strony niezależnie od budżetu. Jednak w tym przewodniku będziemy używać SeedProd Pro, ponieważ ma znacznie więcej szablonów i integruje się ze wszystkimi najlepszymi usługami marketingu e-mailowego.

Po aktywacji wtyczki SeedProd poprosi o klucz licencyjny.

Klucz licencyjny SeedProd

Te informacje znajdziesz w swoim koncie na stronie SeedProd. Po wprowadzeniu klucza kliknij przycisk „Zweryfikuj klucz”.

Wybierz niestandardowy szablon strony

Po wykonaniu tej czynności przejdź do SeedProd » Strony docelowe i kliknij przycisk „Dodaj nową stronę docelową”.

Szablony projektów stron SeedProd

Teraz możesz wybrać szablon dla swojej niestandardowej strony.

Szablony SeedProd są zorganizowane według różnych typów kampanii, takich jak „lead”, „squeeze” i „coming soon”. Możesz kliknąć na zakładki u góry ekranu, aby filtrować szablony według typu kampanii. 

Biblioteka szablonów SeedProd

Jeśli chcesz zacząć od zera, SeedProd oferuje również pusty szablon, którego możesz użyć.

Aby przyjrzeć się bliżej każdemu projektowi, po prostu najedź kursorem myszy na ten szablon, a następnie kliknij ikonę lupy.

Podgląd gotowego szablonu

Gdy znajdziesz projekt, który Ci się podoba, kliknij „Wybierz ten szablon”. Na wszystkich naszych zrzutach ekranu używamy szablonu „Strona sprzedaży kursu”, ale możesz użyć dowolnego szablonu.

Następnie wpisz nazwę niestandardowej strony. SeedProd automatycznie utworzy adres URL na podstawie tytułu strony, ale możesz zmienić ten adres URL na dowolny inny.

Opisowy adres URL pomoże również wyszukiwarkom zrozumieć, o czym jest strona, dzięki czemu będą mogły wyświetlać ją odpowiednim użytkownikom, co poprawi Twoje SEO WordPress.

Aby Twoja niestandardowa strona miała największą szansę pojawienia się w odpowiednich wynikach wyszukiwania, możesz dodać wszelkie słowa kluczowe, których brakuje w adresie URL. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat jak przeprowadzić badanie słów kluczowych.

Tworzenie niestandardowej strony dla Twojej witryny WordPress

Gdy będziesz zadowolony z wprowadzonych informacji, kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Zaprojektuj swoją niestandardową stronę

SeedProd otworzy teraz wybrany szablon w swoim przyjaznym dla użytkownika edytorze przeciągnij i upuść. Po prawej stronie zobaczysz podgląd strony na żywo, a po lewej ustawienia bloków.

Szablon kursów SeedProd

Aby dostosować blok, po prostu kliknij, aby go wybrać w edytorze strony. Pasek narzędzi po lewej stronie pokaże wtedy wszystkie ustawienia dla tego bloku.

Na poniższym obrazku zmieniamy tekst wewnątrz bloku „Nagłówek”.  

Edycja nagłówka niestandardowej strony

Możesz formatować tekst, zmieniać jego wyrównanie, dodawać linki i więcej, korzystając z ustawień w menu po lewej stronie.

Łatwo jest również edytować obrazy za pomocą kreatora stron SeedProd. Po prostu kliknij dowolny blok „Obraz” i użyj ustawień, aby dodać tekst alternatywny, przesłać nowy obraz lub wprowadzić inne zmiany. 

Edycja obrazów w niestandardowym projekcie strony

Jeśli chcesz usunąć blok ze niestandardowej strony, po prostu kliknij, aby zaznaczyć ten blok.

Następnie kliknij ikonę kosza na śmieci na minipasku narzędzi. 

Usuwanie bloku ze strony niestandardowej SeedProd

Aby dodać nowe bloki do projektu, po prostu znajdź blok w menu po lewej stronie, a następnie przeciągnij go do edytora.

Następnie możesz kliknąć, aby wybrać blok i wprowadzić wszelkie zmiany w menu po lewej stronie. 

Dodawanie bloku udostępniania w mediach społecznościowych do WordPressa

SeedProd oferuje również „Sekcje”, które są wierszami i szablonami bloków, które mogą pomóc w szybkim tworzeniu niestandardowych stron. Na przykład, jeśli projektowałbyś stronę docelową dla reklam Google, mógłbyś użyć gotowych sekcji Hero, Wezwanie do działania lub Funkcje z SeedProd.

Aby zobaczyć wszystkie dostępne sekcje, po prostu kliknij zakładkę „Sekcje”.

Gotowe sekcje SeedProd

Aby przyjrzeć się bliżej sekcji, najedź na nią kursorem myszy, a następnie kliknij ikonę lupy.

Gdy znajdziesz sekcję, którą chcesz dodać do swojego projektu, po prostu najedź na nią myszką, a następnie kliknij małą ikonę „+”.

Dodawanie sekcji do niestandardowej strony

Dodaje to sekcję na dole Twojej strony. Możesz przenosić zarówno sekcje, jak i bloki w obrębie swojego projektu za pomocą przeciągania i upuszczania.

Jeśli popełnisz błąd lub zmienisz zdanie, nie martw się. Możesz cofnąć ostatnią zmianę, klikając przycisk „Cofnij” na dole paska narzędzi po lewej stronie.

Tutaj znajdziesz również przycisk ponów, historię rewizji, nawigację po układzie i ustawienia globalne.

Pasek ustawień globalnych SeedProd

Te dodatkowe przyciski ułatwiają tworzenie niestandardowych stron w WordPress. 

Na dole paska narzędzi znajdziesz również przycisk podglądu mobilnego, który pozwala wyświetlić wersję mobilną niestandardowej strony. 

Podgląd niestandardowej strony na urządzeniu mobilnym

Pomoże Ci to zaprojektować niestandardową stronę, która będzie wyglądać równie dobrze na urządzeniach mobilnych, jak i na komputerze.

Gdy będziesz zadowolony z niestandardowej strony, nadszedł czas, aby ją opublikować, klikając strzałkę w dół obok „Zapisz”, a następnie wybierając opcję „Opublikuj”. 

Publikowanie niestandardowej strony

Twoja niestandardowa strona zostanie teraz opublikowana na Twoim blogu WordPress.

Jeśli chcesz edytować niestandardową stronę w dowolnym momencie, przejdź do SeedProd » Landing Pages w swoim panelu WordPress. Następnie możesz znaleźć stronę, którą chcesz zmienić, i kliknąć link „Edytuj”.

Dopracowywanie niestandardowej strony w WordPress

Otworzy to projekt w edytorze SeedProd, gotowy do wprowadzenia zmian.

Metoda 4. Używanie Thrive Architect do tworzenia niestandardowej strony w WordPress

Możesz również utworzyć niestandardową stronę za pomocą Thrive Architect. Thrive Architect to kolejny popularny kreator stron typu „przeciągnij i upuść” dla WordPressa.

Zawiera ponad 300 profesjonalnie zaprojektowanych szablonów, które pomogą Ci uzyskać więcej konwersji.

Przykład niestandardowej strony zbudowanej za pomocą Thrive Architect

Najpierw musisz zainstalować i aktywować wtyczkę Thrive Architect. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Strony » Dodaj nową w swoim panelu administracyjnym WordPress, aby utworzyć niestandardową stronę. Następnie kliknij przycisk „Uruchom Thrive Architect”.

Uruchom Thrive Architect

Następnie możesz wybrać, czy chcesz utworzyć zwykłą stronę, czy gotową stronę docelową.

Zalecamy kliknięcie na „Gotowy szablon strony docelowej”, ponieważ daje to dostęp do wszystkich szablonów stron docelowych Thrive. Szablony te są w pełni konfigurowalne, dzięki czemu możesz je dostosować do swojej strony WordPress.

Wybierz opcję Pre-built Landing Page w Thrive Architect

Gdy znajdziesz zestaw, który Ci się podoba, po prostu kliknij, aby go wybrać.

Na poniższym obrazku wybieramy „Zestawy inteligentnych stron docelowych”.

Wybierz szablon dla swojej niestandardowej strony w Thrive Architect

Na następnym ekranie musisz wybrać konkretny szablon z zestawu.

Wybierz szablon, klikając na niego, a następnie naciskając przycisk „Zastosuj szablon”.

Zastosuj szablon Thrive Architect

Spowoduje to otwarcie szablonu w edytorze Thrive Architect. Stąd możesz łatwo dostosować szablon strony do swojego bloga, witryny lub sklepu internetowego.

Na przykład, możesz zmienić „Nagłówek”, klikając na niego, a następnie wpisując własną niestandardową treść.

Dostosuj elementy strony w Thrive Architect

Zobaczysz teraz wszystkie opcje dostosowywania w menu po lewej stronie. Tutaj możesz zmienić typografię, rozmiar czcionki, kolor, formatowanie i inne.

Z lewego panelu możesz również dostosować inne ustawienia swojej niestandardowej strony, takie jak układ, styl tła, obramowania, animacje i zachowanie podczas przewijania, aby wymienić tylko kilka.

Dostosuj ustawienia strony w Thrive Architect

Podobnie jak bloki SeedProd, Thrive Architect oferuje wiele gotowych elementów, które możesz dodać do swojej niestandardowej strony.

Aby dodać nowy element do strony, kliknij przycisk „Dodaj element (+)” po prawej stronie ekranu.

Kliknij przycisk Dodaj element

Możesz teraz wybierać spośród elementów takich jak obrazy, przyciski, formularze generowania leadów, tabele cenowe, zegary odliczające i inne.

Aby dodać element, po prostu przeciągnij go z menu po prawej stronie i upuść na swojej stronie.

Przeciągaj i upuszczaj elementy na swojej stronie

Ponownie, możesz edytować dowolne nowe elementy, które dodasz do swojej strony, klikając na nie. 

Gdy będziesz zadowolony z wyglądu strony, kliknij strzałkę (^) obok przycisku „Zapisz pracę”. Następnie kliknij opcję „Zapisz i wróć do edytora posta”.

Zapisz niestandardową stronę w Thrive Architect

Możesz następnie zapisać stronę jako szkic lub opublikować ją, aby pojawiła się na Twojej stronie internetowej WordPress.

Po opublikowaniu niestandardowej strony możesz odwiedzić swoją witrynę, aby zobaczyć ją w akcji.

Opublikuj niestandardową stronę

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć niestandardową stronę w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia strony docelowej za pomocą WordPress oraz dzielenia tytułu posta lub strony w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

233 CommentsLeave a Reply

  1. Preferuję metodę SeedProd, ponieważ zawiera ponad 350 szablonów do wyboru, co ułatwia mi znalezienie projektu pasującego do mojej strony internetowej.
    Metoda wykorzystująca edytor bloków nie oferuje szablonów na start.

  2. Używanie Seedprod do tworzenia niestandardowych stron jest obiecujące, ponieważ wymaga mniej wysiłku i pozwala w mgnieniu oka stworzyć świetnie wyglądający projekt.
    Dzięki za ten przewodnik, już używam Seedprod na wielu moich stronach internetowych i wykorzystuję tę funkcję.

  3. Dziękuję za świetny artykuł. Często korzystam z Twojej strony, aby uzyskać pomoc z WordPressem.
    Postępowałem zgodnie z Twoim tutorialem, aby ręcznie utworzyć nowy plik szablonu. Podczas wybierania szablonu strona nie ma podłączonego CSS. Czy coś przeoczyłem?

    • Zależałoby to od konkretnego motywu, którego używasz. Jeśli skontaktujesz się z pomocą techniczną swojego motywu, powinni być w stanie powiedzieć Ci, dlaczego ich CSS nie jest prawidłowo stosowany do Twojej strony.

      Admin

  4. Idealny artykuł.
    Mam pytanie
    Czy mogę stworzyć niestandardową stronę, a następnie ustawić ją jako główną stronę internetową lub stronę główną?
    Nie lubię mieć zbyt dużo treści na mojej pierwszej stronie i chcę wszystko na głównej stronie głównej zrobić sam (mam na myśli z użyciem HTML, CSS, JS).
    Czy jest na to jakiś sposób?

    • For customizing everything in that manner you would want to look at the method for manually creating a page template :)

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.