Elementor regularnie oferuje motywy, które Ci pomogą stworzyć stronę internetową kompletne z tych. Każdego miesiąca wydajemy nowe motywy, które są zbudowane wokół określonej niszy, ale są na tyle elastyczne, że można je wreszcie dostosować do własnych potrzeb.
W połączeniu z Elementor Pro, te motywy pomagają szybko rozpocząć pracę z każdą częścią witryny, w tym:
pstatyczne wieku, jak strona główna,
- Nagłówek
- stopka
- strona 404
- sekcja Archiwum
- blog
- Wyskakujące okienka i inne
W tym samouczku pokażemy Ci jak stworzyć stronę internetową ukończ za pomocą wizualnego narzędzia do tworzenia stron Elementor.
Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu
Wróćmy do tego, dlaczego tu jesteśmy.
Jak zbudować kompletną stronę internetową z motywami Elementora
W tym samouczku dowiesz się, jak używać motywu jako podstawy dla wszystkich ważnych części witryny, a następnie złożyć wszystko razem, aby uzyskać stworzyć stronę internetową zgodny.
Dokładniej, temat Agencja cyfrowe.
Twoja witryna będzie zawierała kilka podstawowych stron, takich jak strony:
- Strona główna
- o
- Usługi
- Klienci
- Blog
- Kontakt
Oferuje również sekcje poświęcone również dynamicznej zawartości. Na przykład archiwa postów na blogu i szablony postów automatycznie dopasowują się do niezależnych stron. Możesz także zmienić nagłówek, stopkę i stron 404.
więc tutaj jak stworzyć stronę internetową z motywem Elementora:
1. Zainstaluj i aktywuj motyw Elementor Hello
Ponieważ będziesz używać Elementora i szablonu motywu do zbudowania całej witryny, nie musisz szukać innych elementów.
Zamiast tego potrzebujesz tylko lekkiej, zoptymalizowanej pod kątem wydajności strony internetowej, którą zapewnia motyw Elementor Hello.
Aby rozpocząć, przejdź do Wygląd → Motywy → Dodaj i wyszukaj „ Witaj elementorze”. Następnie zainstaluj i aktywuj motyw.
2. Skonfiguruj podstawowe statyczne strony swojej witryny
Następnie przejdź do menu Strony → Dodaj do tworzenia podstawowych stron Twojej witryny.
Najpierw utwórz stronę o nazwie „ Strona główna „I kliknij przycisk Edytuj za pomocą Elementora uruchomić Elementora.
Kliknij ustawienia aby otworzyć ustawienia strony i zmień jej układ tak, aby był równy Elementor o pełnej szerokości.
Następnie otwórz bibliotekę szablonów Elementor i wyszukaj „Agencja cyfrowa” pod O Nas :
Powinieneś zobaczyć listę szablonów stron tego motywu. Wstaw szablon Strona główna z listy modeli.
Teraz powinieneś zobaczyć pełną stronę główną. Na razie nagłówek wygląda trochę nudno - ale nie martw się, wkrótce to naprawimy..
Następnie dodaj kolejną stronę, której chcesz użyć dla swojego „ o”.
Tak jak poprzednio, utwórz stronę i zmień układ na Elementor o pełnej szerokości. Następnie otwórz bibliotekę szablonów i wstaw szablon O nas z tematu Agencja cyfrowa.
Teraz powtórz ten sam proces, aby utworzyć wszystkie inne strony, w tym: Usługi, Klienci i Kontakt.
Nie martw się jeszcze o stronę Blog. Ta strona nie jest statyczna jak inne. Z tego powodu utworzysz go tam inną metodą (którą omówimy w dalszej części tego samouczka).
Aby zakończyć konfigurację stron statycznych, musisz poinformować instalację WordPress, aby używała statycznej strony głównej. Aby to zrobić…
- przejdź do Ustawienia → Odtwarzanie
- wybierać Strona statyczna (wybierz poniżej) w ustawieniach strony głównej
- Wybierz stronę, która zawiera szablon strony głównej motywu
3. Utwórz inne części swojej witryny
Teraz jesteś gotowy do zbudowania innych części swojej witryny za pomocą Elementora. Elementor pozwala wyjść poza tworzenie stron statycznych (tak jak to zrobiłeś powyżej).
Z Elementorem możesz także projektować sekcje, takie jak: en-głowa; stopka itp ...
A dzięki motywowi Elementora będziesz mógł importować szablony dla wszystkich sekcji, które są już na statycznych stronach utworzonych w poprzednim kroku.
Aby uzyskać dostęp do kreatora wizualnego Elementora, przejdź do Szablony→ Kreator motywów. Będziesz musiał zainstalować Elementor Pro, aby mieć do niego dostęp.
Teraz nadszedł czas, aby utworzyć sekcje
chodnikowiec
Aby rozpocząć, przejdź do zakładki Nagłówek interfejsu wizualnego narzędzia do tworzenia, a następnie kliknij dodaj nowy. Na następnym ekranie zobaczysz wybór szablonów w bibliotece Elementor. Tak jak w przypadku stron statycznych, wyszukaj „Agencja cyfrowa”, a następnie wstaw:
Teraz powinieneś zobaczyć wizualny podgląd nagłówka, a także menu nawigacyjne z wstawionego szablonu.
Jeśli chcesz to zmienić
- przejdź do Wygląd → Menu na pulpicie nawigacyjnym WordPress
- Utwórz nowe menu
Po utworzeniu menu możesz dodać strony utworzone w kroku 2 do menu nawigacji.
Czytaj także: 10 narzędzi automatyzacji do marketingu w małych firmach
Kiedy skończysz dodawać pozycje menu, zapisz menu i wróć do szablonu nagłówka w interfejsie Elementora.
następnie publikować nagłówek i użyj warunków wyświetlania, aby wyświetlić szablon nagłówka w całej witrynie. Jeśli chcesz, możesz również użyć warunków wyświetlania, aby utworzyć różne nagłówki dla różnych typów treści:
Następnie wciśnij Zapisz i zamknij
Stopka
Teraz czas stworzyć stopkę Twojej strony:
- Wróć do interfejsu wizualnego narzędzia do tworzenia stron
- Kliknij zakładkę Footer
- Kliknij przycisk, aby Dodaj nową stopkę
- W wyskakującym okienku nadaj nazwę stopce i kliknij Utwórz szablon
Teraz powinieneś zobaczyć listę szablonów stopek, tak jak w przypadku nagłówka. Wyszukaj „Agencja cyfrowa” i wstaw szablon stopki.
Po wstawieniu szablonu stopki powinieneś zobaczyć podgląd stopki:
następnie publikować szablon stopki i użyj terminów wyświetlania, aby wyświetlić go w całej witrynie.
Strona bloga
W przeciwieństwie do stron statycznych utworzonych w kroku 2, strona blogu Twojej witryny to „ archiwum ”. Zasadniczo oznacza to, że dynamicznie wyświetla najnowsze treści z Twojej witryny.
Jeśli użytkownik kliknie określony element na stronie bloga, zostanie przeniesiony na stronę wyświetlającą zawartość tego elementu. Nazywa się to „pojedynczą” stroną. Twój unikalny projekt gwarantuje, że wszystkie Twoje treści będą wyglądać tak samo – jedyne, co się zmienia, to rzeczywista treść (np. tytuł posta, treść, wyróżniony obraz itp.).
Odkryj także Jak dodać spis treści w WordPress za pomocą Elementora
Aby stworzyć unikalne strony archiwum i szablony stron, powinieneś użyć wizualnego kreatora Elementor - nie stref strona ou artykuł WordPress domyślnie.
Aby rozpocząć…
- Otwórz interfejs kreatora motywów
- Przejdź do zakładki Archiwum
- Kliknij Dodaj nowy
- Nadaj mu nazwę i kliknij Utwórz szablon
Podobnie jak w przypadku nagłówka i stopki, zobaczysz listę szablonów stron archiwum. Poszukaj szablonu „Agencja cyfrowa” i wstaw go.
Teraz powinieneś zobaczyć podstawowy projekt strony z artykułami.
Należy zauważyć, że jeśli widzisz tylko jeden artykuł, jest to normalne, ponieważ WordPress zawiera tylko domyślny przykład, którym jest „Hello World! ”.
Na razie wszystko, co musisz zrobić, to opublikować stronę archiwum i ustaw ją tak, aby wyświetlała się we wszystkich archiwach.
Przeczytaj nasz przewodnik Jak ręcznie zmigrować witrynę WordPress
Następnie możesz przejść do menu postów na pulpicie nawigacyjnym i tworzyć nowe posty na blogu. Przypisz każdy element do kategorii o nazwie „Aktualności".
Teraz, gdy przejdziesz na stronę swojego bloga, powinieneś automatycznie zobaczyć wszystkie te nowe posty:
Stworzenie strony szablonu posta na blogu
W tym momencie strona Twojego bloga ma dość przyjazny dla użytkownika wygląd. Ale jeśli klikniesz konkretny post na blogu, układ nie będzie pasował do reszty Twojej witryny.
Aby rozwiązać ten problem, musisz utworzyć „unikalny” szablon za pomocą Elementora:
- Otwórz kreator wizualny Elementora
- Przejdź do zakładki Jedna Post
- Kliknij dodaj nowy
W wyskakującym okienku Nowy szablon :
- Podaj to imię
- wybierać Post na liście rozwijanej Wybierz Typ posta. To informuje Elementor, że chcesz użyć tego szablonu do swoich postów na blogu (w przeciwieństwie do Pages lub innego niestandardowego typu posta, którego możesz użyć)
Ponownie zobaczysz bibliotekę szablonów Elementor. Znajdź unikalny szablon artykułu w szablonie „Agencja cyfrowa” i wstaw go.
Czytaj także Tryb konserwacji na WordPress: Wyjaśnienie i konfiguracja
Jeśli chcesz, możesz użyć wielu dynamicznych widżetów danych publikowania, aby kontrolować wygląd swojej strony.
Na przykład, jeśli zmodyfikujesz widżet Opublikuj informacje, będziesz w stanie kontrolować elementy metadanych, które się pojawiają, na przykład w publikacji ...
- Autor
- Data publikacji
- komentarze
- Itd.
Gdy będziesz zadowolony z modelu przedmiotu, kliknij publikować. Następnie możesz użyć opcji wyświetlania, aby ten unikalny szablon dotyczył tylko postów z kategorii „Poza wiadomościami”:
- Wybierz z kategoria
- Wybierz kategorię Aktualności
Następnie wciśnij Zapisz i zamknij.
Teraz wszystkie posty na blogu powinny mieć wygląd pasujący do reszty witryny.
Aby skończyć, przejdź do Wygląd → Menu i dodaj stronę swojego bloga do menu nawigacyjnego. W tym celu możesz dodać link do kategorii "Aktualności" w dziale Kategorie.
Strona 404
Na koniec musisz utworzyć stronę 404 swojej witryny. Strona 404 Twojej witryny jest tym, co użytkownicy zobaczą, jeśli klikną zepsuty link lub spróbują odwiedzić stronę, która nie istnieje.
Odkryj także nasze Wtyczki 5 WordPress służące do obsługi błędów 404
Aby utworzyć swoją stronę 404, użyj wizualnego kreatora Elementor, aby dodać kolejny unikalny szablon.
- Otwórz kreator wizualny Elementora
- Przejdź do zakładki Błąd 404
- Kliknij dodaj nowy
- Wstaw szablon agencji cyfrowej ze strony 404
Następnie opublikuj swój szablon, aby uzupełnić swoją witrynę.
Pobierz Elementor Pro teraz!
Wnioski
Więc ! To wszystko w tym przewodniku, który pokaże Ci krok po kroku jak stworzyć stronę internetową w komplecie z Elementorem. Jeśli masz komentarze lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
