Jak ci mówiłem w poprzedni samouczek, WordPress oferuje nowy domyślny motyw. Ten motyw, zaprojektowany dla firmowych witryn internetowych, stanowi niezwykłe odejście od domyślnych motywów WordPress, które w przeszłości były przeznaczone do blogowania i odzwierciedla najważniejsze przejście WordPress od platformy blogowej do wszechstronnej platformy.

Jeśli planujesz wypróbować Twenty Seventeen, szybko coś zrozumiesz: ten domyślny motyw WordPress różni się od swoich poprzedników. Poprzednie domyślne motywy narzucały minimalną konfigurację, co skutkowało funkcjonalnym blogiem. Cóż, tak nie jest w przypadku Twenty Seventeen.

Oczywiście możesz go wykorzystać jako motyw bloga, ale przypominam, że nie do tego został zaprojektowany. W rzeczywistości został zaprojektowany do tworzenia korporacyjnych stron internetowych przy użyciu strony głównej z sekcjami, które można łatwo odróżnić, oglądając jej demo.

Odkryj też Jak zainstalować wtyczkę w WordPress

Rezultatem tej zmiany ostrości jest to, że konfiguracja Twenty Seventeen trwa nieco dłużej niż poprzednie domyślne motywy WordPress.

W tym samouczku zbadamy Twenty Seventeen, zobaczymy, co ma do zaoferowania, i przeprowadzę Cię przez konfigurację tego motywu WordPress, abyś mógł łatwo utworzyć stronę główną dla swojej witryny. biznes.

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.

Przegląd dwudziestu siedemnastu

Prezentacja dwadzieścia siedemnaście

Zastosowanie pliku strona docelowa - strona docelowa - służenie jako strona główna firmowych witryn internetowych stało się modne. Dzięki Twenty Seventeen łatwo jest utworzyć stronę docelową dla witryny biznesowej.

Aby dowiedzieć się o jego możliwościach, zapoznaj się z oficjalną wersją demonstracyjną motywu WordPress Dwadzieścia siedemnaście. Od razu zauważysz nagłówek wideo. Przewiń trochę w dół, a pojawi się przekrojowy projekt strony. Każda sekcja jest oddzielona efektownym obrazem tła paralaksy, który zajmuje całą szerokość i wysokość okna.

Nawigacja jest prosta dzięki lepkiemu górnemu paskowi nawigacji i pojedynczej czcionce „ Bezpłatny Franklin Który jest używany w całym temacie.

Radzimy się skonsultować Jak dodać niestandardowe menu nawigacyjne na WordPress

Po prawidłowym skonfigurowaniu Twenty Seventeen wyświetla a profesjonalny wygląd nowoczesny, oparty na czytelnym wyborze czcionek i silnym wykorzystaniu efektownych efektów wizualnych zrównoważonych przez użycie dużej ilości białych znaków.

Jak stworzyć stronę główną w Twenty Seventeen?

Idąc w tym samym kierunku co Matt Mullenweg, kiedy mówił znaczenie Customizer, więc nic dziwnego, że większość zadań wykonywanych na „ Dwadzieścia siedemnaście Są w module dostosowywania.

Personalizacja Wordpress 47

Oprócz standardowych funkcji, takich jak menu i konfiguracja, dzięki widżetom Customizer możesz zdefiniować obraz nagłówka lub wideo, używać różnych schematów kolorów i wpływać na zawartość sekcji strony.

Odkryj też Jak dostosować CSS witryny WordPress

WordPress 4.7 wprowadza również nową funkcję zwaną „widocznym skrótem edycji”: pojawiają się one jako niebieskie ikony, jak na poprzednim obrazku. Kliknięcie jednego z tych skrótów otworzy pole, które pozwoli ci zmodyfikować sekcję w Customizer. 

Ułatwia to zmianę funkcji Twenty Seventeen, takich jak obraz nagłówka, slogan i tytuł oraz treść, która pojawia się w każdej sekcji strony. Musisz tylko znaleźć treść, którą chcesz edytować, a następnie kliknąć „widoczny skrót do edycji” i dostosować odpowiednią treść.

Idź dalej, odkrywając Jak dodać nieskończone przewijanie do bloga WordPress

WordPress jest również wyposażony w nową funkcję dostosowywania o nazwie „ Dodatkowy CSS ”. Już wcześniej rozmawialiśmy o tej funkcji. Jest to funkcja specyficzna dla WordPress, a nie „ Dwadzieścia siedemnaście ".

Aby pokazać, jak skonfigurować Dwadzieścia siedemnaście Zainstaluję motyw tak, jakbym miał go używać na swojej osobistej stronie internetowej.

Krok pierwszy: Utwórz stronę dla każdej sekcji

Utwórz stronę dla każdej sekcji

Pierwszą rzeczą, którą musisz zrobić, to utworzyć kilka stron:

  • Utwórz stronę, która będzie statyczną stroną główną.
  • Utwórz stronę, na której będą wyświetlane posty na blogu.

Jak ustawić witrynę WordPress w trybie konserwacji ? kliknij ten link

Utwórz maksymalnie cztery dodatkowe strony, aby zawierały treść, która będzie wyświetlana w sekcjach strony głównej. Utwórz trzy dodatkowe nowe strony, jeśli planujesz używać swojego bloga lub jednej z sekcji strony głównej.

konsultować Jak tworzyć kolumny w WordPress bez wtyczek

W przypadku mojego przykładu utworzyłem stronę główną, stronę bloga, stronę z informacjami, stronę usług i stronę kontaktową.

