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 zainstalować zestawy szablonów w WordPress (krok po kroku)

Projektowanie profesjonalnej strony WordPress od podstaw może być przytłaczające, zwłaszcza dla początkujących. Wielu użytkowników spędza tygodnie na dopracowywaniu wyglądu swojej strony, tylko po to, by uzyskać projekt, który wygląda amatorsko.

Zestawy szablonów pozwalają zastosować spójny, profesjonalny projekt na całej stronie za pomocą kilku kliknięć. Ale nie wszystkie zestawy szablonów są sobie równe, a wybór niewłaściwego może ograniczyć funkcjonalność Twojej strony.

Ten przewodnik pokaże Ci, jak instalować i dostosowywać wysokiej jakości zestawy szablonów za pomocą SeedProd, najpotężniejszego konstruktora stron WordPress. Dowiesz się, jak wybrać odpowiedni zestaw do swoich potrzeb, dostosować go do swojej marki i aktywować na swojej stronie.

Jak zainstalować zestawy szablonów w WordPress (krok po kroku)

Czym są zestawy szablonów w WordPress?

Zestawy szablonów WordPress to zbiór gotowych szablonów, układów i innych elementów, które pozwalają na stworzenie profesjonalnie wyglądającej strony internetowej bez konieczności pisania kodu.

Zestawy szablonów są zaprojektowane do wspólnego użytku, więc możesz po prostu zainstalować zestaw i używać tego samego projektu na całej swojej stronie.

Dobry zestaw szablonów zawiera projekty dla wszystkich najczęściej używanych stron, w tym strony „O nas”, strony kontaktowej i niestandardowej strony głównej. Mogą również dostarczać szablony dla obszarów, które pojawiają się na wielu stronach, takich jak szablon nagłówka i stopki.

Istnieją zestawy szablonów, które można dostosować do każdego rodzaju strony internetowej, podobnie jak uniwersalne motywy WordPress. Inne szablony są przeznaczone dla konkretnych branż, takich jak moda, marketing venture i zestawy do blogowania technologicznego.

Niezależnie od tego, jakiego zestawu szablonów użyjesz, możesz go dostosować, aby idealnie pasował do Twojej firmy i marki.

Mając to na uwadze, zobaczmy, jak możesz szybko zaprojektować piękną stronę internetową, instalując zestawy szablonów w WordPress.

Jak wybrać najlepsze zestawy szablonów WordPress

Zestawy szablonów mają wiele nazw, ponieważ niektóre firmy nazywają je zestawami stron internetowych, szablonami stron internetowych lub szablonami startowymi WordPress. Niezależnie od nazwy, najlepszym miejscem do znalezienia zestawów szablonów jest zainstalowanie wtyczki kreatora stron typu przeciągnij i upuść.

SeedProd to najlepsza wtyczka do tworzenia stron, z ponad 1 milionem użytkowników. Pozwala ona na stworzenie kompletnej witryny WordPress bez konieczności pisania ani jednej linijki kodu.

SeedProd zawiera 90 gotowych bloków, które możesz dodać do dowolnej strony, oraz ponad 300 szablonów, których możesz użyć do tworzenia stron docelowych, stron sprzedażowych i nie tylko.

Kreator stron metodą przeciągnij i upuść SeedProd

SeedProd posiada również rosnącą bibliotekę profesjonalnych zestawów stron internetowych, które możesz dodać do swojej witryny jednym kliknięciem. Po wybraniu zestawu możesz dostosować każdą część projektu za pomocą edytora typu „przeciągnij i upuść” SeedProd.

Naszą pełną recenzję SeedProd możesz przeczytać, aby uzyskać więcej szczegółów.

Ponieważ jest to najszybsza i najłatwiejsza metoda, w tym przewodniku pokażemy Ci, jak zainstalować zestawy szablonów za pomocą SeedProd. Możesz użyć poniższych szybkich linków, aby nawigować po tym przewodniku:

Krok 1: Zainstaluj wtyczkę Page Builder dla WordPress

Najpierw musisz zainstalować i aktywować wtyczkę 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 na tworzenie pięknych stron "wkrótce", stron konserwacji i innych, niezależnie od budżetu.

