Tworzenie witryny z recenzjami produktów z dodatkiem – część 1

Witamy w pierwszej części tej 4-częściowej serii poświęconej tworzeniu witryny z recenzjami produktów przy użyciu Extra. Jeśli zastanawiasz się, jak rozpocząć tworzenie witryny z recenzjami produktów, ta seria jest dla Ciebie. Dzięki wbudowanej funkcji recenzji i inteligentnej kategoryzacji postów, Extra jest specjalnie przystosowana do tworzenia świetnie wyglądających recenzji, szablonów postów o produktach, mega menu i układów kategorii w ciągu kilku minut. Dołącz do mnie, gdy odkryjemy moc Extra.

Uwielbiam recenzje produktów. W rzeczywistości rzadko kupuję coś w dzisiejszych czasach bez przeprowadzenia dokładnego dochodzenia na poziomie FBI, aby ustalić, co świat ma do powiedzenia na temat produktu. Jeśli kiedykolwiek wyjdę na zakupy (to rzadkie), jestem facetem w sklepie stojącym przed półką przez 30 minut, czytając recenzje o produktach na półkach. I założę się, że nie jestem sam.

Witryny z recenzjami produktów są popularne i są świetnym sposobem na zarobienie dodatkowej gotówki w zaciszu własnego domu, jeśli jesteś w stanie samodzielnie je zbudować. Z biznesowego punktu widzenia stworzenie bloga z recenzjami produktów będzie wymagało znacznej pracy i dużo cierpliwości, aby odniosło sukces. Ale jeśli chodzi o rozwój Twojej rzeczywistej witryny, Extra Cię obejmuje.

Extra ma wiele wbudowanych funkcji, które znacznie ułatwiają dodawanie recenzji produktów. Moduły i układy kategorii inteligentnych są niezwykle wydajne i łatwe do dostosowania. Za pomocą jednego kliknięcia możesz przekształcić dowolny element menu w mega menu z polecanymi obrazami, co jest ważne w przypadku witryny z dużą ilością treści. A moc programu Visual Builder dodaje wysoki poziom możliwości projektowania do układów postów produktu.

W dzisiejszym poście omówię podstawowe opcje motywu i ustawienia dostosowywania motywu, aby potoczyć się w kierunku świetnie wyglądającej witryny z recenzjami produktów.

Oto zajawka tego, co zamierzamy zbudować w tej serii

Zanim zaczniemy, omówimy kilka innych ważnych kroków do rozważenia.

Ważne kroki w przypadku witryn z recenzjami produktów, które nie zostały uwzględnione w tej serii

W tej serii omówimy podstawy budowania i stylizowania witryny z recenzjami produktów za pomocą Extra. Dlatego nie będę omawiał innych ważnych kroków, które musisz podjąć, aby zbudować udaną witrynę z recenzjami produktów. Niektóre z tych ważnych kroków działania obejmują:

1. Znalezienie odpowiedniej niszy i zawężenie zakresu. Nie jest to łatwe i będzie wymagało znacznych badań.
2. Badanie zarobków partnerów dla produktów, aby sprawdzić, czy rzeczywiście zarobisz pieniądze.
   Amazon jest popularnym wyborem dla wielu witryn z recenzjami produktów, chociaż nie zawsze jest to najlepsza opcja.
3. Tworzenie prostej sekwencji wyboru e-maili i kampanii marketingowej za pomocą Bloom i usług innych firm, takich jak Mailchimp lub Aweber.
4. Twórz świetne treści lub płać za to innym.
5. Zoptymalizuj swoją witrynę pod kątem wyszukiwarek (SEO).
6. Promuj swoją witrynę w mediach społecznościowych
7. Współpracuj z innymi blogerami w swojej niszy, aby generować większy ruch.

Oczywiście jest więcej kroków.

Przygotowanie elementów projektu

1. Zainstalowano najnowszą wersję programu Extra.
2. Aktywny motyw potomny. Nie będziemy edytować żadnych podstawowych plików motywów, takich jak pliki header.php lub function.php dla tej serii. Będziemy używać tylko dostosowywania motywów i niestandardowego CSS.
3. Jasna wersja Twojego logo na ciemnym tle. Rozmiar mojego logo to 103×63.
4. Zdjęcia produktów. W tym samouczku będę miał 4 kategorie z 3 produktami w każdej kategorii, więc użyję w sumie 12 obrazów. Używam zdjęć stockowych z Shutterstock z białym tłem, aby nadać mu bardziej przejrzysty wygląd.

   Ponadto największa wersja obrazu produktu będzie miała 1280 pikseli (szerokość treści witryny), więc upewnij się, że Twoje obrazy są co najmniej tak szerokie. Najlepiej byłoby, gdyby wszystkie twoje obrazy miały rozmiar 1280 × 720, aby zachować proporcje 16: 9 większości monitorów.

Wszystko gotowe? Zacznijmy.

Tworzenie witryny z recenzjami produktów z dodatkiem – część 1