Krok 2: Dodaj obraz na pierwszej stronie

Aby uzyskać efekt paralaksy na obrazach, musisz dodać duży obraz strony głównej dla każdej strony, który będzie częścią sekcji pierwszej strony. Prawdopodobnie nie będziesz chciał dodać wyróżnionego obrazu do strony głównej utworzonej w poprzednim kroku, ale możesz dodać wyróżniony obraz do wszystkich innych stron.

Wyróżniony wordpress obrazu

Demo « Dwadzieścia siedemnaście Wykorzystuje obrazy, których wymiary mają szerokość 2000 pikseli i wysokość 1200 pikseli. Zalecane są obrazy zbliżone do tych rozmiarów. Rozumiesz, że nie powinieneś używać małych obrazów.

Odkryj 5 WordPress Page Builder Plugins-Builder stron

Znajdziesz wiele darmowych zdjęć w „ StockSnap I większość ma dobre wymiary.

Krok 3: Przypisz strony główne i stronę bloga

Statyczna strona główna wordpress

Teraz nadszedł czas, aby rozpocząć dostosowywanie. Uruchom dostosowywanie, a następnie przejdź do „  Wygląd> Dostosuj Na desce rozdzielczej.

Wybierz opcję statyczna strona główna I wprowadź następujące zmiany:

  • Ustaw wyświetlanie strony głównej, wybierz przycisk opcji dla strony statycznej.
  • Z menu strony głównej wybierz stronę główną witryny.
  • W menu Strona elementów wybierz stronę, na której będą wyświetlane artykuły.

Nie zapomnij zapisać zmian.

Krok 4: Przypisz pozostałe strony do sekcji strony głównej

Dwadzieścia siedemnaście sekcji tematycznych

Możesz teraz przypisać różne strony, które wcześniej utworzyłeś, do sekcji w „ Opcje motywu  ». Użyj więc ruchomych menu, aby przypisać każdą stronę do każdej sekcji zgodnie z przypisanym im trafnością.

Krok 5: Utwórz główne menu nawigacyjne

Możesz utworzyć menu nawigacyjne bezpośrednio z interfejsu Customizer lub z pulpitu nawigacyjnego. W obu przypadkach tworzenie menu w WordPress nie uległo zmianie.

Krok 6: Dodaj nagłówek wideo

Dwadzieścia siedemnaście nagłówków wideo

Następnie zastąpimy obraz nagłówka wideo. Przejdź do odpowiedniej sekcji Customizer, klikając odpowiedni „widoczny skrót edycji” lub zlokalizuj ” Szef mediów ".

Pobierz lub wybierz film, którego chcesz użyć. Alternatywnie możesz również podać adres URL filmu z YouTube, który będzie wyświetlany w nagłówku, jeśli chcesz.

Ponownie, upewnij się, ze względu na jakość, wybierz film o dużych wymiarach.

Dwadzieścia siedemnaście demonstracji

W tym momencie wszystko powinno działać normalnie. Będziemy oferować później inne samouczki na temat dostosowywania tego nowego motywu WordPress.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Rezerwacja stolików w restauracji WordPress

Menedżer rezerwacji stolików w restauracji to wtyczka, która pozwala zarządzać rezerwacją stolików w restauracji online.

Rezerwacja stolika w restauracji Wordpress

Dzięki temu Twoi lojalni klienci mogą zarezerwować stolik bezpośrednio z bloga WordPress. Oferuje narzędzia do zarządzania dostępnością, które pozwolą uniknąć błędów.

Możesz także użyć automatycznie generowanego kalendarza, aby lepiej śledzić różne rezerwacje.

Pobierz | Demo | hosting

2. ShareBang

ShareBang to rewolucyjna wtyczka do udostępniania społecznościowego WordPress. Oferuje pełne i eleganckie wrażenia, które pomogą Ci zwiększyć ruch oraz poprawić sprzedaż i widoczność Twoich produktów, stron i bloga.

Sharebang ostateczne przyciski udostępniania społecznościowego dla wordpress 1

Obsługuje + 42 z wiodących sieci społecznościowych, w tym aplikacji mobilnych, takich jak WhatsApp, Facebook, Telegram, Skype, Line, Viber i więcej. Ma więcej niż pozycje 21 przypisane do przycisków udostępniania społecznościowego, w pełni konfigurowalny układ, automatyczne i regularne aktualizacje, integracja z Mailchimp, Mailster i więcej…

Wszystkie powyższe funkcje i wiele innych są niezwykle łatwe w użyciu, aby pomóc Ci zdobyć więcej subskrybentów i wygenerować większy ruch. Po prostu dołącz do nowej generacji wtyczek przycisków udostępniania społecznościowego.

Pobierz | Demo | hosting

3. Octabook

Octabook to bardzo łatwa w użyciu wtyczka WordPress i narzędzie do natychmiastowej rezerwacji wizyt dla prawie wszystkich rodzajów usług i dostawców usług, którzy chcą oferować Rezerwacja online ze strony internetowej.Oktabook

Oferuje kilka funkcji, w tym: obsługę wielu lokalizacji, konfigurację usług, dynamiczne ceny, powiadomienia, obsługę dostosowywanych pól formularzy, personalizację wyglądu, Obsługa Kalendarza Google, intuicyjny pulpit nawigacyjny, eksport danych w formacie csv i wiele więcej.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Więc ! To wszystko w tym samouczku. Mamy nadzieję, że ci to pomoże stworzyć sklep internetowy prywatny. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami 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.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...