Jednak w tym przewodniku będziemy korzystać z wtyczki premium, ponieważ ma ona wiele różnych zestawów szablonów. Pamiętaj tylko, że będziesz potrzebować planu Pro lub wyższego, aby korzystać z zestawów szablonów.

Po aktywacji przejdź do SeedProd » Ustawienia i wprowadź swój klucz licencyjny.

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

Dodawanie licencji do wtyczki SeedProd Page Builder

Po aktywacji klucza licencyjnego jesteś gotowy do zainstalowania zestawu szablonów.

Krok 2: Wybierz zestaw szablonów WordPress

Zestawy witryn SeedProd działają bezproblemowo z jego konstruktorem motywów WordPress, więc przejdź do SeedProd » Theme Builder, aby rozpocząć. Tutaj kliknij przycisk „Theme Template Kits”.

Funkcja budowania motywów SeedProd

Zobaczysz teraz bibliotekę szablonów SeedProd.

Aby przyjrzeć się bliżej dowolnemu szablonowi, po prostu najedź na niego kursorem myszy, a następnie kliknij ikonę lupy, gdy się pojawi.

Podgląd zestawu startowego witryny za pomocą SeedProd

Otwiera to zestaw szablonów w nowej karcie.

Ponieważ jest to kompletny zestaw stron internetowych, możesz zobaczyć więcej stron i projektów, klikając różne linki, przyciski i elementy menu.

Przykład zestawu startowego strony internetowej, zainstalowanego za pomocą SeedProd

SeedProd oferuje zestawy szablonów dla różnych branż i nisz, takich jak strony restauracji, blogi podróżnicze, konsultacje marketingowe i inne.

Kiedy znajdziesz zestaw szablonów, którego chcesz użyć, po prostu najedź na niego kursorem, a następnie kliknij ikonę zaznaczenia, gdy się pojawi.

Wybór zestawu szablonów strony za pomocą SeedProd

SeedProd doda teraz wszystkie różne szablony do panelu administracyjnego WordPress.

Aby się przyjrzeć, przejdź do SeedProd » Theme Builder. Możesz zobaczyć nieco inne opcje w zależności od używanego zestawu.

Lista części zestawu szablonów w panelu WordPress

Szablony SeedProd są domyślnie wyłączone, więc nie zmienią natychmiast wyglądu Twojej strony, nadpisując Twój obecny motyw WordPress.

Krok 3: Dostosuj swój zestaw szablonów w WordPress

Zanim udostępnisz zestaw, musisz zastąpić przykładową zawartość. Możesz również zmienić branding zestawu, aby lepiej pasował do Twojej firmy. Na przykład, możesz dodać niestandardowe czcionki, dodać niestandardowe logo, zmienić kolory i wiele więcej.

Widoczne szablony elementów i stron mogą się różnić w zależności od zestawu. Jednak większość zestawów ma szablon nagłówka i stopki, więc pokażemy Ci, jak dostosować te szablony jako przykład.

Jak dostosować zestaw szablonów nagłówka w WordPress

Nagłówek to pierwsza rzecz, którą odwiedzający widzą po przybyciu na Twoją stronę. Mając to na uwadze, powinien on przedstawiać Twoją markę i zapewniać łatwy dostęp do najważniejszych treści Twojej witryny.

Aby dostosować szablon nagłówka, po prostu najedź na niego kursorem myszy, a następnie kliknij „Edytuj projekt”.

Dostosowywanie zestawu szablonów za pomocą SeedProd

To ładuje edytor SeedProd z szablonem nagłówka po prawej stronie ekranu.

Po lewej stronie zobaczysz menu z różnymi opcjami.

Dodawanie bloków do części szablonu strony

Większość szablonów nagłówków zawiera zastępczy symbol logo, więc zacznijmy od jego wymiany. Po prostu kliknij, aby wybrać zastępczy symbol logo, a menu po lewej stronie pokaże wszystkie ustawienia, których możesz użyć do dostosowania bloku.

Po prostu najedź kursorem na obrazek w menu po lewej stronie, a następnie kliknij przycisk Wybierz obrazek, gdy się pojawi.

Dodawanie logo do szablonu nagłówka strony internetowej

Większość zestawów szablonów zawiera alternatywne logo i obrazy, które możesz dodać do swojej strony WordPress.

