Chcesz utworzyć własną stronę w WordPress?
Własna strona umożliwia korzystanie z innego układu niż reszta twojej witryny internetowej. Wiele witryn WordPress korzysta z własnych układów stron dla stron sprzedaży, stron docelowych, stron webinarów i innych.
W tym artykule pokażemy, jak łatwo utworzyć własną stronę w WordPress.
Dlaczego warto utworzyć własną stronę w WordPress?
Za każdym razem, gdy tworzysz nową stronę, twój motyw WordPress kontroluje wygląd tej strony za pomocą pliku szablonu.
Szablon page.php ma wpływ na wszystkie pojedyncze strony tworzone w WordPressie. Możesz jednak nie chcieć używać tego samego projektu za każdym razem.
Strony docelowe często mają inną treść niż zwykłe strony, takie jak duży obrazek bohatera lub wezwanie do działania (CTA). Oznacza to, że często wyglądają zupełnie inaczej niż reszta twojej witryny internetowej.
Jednak próba stworzenia unikatowych 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, jaki 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 złego projektu strony.
Mając to na uwadze, zobaczmy, jak utworzyć własną stronę w WordPressie, z dokładnym projektem, układem i treścią, którą chcesz. Skorzystaj z poniższych odnośników, aby przejść bezpośrednio do wybranej metody.
- Method 1. How to Create a Custom Page in WordPress Using the Block Editor (No Plugin Required)
- Method 2. How to Create a Custom Page Using the Full-Site Editor (Block-Based Themes Only)
- Method 3. Create a Custom Page in WordPress using SeedProd (Recommended)
- Method 4. Using Thrive Architect to Create a Custom Page in WordPress
Metoda 1. Jak utworzyć własną stronę w WordPressie za pomocą edytora bloków (bez wtyczki)?
Edytor bloków ułatwia projektowanie własnych szablonów przy użyciu 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 unikatowy projekt, inną opcją jest utworzenie strony w normalny sposób, a następnie edytowanie jej układu za pomocą edytora całej witryny, który omówimy w Metodzie 2.
Należy tylko pamiętać, że metody te działają tylko z motywami opartymi na blokach, takimi jak ThemeIsle Hestia Pro lub Twenty Twenty-Three. Jeśli nie posiadasz motywu blokowego, zalecamy skorzystanie z kreatora stron.
Aby rozpocząć, wystarczy otworzyć dowolną stronę lub wpis. Następnie wybierz kartę „Strona” w menu po prawej stronie i kliknij tekst obok „Szablon”.
Opcje, które zobaczysz, mogą się różnić w zależności od twojego motywu WordPress, ale tekst będzie zazwyczaj pokazywał „Stronę”, „Domyślny szablon” lub podobny.
W wyświetlonym oknie kliknij ikonkę „Dodaj szablon”.
W wyświetlonym oknie wpisz rodzaj nazwy twojego szablonu, a następnie kliknij przycisk „Utwórz”.
Nazwa jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek chcesz.
Spowoduje to uruchomienie edytora szablonów, który działa podobnie do edytora treści WordPress.
Aby dodać bloki do własnego projektu strony, wystarczy kliknąć niebieski przycisk „+”. Następnie możesz przeciągnąć i upuścić, aby dodać bloki.
Możesz dodać treść do bloku lub zmienić jego formatowanie za pomocą znanych narzędzi do edycji wpisów WordPress. Na przykład, możesz wpisać rodzaj tekstu do bloku „Nagłówek”, zastosować pogrubienie lub zmienić tekst z H2 na H3.
Własną stronę można również utworzyć przy użyciu wzorców. Wzorce to kolekcje bloków, które są często używane razem, takie jak lista wydarzeń, obrazek z podpisem lub tabela cen.
Widoczne wzorce będą się różnić w zależności od twojego motywu WordPress, ale możesz zobaczyć, które wzorce są dostępne, klikając kartę „Wzorce”.
Możesz przeciągnąć i upuścić wzorzec bloku na twój układ lub kliknąć na wzorzec, aby dodać go na dole szablonu. Gdy będziesz zadowolony z wyglądu szablonu, kliknij przycisk „Opublikuj”, a następnie „Zapisz”.
Możesz teraz zastosować ten szablon do dowolnej strony. Wystarczy otworzyć stronę w edytorze, a następnie kliknąć tekst obok „Szablon”.
W wyświetlonym oknie wybierz szablon, który właśnie utworzyłeś.
Po wykonaniu tej czynności można dodać treść do strony, tak jak w przypadku każdej innej strony WordPress.
Metoda 2. Jak utworzyć własną stronęza pomocą edytora całej witryny (tylko motywy blokowe)
Jeśli korzystasz z motywu opartego na blokach, możesz również utworzyć własną stronę za pomocą edytora całej witryny. Pozwala to na zmianę układu pojedynczej strony bez konieczności tworzenia własnego szablonu.
Mając to na uwadze, jest to dobry wybór, jeśli chcesz stworzyć całkowicie unikatowy projekt, którego nie wykorzystasz ponownie na żadnej innej stronie.
Aby rozpocząć, wystarczy utworzyć stronę w zwykły sposób, przechodząc do Strony „ Utwórz nową. Następnie możesz wpisać tytuł, dodać kategorie i tagi, przesłać obrazek wyróżniający i wprowadzić dowolne inne zmiany.
Kiedy będziesz zadowolony z wyglądu twojej strony, zapisz zmiany i przejdź do sekcji Wygląd „ Edytor.
Domyślnie w pełnym edytorze witryny wyświetlany jest szablon główny twojego motywu.
W menu po lewej stronie kliknij „Strony”.
Zobaczysz teraz wszystkie strony, które utworzyłeś w swojej witrynie internetowej WordPress.
Po prostu znajdź stronę, którą chcesz przeprojektować i kliknij ją.
WordPress wyświetli teraz podgląd projektu.
Aby przejść dalej i edytować ten szablon, kliknij małą ikonkę ołówka.
Możesz teraz edytować układ strony za pomocą narzędzi edytora na całej witrynie. Możesz na przykład kliknąć niebieski przycisk „+”, aby utworzyć nowe bloki, lub kliknąć, aby wybrać dowolny blok, który chcesz dostosować.
Gdy będziesz zadowolony z wprowadzonych zmian, kliknij przycisk „Zapisz”.
Teraz, jeśli przejdziesz na tę stronę w twojej witrynie internetowej, zobaczysz nowy wygląd strony w działaniu.
Metoda 3. Utwórz własną stronę w WordPress za pomocą SeedProd (zalecane)
W przeszłości tworzenie własnej strony polegało na pisaniu kodu, co nie było zbyt przyjazne dla początkujących. Jeśli popełniłeś błąd w kodzie HTML, CSS lub PHP, może to spowodować typowe błędy WordPressa lub nawet całkowicie zepsuć twoją witrynę.
Mając to na uwadze, zalecamy skorzystanie z kreatora stron.
SeedProd to najlepszy kreator stron typu „przeciągnij i upuść ” dla WordPress. Zawiera ponad 350 szablonów, umożliwiając tworzenie własnych stron bez pisania jakiegokolwiek kodu.
Jeśli korzystasz z własnej strony, aby uzyskać więcej konwersji, SeedProd współpracuje z wieloma popularnymi narzędziami innych firm, których możesz już używać do uzyskiwania konwersji. Obejmuje to najlepsze usługi e-mail marketingu, WooCommerce, Google Analytics i inne.
Najpierw należy zainstalować i włączyć SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Uwaga: Istnieje również darmowa wersja SeedProd, która umożliwia tworzenie własnych stron bez względu na twój budżet. Jednak na potrzeby tego przewodnika będziemy używać SeedProd Pro, ponieważ ma on o wiele więcej szablonów i integruje się ze wszystkimi najlepszymi usługami e-mail marketingu.
Po włączaniu wtyczki, SeedProd poprosi o twój klucz licencyjny.
Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd. Po wpiszeniu klucza kliknij przycisk „Zweryfikuj klucz”.
Wybór własnego szablonu strony
Gdy już to zrobisz, przejdź do SeedProd ” Landing Pages i kliknij przycisk „Utwórz nową stronę docelową”.
Możesz teraz wybrać szablon dla twojej własnej strony.
Szablony SeedProd są podzielone na różne rodzaje kampanii, takie jak „lead”,„squeeze” i„coming soon„. Możesz kliknąć na karty w górnej części ekranu, aby filtrować szablony na podstawie rodzaju kampanii.
Jeśli chcesz zacząć od zera, SeedProd ma również pusty szablon, którego możesz użyć.
Aby przyjrzeć się bliżej dowolnemu szablonowi, po prostu najedź na niego kursorem myszy, a następnie kliknij ikonkę lupy.
Gdy znajdziesz projekt, który Ci się podoba, kliknij „Wybierz ten szablon”. We wszystkich naszych obrazkach używamy szablonu „Course Sales Page”, ale możesz użyć dowolnego szablonu.
Następnie wpisz rodzaj nazwy dla własnej strony. SeedProd automatycznie utworzy adres URL na podstawie tytułu strony, ale możesz go zmienić na dowolny inny.
Opisowy adres URL pomoże również wyszukiwarkom zrozumieć, o czym jest strona, dzięki czemu będą mogły pokazać ją właściwym użytkownikom, co poprawi twoje SEO WordPress.
Aby dać twojemu konfiguratorowi najlepszą szansę na pojawienie się w odpowiednich wynikach wyszukiwania, możesz dodać słowa kluczowe, których brakuje w adresie URL. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat badania słów kluczowych.
Gdy jesteś zadowolony z informacji, które wpiszesz, kliknij przycisk „Zapisz i rozpocznij edycję strony”.
Zaprojektuj swoją własną stronę
SeedProd otworzy teraz twój wybrany szablon w przyjaznym dla użytkownika edytorze przeciągnij i upuść. Po prawej stronie zobaczysz podgląd na żywo twojej strony, a po lewej niektóre ustawienia bloków.
Aby dostosować blok, wystarczy kliknąć, aby wybrać go w edytorze strony. Lewy pasek narzędzi pokaże wszystkie ustawienia dla tego bloku.
Na poniższym obrazku zmieniamy tekst wewnątrz bloku „Nagłówek”.
Możesz formatować tekst, zmieniać jego wyrównanie, dodawać odnośniki i nie tylko, korzystając z ustawień w menu po lewej stronie.
Łatwo jest również edytować obrazki za pomocą kreatora stron SeedProd. Wystarczy kliknąć dowolny blok „Obrazek” i użyć ustawień, aby dodać tekst alternatywny, utworzyć nowy obrazek lub wprowadzić inne zmiany.
Jeśli chcesz usunąć blok z własnej strony, po prostu kliknij, aby wybrać ten blok.
Następnie kliknij ikonkę kosza na mini pasku narzędzi.
Aby utworzyć nowe bloki do twojego 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ć zmiany w menu po lewej stronie.
SeedProd zawiera również „Sekcje”, które są szablonami wierszy i bloków, które mogą pomóc w szybkim utworzeniu własnej strony. Na przykład, jeśli projektujesz stronę docelową Google Ad, możesz użyć gotowych sekcji Hero, Call To Action lub funkcji SeedProd.
Aby zobaczyć wszystkie dostępne sekcje, wystarczy kliknąć kartę „Sekcje”.
Aby dokładniej przyjrzeć się danej sekcji, najedź na nią kursorem myszy, a następnie kliknij ikonkę lupy.
Gdy znajdziesz sekcję, którą chcesz dodać do twojego projektu, po prostu najedź na nią myszką, a następnie kliknij małą ikonkę „+”.
Spowoduje to dodanie sekcji na dole twojej strony. Możesz przenosić zarówno sekcje, jak i bloki wokół twojego projektu za pomocą przeciągania i upuszczania.
Jeśli popełnisz błąd lub zmienisz zdanie, nie martw się. Możesz cofnąć twoją ostatnią zmianę, klikając przycisk „Cofnij” u dołu lewego paska narzędzi.
Znajdziesz tu również przycisk ponawiania, historię wersji, nawigację po układzie i ustawienia globalne.
Te dodatkowe przyciski ułatwiają tworzenie własnych stron w WordPress.
W dolnej części paska narzędzi znajduje się również przycisk podglądu mobilnego, który pozwala zobaczyć mobilną wersję dostosowanej strony.
Może to pomóc w zaprojektowaniu własnej strony, która wygląda równie dobrze na urządzeniach mobilnych, jak i na twoim komputerze.
Kiedy jesteś zadowolony z własnego konfiguratora, nadszedł czas, aby go opublikować, klikając strzałkę rozwijaną obok „Zapisz”, a następnie wybierając opcję „Opublikuj”.
Twoja własna strona zostanie teraz uruchomiona na Twoim blogu WordPress.
Jeśli chcesz edytować własną stronę w dowolnym momencie, po prostu przejdź do SeedProd ” Landing Pages w Twoim kokpicie WordPress. Następnie znajdź stronę, którą chcesz zmienić i kliknij odnośnik „Edytuj”.
Spowoduje to otwarcie projektu w edytorze SeedProd, gotowego do wprowadzenia twoich zmian.
Metoda 4. Użycie Thrive Architect do stworzenia własnej strony w WordPressie
Możesz również utworzyć własną stronę za pomocą Thrive Architect. Thrive Architect to kolejny popularny kreator stron typu „przeciągnij i upuść” dla WordPress.
Zawiera ponad 300 profesjonalnie zaprojektowanych szablonów, które mają pomóc w uzyskaniu większej liczby konwersji.
Najpierw należy zainstalować i włączyć wtyczkę Thrive Architect. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po włączeniu, przejdź do Pages ” Add New w kokpicie administracyjnym WordPress, aby utworzyć konfigurator własnej strony. Następnie kliknij przycisk „Launch Thrive Architect”.
Następnie możesz wybrać, czy chcesz utworzyć normalną stronę, czy gotową stronę docelową.
Zalecamy kliknięcie na „Pre-built Landing Page”, ponieważ daje to dostęp do wszystkich szablonów stron docelowych Thrive. Szablony te są w pełni konfigurowalne, więc możesz dostosować je do swojej witryny internetowej WordPress.
Gdy znajdziesz zestaw, który Ci się podoba, po prostu kliknij, aby go wybrać.
Na poniższym obrazku wybieramy „Inteligentne zestawy stron docelowych”.
Na kolejnym ekranie należy wybrać konkretny szablon z zestawu.
Wybierz szablon, klikając go, a następnie naciskając przycisk „Zastosuj szablon”.
Spowoduje to otwarcie szablonu w edytorze Thrive Architect. Stąd możesz łatwo dostosować szablon strony do twojego bloga, witryny internetowej lub sklepu internetowego.
Na przykład, można zmienić „Nagłówek” klikając na niego, a następnie wpisując Twój własny, dostosowany komunikat.
W menu po lewej stronie zobaczysz teraz wszystkie opcje konfiguratora. Tutaj możesz zmienić typografię, wielkość liter, kolor, formatowanie i wiele więcej.
W panelu po lewej stronie można również dostosować inne ustawienia własnej strony, takie jak układ, styl tła, obramowania, animacje i zachowanie przewijania, by wymienić tylko kilka z nich.
Podobnie jak bloki SeedProd, Thrive Architect zawiera wiele gotowych elementów, które możesz dodać do swojego konfiguratora.
Aby utworzyć nowy element na stronie, kliknij przycisk „Dodaj element (+)” po prawej stronie ekranu.
Możesz teraz wybierać spośród takich elementów jak obrazki, przyciski, formularze generowania leadów, tabele cenowe, liczniki czasu i inne.
Aby dodać element, wystarczy przeciągnąć go z menu po prawej stronie i upuścić na twojej stronie.
Ponownie, możesz edytować każdy z nowych elementów, które utworzysz na swojej stronie, klikając je.
Kiedy będziesz zadowolony z wyglądu strony, kliknij przycisk strzałki (^) obok przycisku „Zapisz pracę”. Następnie kliknij opcję „Zapisz i wróć do edytora wpisów”.
Następnie możesz zapisać stronę jako wersję roboczą lub opublikować ją, aby pojawiła się na twojej witrynie internetowej WordPress.
Po opublikowaniu twojego konfiguratora możesz przejść na twoją witrynę, aby zobaczyć go w działaniu.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć własną stronę w WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat tego, jak zwiększyć ruch na twoim blogu, a także z naszą ekspercką listą najlepszych wtyczek do formularzy kontaktowych dla WordPressa.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Rajee Pandi
awesome. I think it is not free. Thank you so much.
WPBeginner Support
There is a paid option but 1 and 2 are free options
Administrator
Moinuddin Waheed
Using seedprod for making a custom page is promising as it takes less efforts and makes awesome looking design in no time.
Thanks for this guide, I have been already using seedprod to many of my websites and utilising this feature.
Brend
Thanks for the great article. I often use your site for assistance with WordPress.
I followed your tutorial to manually create a new template file. When selecting the template there is no CSS attached to the page. Did I miss something?
WPBeginner Support
It would depend on the specific theme you’re using, if you check with your theme’s support they should be able to let you know why their CSS is not being applied to your page properly.
Administrator
Muhammed
Perfect article.
I have a q
can i make a custom page and then make it the main website page or Home page?
I don’t like to have too much content in my firs page and i want to make every thing in the main home page by my own ( i mean with HTML, CSS, JS ).
is there any way to do that?
WPBeginner Support
For customizing everything in that manner you would want to look at the method for manually creating a page template
Administrator