Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62.

Elementor regularnie oferuje motywy, które pomogą Ci zbudować z nich kompletną stronę internetową. 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, jak zbudować kompletną witrynę internetową 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 nauczysz się, jak używać motywu jako podstawy dla wszystkich ważnych części witryny, a następnie połączyć to wszystko, aby stworzyć spójną witrynę.

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.

Jak stworzyć kompletny element strony internetowej lub blogpascher 1

Oto 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”.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala tworzyć Łatwo i za darmo dowolny projekt strony internetowej lub bloga o profesjonalnym wyglądzie. Przestań płacić dużo za stronę internetową, którą możesz zrobić sam.

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:

Elementor - wstaw szablon nagłówka

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.

Chcesz sprzedawać swoje produkty w Internecie?

Pobierz bezpłatnie WooCommerce, najlepsze wtyczki e-commerce, aby sprzedawać swoje fizyczne i cyfrowe produkty na WordPress i łatwo tworzyć swój sklep internetowy. Idealny dla początkujących.

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 Single Stanowisko
  • Kliknij dodaj nowy

W wyskakującym okienku Nowy szablon :

  • Podaj to imię
  • wybierać Stanowisko 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
Strona 404 - stwórz kompletną stronę internetową

Następnie opublikuj swój szablon, aby uzupełnić swoją witrynę.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To wszystko w tym przewodniku, który pokazuje krok po kroku, jak zbudować kompletną stronę internetową za pomocą Elementora. 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

...

0 akcji
udział
ćwierkanie
Enregistrer