Teraz pojawi się biblioteka mediów WordPress. Możesz wybrać jeden z tych obrazów stąd lub przesłać nowy obraz z komputera.

Dodawanie niestandardowego logo do zestawu startowego strony internetowej

Po wymianie logo możesz zmienić jego wyrównanie i rozmiar, dodać tekst alternatywny obrazu i więcej, korzystając z ustawień w menu po lewej stronie.

Kiedy będziesz zadowolony z wyglądu logo, dobrym pomysłem jest zaktualizowanie menu.

Większość szablonów nagłówków zawiera zastępczy menu nawigacyjne, które można łatwo dostosować, dodając własny tekst i linki. Aby rozpocząć, kliknij, aby wybrać blok Nav Menu.

Dodawanie menu nawigacyjnego do niestandardowego projektu strony

Możesz albo zbudować menu w SeedProd, albo wyświetlić dowolne menu nawigacyjne, które utworzyłeś w panelu WordPress.

Aby zbudować nowe menu za pomocą SeedProd, po prostu najedź kursorem myszy na dowolny element menu, który chcesz usunąć. Następnie kliknij ikonę kosza, gdy się pojawi.

Usuwanie elementów z menu nawigacyjnego WordPress

Aby dodać nowy element do menu, kliknij przycisk „Dodaj nowy element”, który tworzy nowy element zastępczy.

Następnie po prostu kliknij na element, aby go rozwinąć.

Tworzenie niestandardowego menu nawigacyjnego za pomocą WordPress

Zobaczysz teraz nowe ustawienia, w których możesz wpisać tekst i link, którego chcesz użyć.

Możesz również ustawić link tak, aby otwierał się w nowej karcie, lub możesz oznaczyć go jako nofollow, jeśli link nie ma wartości SEO.

Jak zainstalować zestaw szablonów za pomocą SeedProd

Po prostu powtórz te kroki, aby dodać więcej elementów do menu. Możesz również zmieniać kolejność elementów w menu za pomocą przeciągania i upuszczania.

Inną opcją jest po prostu wyświetlenie menu, które już utworzyłeś w panelu administracyjnym WordPress. Aby to zrobić, kliknij „WordPress Menu” i wybierz menu z listy rozwijanej.

Pokazywanie menu nawigacyjnego WordPress

Po wprowadzeniu tych zmian możesz chcieć dodać więcej treści do nagłówka. Na przykład, możesz zachęcić odwiedzających do śledzenia Cię w mediach społecznościowych, dodając przyciski „lubię to” i „udostępnij” do nagłówka.

W menu po lewej stronie znajdź blok, który chcesz dodać, a następnie przeciągnij go do swojego układu.

Dodawanie ikon społecznościowych do zestawu szablonów strony internetowej

Następnie możesz dostosować blok, korzystając z ustawień w menu po lewej stronie.

Gdy będziesz zadowolony z wyglądu szablonu nagłówka, kliknij „Zapisz”, aby zachować swoje ustawienia.

Publikowanie zestawu startowego strony internetowej

Jak dostosować szablon stopki w WordPress

Stopka jest idealnym miejscem do dodania przydatnych informacji, takich jak dynamiczna data praw autorskich lub Twój numer telefonu. Możesz również linkować do ważnych treści, takich jak formularz kontaktowy, blog i profile w mediach społecznościowych.

Mając to na uwadze, większość zestawów szablonów SeedProd zawiera szablon stopki. Aby edytować ten szablon, przejdź do SeedProd » Theme Builder, a następnie najedź kursorem na szablon „footer”. Gdy pojawi się link „Edit Design”, kliknij go.

Jak dostosować szablon stopki

To otwiera szablon stopki w edytorze SeedProd. Możesz teraz usunąć niechciane bloki, zastąpić treść zastępczą i dodać więcej bloków, postępując zgodnie z dokładnie tym samym procesem opisanym powyżej.

Wielu właścicieli firm wykorzystuje stopkę do wyświetlania swoich danych kontaktowych, takich jak adres e-mail firmy. Jednak jeśli korzystasz z WPForms, możesz łatwo dodać formularz kontaktowy do stopki swojej strony internetowej. Pozwoli to ludziom skontaktować się z Tobą z dowolnej strony lub wpisu.