Subskrybuj nasz kanał YouTube

Konfigurowanie opcji motywu i ustawień dostosowywania motywu.

Z pulpitu nawigacyjnego WordPress przejdź do Extra > Theme Options > General tab i zaktualizuj następujące elementy:

Logo: Wprowadź swoje logo. Upewnij się, że jest to jasna wersja Twojego logo, ponieważ w nagłówku będzie znajdować się na ciemnym tle.
Favicon: Wpisz swoją favicon
Globalny kolor akcentu: #222222
Lokalizacja paska bocznego: brak paska bocznego

Zapisz ustawienia

Teraz przejdź do Extra > Theme Customizer > Ustawienia ogólne > Ustawienia typografii i zaktualizuj następujące elementy:

Rozmiar tekstu nagłówka: 24
Rozmiar tekstu ciała: 20
Wysokość linii nagłówka: 1,3
Styl czcionki nagłówka: B (pogrubiony)
Czcionka nagłówka: Oswald
Czcionka ciała: Otwórz Sans
Kolor łącza ciała: #e6567a

Zapisz i opublikuj

Wróć i wybierz Ustawienia tła i zmień kolor tła na rgba(0,0,0,0.14).

Zapisz i opublikuj

Teraz wróć do głównego menu dostosowywania motywu i wybierz Ustawienia nagłówka i nawigacji> Ustawienia formatu nagłówka i wybierz "wyśrodkowany".

Zapisz i opublikuj

Teraz wróć i wybierz Ustawienia głównego paska menu i zaktualizuj następujące elementy:

Wysokość menu: 124
Wysokość logo: 51
Rozmiar tekstu: 20
Kolor tekstu: rgba (255,255,255,0.86)
Kolor tła: #222222
Kolor tła menu rozwijanego: #222222
Animacja menu rozwijanego: Odwróć w pionie

Zapisz i opublikuj

Teraz wróć i wybierz Ustawienia pomocniczego paska menu i zaktualizuj następujące elementy:

Rozmiar tekstu: 20
Kolor tła: #121212
Kolor tła menu rozwijanego: #121212
Popularny rozmiar tekstu: 16px
Wyszukaj, koszyk i ikonę Rozmiar tekstu: 16
Szukaj, koszyk i kolor tła ikony: #444444

Następnie wróć i wybierz Stałe ustawienia nawigacji . Następnie zaktualizuj następujące elementy:

Wybierz Ukryj obraz logo
Wysokość menu: 60
Rozmiar tekstu: 16
Kolor tła: #222222

Zapisz i opublikuj

Jeśli pracujesz z zupełnie nową instalacją WordPress i Extra, Twoja strona główna powinna wyglądać mniej więcej tak.

Konfigurowanie kategorii dla swoich produktów

Gdy skończysz z ustawieniami Theme Customizer, możesz zacząć dodawać kategorie dla produktów, które będziemy dodawać w przyszłości.

Aby skonfigurować kategorie, przejdź do pulpitu nawigacyjnego WordPress i przejdź do pozycji Wpisy > Kategorie . W sekcji Dodaj nową kategorię po lewej stronie dodaj informacje o pierwszej kategorii. W tym przykładzie zamierzam dodać kategorię o nazwie „Elektronika” ze ślimakiem o nazwie „elektronika” i kolorem „#5bd999”.

Następnie kliknij przycisk Dodaj nową kategorię .

Powtórzę ten krok dla trzech kolejnych kategorii. Oto informacje dla wszystkich 4 moich kategorii:

1. Nazwa: Elektronika
   Ślimak: elektronika
   Kolor: #5bd999
2. Nazwa: Odzież
   Ślimak: odzież
   Kolor: #00c0e4
3. Nazwa: Kuchnia
   Ślimak: kuchnia
   Kolor: #e6567a
4. Nazwa: Zdrowie i fitness
   Ślimak: zdrowie i kondycja
   Kolor: #7658f8

Uwaga: kolory będą odgrywać integralną rolę w projektowaniu witryny, więc upewnij się, że je dodałeś.

Gdy skończysz dodawać kategorie, kończysz część 1 serii!

Nadchodzi: dodawanie postów i tworzenie układów postów dla swoich produktów

W części 2 tej serii zaczniemy dodawać treść naszych postów i budować nowy układ dla naszych postów o produktach. Dodawanie postów z recenzjami produktów do Extra jest w zasadzie jak dodawanie zwykłego posta, więc jeśli znasz się na tworzeniu postów na blogu i korzystaniu z Divi Builder, nie powinieneś mieć żadnych problemów z naszym następnym krokiem. Jeśli jesteś nowy w tym wszystkim, pomyśl, że to świetny czas, aby nauczyć się budować z Extra.

Oto przykład jednego z postów o produktach, które będziemy budować w drugiej części naszej serii.

Jeśli masz jakieś pytania lub uwagi, napisz komentarz.

Pozdrawiam!