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
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.
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
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.
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
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
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
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.
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.
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.
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.
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.
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.
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.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jak wyświetlać wiadomości na WordPress w pionowym suwaku
- Jak przeglądać najnowsze artykuły w określonej kategorii
- Jak zmienić nazwę zdjęcia na bloga WordPress
- Jak naprawić błąd połączenia na WordPress
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.
...
Nie mogę zmienić zdjęcia kawiarni na stronie głównej. Mógłbyś pomóc? Wdzięczny. 🙂
Witaj. Nie mogę zrobić wersji mobilnej. Tylko na smartfonie widzę wersję komputerową.
Pozdrowienia ...
Proszę doradzić Thierry,
Jakie popularne widżety publikacyjne są odpowiednie dla tego tematu?
Witam,
Zasadniczo wszystkie wtyczki i widżety WordPress.
Witam,
Nowy użytkownik WordPressa, staram się modyfikować obrazy tego tematu.
Zrobiłem bardzo dobrze w przypadku obrazu nagłówka, ale w przypadku innych nie mogę znaleźć funkcji.
Czy jest jakaś konkretna wtyczka?
Z góry dziękuję za odpowiedź
Dobry wieczór,
Czy sprawdziłeś opcje? Czy próbowałeś edytować obrazy w którymkolwiek z artykułów?
Bonjour.
- Czy możemy poprosić o niższy obraz powitalny?
- Czy możemy wstawić logo na tej stronie głównej?
dziękuję
Halo
1. Tak, ale w tym przypadku potrzebujesz CSS.
2. Tak naprawdę nigdy nie próbowałem, przepraszam.
Witam,
Chciałbym wstawić 2 przyciski z linkami nad obrazkiem w nagłówku. Jak mam to zrobić?
Witam,
Musisz mieć jakieś wyobrażenia o CSS.
Witam serdecznie i dziękuję za ten samouczek, który pozwala poruszać się wokół tego tematu wp.
To samo żądanie co boobi, chciałbym, aby zdjęcia wyróżnione, aby efekt paralaksy nie pojawiał się na stronach statycznych, takich jak strona kontaktowa.
Czy powinniśmy interweniować w temat lub już zaplanowano?
Dziękujemy!
To samo pytanie, jak zapobiec pojawianiu się zdjęć z efektem paralaksy również na stronie kontaktowej statycznej strony przykładowej?
Dziękuję.
Witaj, możesz opcjonalnie dodać kod CSS, który ukrywa to w dostosowaniu.
Witam, chcę usunąć zdjęcie w nagłówku poszczególnych stron moich kroków na stronie artykułu bez przechodzenia przez css? DZIĘKI 🙂
Witam serdecznie i dziękuję za bardzo dobrze wytłumaczony tutorial.
Chciałbym pójść dalej. Pozwól mi wyjaśnić.
Stworzyłem motyw potomny na Th2017. Utworzyłem nową stronę zawierającą „TITLE” i „TEXT” oraz wyróżniony obraz.
Strona ta połączona menu pojawia się normalnie po kliknięciu menu. Następnie dodaj stronę do opcji motywu.
Dodatkowo na stronie głównej mam obrazek, a potem tekst „TEKST” w poziomym przesuwanym banerze.
Do żadnego problemu.
Tworzę w moim motywie potomnym szablon strony od page.php do page_modele.php. Modyfikuję ten plik za pomocą „Nazwa szablonu: Model strony” i dodaję echo „COUCOU” ;.
Tworzę stronę „TITLE2” z szablonem strony „Model Page” z obrazem, następnie łączę go z menu i dodaję do opcji motywu.
Ta strona zwykle pojawia się z napisem „COUCOU” po kliknięciu menu.
ALE, NA STRONIE GŁÓWNEJ mam obraz, ALE DODATKOWO TEKST „CUCKOO”.
Czy możesz mi pomóc, aby COUCOU pojawił się na stronie głównej.
Uwaga: COUCOU będzie zmienną pochodzącą z wtyczki.
Dziękuję za pomoc
szczerze
Witam,
Moja prośba dotyczy menu powiązań sieciowych społecznościowych.
Podczas pierwszego dostosowywania motywu 2017, nie mając konta na Facebooku, usunąłem funkcjonalność FB z menu, pozostawiając tylko link E-mail. Utworzyłem firmową stronę na Facebooku, ale nie mogę ponownie aktywować tego łącza. Usunąłem menu linków do mediów społecznościowych, myśląc, że może zostanie przywrócone do oryginalnej wersji. Ale nic do zrobienia, nie wiem, jak to stworzyć.
Czy możesz mi pomóc?
dziękuję
Dobry wieczór,
Opublikuj ten komentarz w artykule dotyczącym sieci społecznościowych.
Dobry wieczór, proces wydaje mi się dość prosty. Może dzięki zrzutom ekranu możemy Ci bardziej pomóc?
Dziękuję za tłumaczenie tutoriala. Jestem zablokowany na kroku 4, bez wyjaśniania sobie tego nie mam menu z opcjami, więc nie można zorganizować różnych poziomów strony statycznej. Pomysł ?
Witam Marc,
Czy możesz przeformułować?
Witam,
Na tym nowym szablonie wordpress tekst nie zajmuje całej strony, jak to zmienić?
W każdym przypadku na stronie głównej wpisz „jedna strona”
dziękuję
Maud
Witam,
Aby zmienić stronę główną, musisz trochę znać CSS
Zgadzam się z 😉
Witam,
Używam motywu „Twenty Seventeen” w mojej witrynie pro.
Chciałbym zrobić identyczną wersję z francuskim tekstem.
Czy wtyczka „Polylang” może być odpowiednia?
A może są bardziej odpowiednie wtyczki do tego motywu?
dziękuję
Tak więc motyw ma swoje kanały, a Twój blog zawiera sceny. Jeśli planujesz przetłumaczyć motyw. Zapraszam do korzystania z PoEdit. w przeciwnym razie do przetłumaczenia bloga wystarczy PolyLang.
DZIĘKI !!!!!
Czy jest to tłumaczenie dokumentu opublikowanego przez wpmudev?
Dobry wieczór, tak.
Jak kopać stopkę Submitted by WordPress z dwudziestu siedemnaście .. Dziękuję.
Musisz użyć CSS.
Nowy temat TwentySeventeen rzeczywiście wygląda elegancko, innowacyjnie i atrakcyjnie.
Ale kolor tła jest tylko biały lub szary ??? Próbowałem zmienić dołączenie do pliku style.css, ale nie ma to żadnego efektu: ??
W przypadku bloga o profesjonalnym wyglądzie idealnym rozwiązaniem byłoby wybranie płatnego motywu WordPress.
Halo
Zainstalowałem Twenty siedemnaście na moim blogu WordPress
1 Nie mam już okna komentarza na końcu artykułu
2 w jaki sposób internauci subskrybują bloga
cdlt
Witam Bernard,
Sprawdź ustawienia lub spróbuj aktywować inny motyw, aby zobaczyć, czy problem się powtarza.