Dodawanie formularza kontaktowego do zestawu szablonów za pomocą WPForms

Jeśli szukasz więcej pomysłów, możesz zapoznać się z naszą listą rzeczy do dodania do stopki Twojej witryny WordPress.

Większość szablonów stopki zawiera tekst zastępczy, który można zastąpić własną treścią. Po prostu kliknij, aby zaznaczyć każde pole tekstowe, a następnie wpisz swoją wiadomość w małym edytorze tekstu, który się pojawi.

Edytor zawiera wszystkie standardowe opcje formatowania, dzięki czemu możesz wyróżnić ważny tekst lub dodać linki, które pojawią się na Twoim blogu WordPress lub stronie internetowej.

Dodawanie tekstu do szablonu stopki

Wiele szablonów stopki zawiera gotowy blok Menu Nawigacyjnego z kilkoma przykładowymi linkami.

Możesz zastąpić te przykładowe elementy menu linkami do własnych treści, wykonując ten sam proces opisany powyżej. Na przykład, możesz umieścić linki do polityki prywatności swojej witryny, bloga, sklepu internetowego i innych ważnych treści.

Dodawanie niestandardowego menu nawigacyjnego do szablonu stopki witryny

Kiedy będziesz zadowolony z wyglądu stopki, kliknij przycisk Zapisz, aby zachować zmiany.

Krok 4: Edytuj ustawienia globalnego zestawu szablonów

Często będziesz chciał zmienić domyślne czcionki, tła, kolory i inne elementy szablonu, aby pasowały do Twojej marki. Zamiast wprowadzać te zmiany w każdym szablonie, możesz zaoszczędzić czas, edytując ustawienia Globalnego CSS zestawu.

W swoim panelu WordPress przejdź do SeedProd » Theme Builder i najedź kursorem na szablon Global CSS. Następnie możesz kliknąć link „Edytuj projekt”, gdy się pojawi.

Edycja globalnych ustawień CSS

W menu po lewej stronie SeedProd wymienia wszystkie różne elementy, które możesz zmienić, takie jak czcionki, formularze, układ i inne.

Aby zobaczyć, jakie zmiany możesz wprowadzić, po prostu kliknij dowolną opcję.

Zmiana globalnych ustawień CSS zestawu szablonów

Teraz możesz dostosować jego ustawienia. Na przykład, możesz zmienić kolory nagłówków zestawu, tekstu akapitów, linków i wiele więcej.

SeedProd automatycznie zastosuje te zmiany w całym zestawie szablonów.

Zmiana kolorów w zestawie szablonów witryny

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

Krok 5: Aktywuj swój zestaw szablonów SeedProd

Teraz możesz dostosować każdy szablon SeedProd, postępując zgodnie z tym samym procesem opisanym powyżej. Kiedy będziesz zadowolony z konfiguracji szablonów, nadszedł czas, aby udostępnić zestaw.

W panelu administracyjnym WordPress przejdź do SeedProd » Theme Builder i kliknij przełącznik „Enable SeedProd Theme”, aby pojawiło się „Yes”.

Włączanie zestawu szablonów w WordPress

Teraz, jeśli odwiedzisz swoją stronę WordPress, zobaczysz nowy projekt na żywo.

Alternatywa: Nie przepadasz za SeedProd? Sprawdź Thrive Architect, inny potężny plugin do tworzenia stron dla WordPress.

Kompleksowe przewodniki po dostosowywaniu witryny WordPress za pomocą SeedProd

Czy jesteś zainteresowany dalszym poznawaniem SeedProd w celu projektowania swojej strony internetowej? Zapoznaj się z poniższymi przewodnikami, aby kontynuować swoją podróż:

Mamy nadzieję, że ten artykuł pomógł Ci zainstalować zestawy szablonów w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak wyświetlać losowe cytaty na pasku bocznym WordPress lub zapoznać się z naszym wyborem najlepszych kreatorów stron internetowych do tworzenia CV online.

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

2 CommentsLeave a Reply

  1. Kreatory stron wyglądają na świetny sposób projektowania stron WordPress.
    Czy Canva może być używana jako wtyczka kreatora stron?

    • Na razie nie. Możesz używać obrazów stworzonych w Canva, ale do projektowania strony potrzebowałbyś innego narzędzia.

      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ę.