Așa cum v-am spus într-o tutorial anterior, WordPress oferă o nouă temă implicită. Această temă, concepută pentru site-urile web corporative, marchează o abatere remarcabilă de temele implicite WordPress care în trecut au fost concepute pentru blog și reflectă cea mai semnificativă tranziție WordPress de la o platformă de blogging la o platformă versatilă.
Dacă intenționați să încercați Twenty Seventeen, veți înțelege rapid ceva: această temă implicită WordPress este diferită de predecesorii săi. Temele implicite anterioare au impus o configurație minimă care a dus doar la un blog funcțional. Ei bine, nu este cazul cu Douăzeci și Șaptesprezece.
Desigur, o puteți folosi ca temă de blog, dar vă reamintesc că nu pentru aceasta a fost concepută special. De fapt, a fost conceput pentru a crea site-uri web corporative folosind o pagină de pornire cu secțiuni, pe care le puteți distinge ușor vizionând demonstrația sa.
Descoperă și tu Cum se instalează un plug-in WordPress
Rezultatul acestei schimbări de focalizare este că configurarea Twenty Seventeen durează puțin mai mult decât temele WordPress implicite anterioare.
În acest tutorial, vom explora douăzeci și șaptesprezece, vom vedea ce are de oferit și vă voi îndruma prin configurarea acestei teme WordPress, astfel încât să puteți crea cu ușurință o pagină de pornire pentru site-ul dvs. web. Afaceri.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.
Apoi înapoi la motivul pentru care suntem aici.
Prezentare generală a douăzeci și șaptesprezece
Utilizarea unui pagina de destinație - Pagina de destinație - a deveni o pagină principală pentru site-urile web corporative a devenit la modă. Cu Twenty Seventeen, este ușor să creați o pagină de destinație pentru un site web de afaceri.
Pentru a vă face o idee despre posibilitățile sale, aruncați o privire la demo-ul oficial al temei WordPress Douăzeci Șaptesprezece. Chiar lângă bat, veți observa antetul video. Derulați puțin în jos și va apărea designul secțiunii paginii. Fiecare secțiune este separată de o impresionantă imagine de fundal de paralaxă care ocupă toată lățimea și înălțimea ferestrei.
Navigarea este simplă cu o bară de navigare superioară lipicioasă și un singur font, " Franklin gratuit Ceea ce se folosește de-a lungul temei.
Vă sfătuim să consultați Cum de a adăuga un meniu personalizat pentru navigare pe WordPress
Când este configurat corespunzător, Twenty Seventeen afișează a aspect profesional modern, construit pe selecții de fonturi lizibile și o utilizare puternică a elementelor vizuale izbitoare echilibrate de utilizarea spațiilor albe generoase.
Cum se creează o pagină de pornire cu Twenty Seventeen?
Mergând în aceeași direcție ca și Matt Mullenweg, când a vorbit importanța Personalizatorului, deci nu este surprinzător faptul că majoritatea sarcinilor efectuate pe „ Douăzeci Șaptesprezece Sunt în personalizator.
Pe lângă funcțiile standard, cum ar fi meniul și configurația, cu widget-urile Customizer puteți defini o imagine de antet sau un videoclip, puteți utiliza diferite scheme de culori și puteți afecta conținutul secțiunilor paginii dvs.
Descoperă și tu Cum să personalizați CSS-ul site-ului dvs. WordPress
WordPress 4.7 introduce, de asemenea, o nouă funcție numită „comandă rapidă de editare vizibilă”: acestea apar ca pictograme albastre ca în imaginea anterioară. Dând clic pe una dintre aceste comenzi rapide se va deschide câmpul care vă va permite să modificați secțiunea din Customizer.
Acest lucru face destul de ușor să modificați caracteristicile Twenty Seventeen, cum ar fi imaginea antetului, sloganul și titlul și conținutul care apare în fiecare secțiune a unei pagini. Trebuie doar să găsiți conținutul pe care doriți să îl editați, apoi faceți clic pe „comanda rapidă de editare vizibilă” și personalizați conținutul în cauză.
Mergeți mai departe descoperind Cum să adăugați defilare infinită la un blog WordPress
WordPress vine și cu o nouă caracteristică Customizer numită „ CSS suplimentare “. Am vorbit deja despre această caracteristică. Aceasta este o caracteristică specifică WordPress și nu „ Douăzeci Șaptesprezece ".
Pentru a vă arăta cum să configurați Douăzeci Șaptesprezece Voi instala tema ca și când aș folosi-o pentru site-ul meu personal.
Primul pas: creați o pagină pentru fiecare secțiune
Primul lucru pe care trebuie să-l faci este să creezi câteva pagini:
- Creați o pagină care va fi pagina dvs. de pornire statică.
- Creați o pagină care va afișa postări pe blog.
Cum să puneți site-ul dvs. WordPress în modul Întreținere ? click pe acest link
Creați până la patru pagini suplimentare pentru a conține conținutul care va fi afișat în secțiunile paginii de pornire. Creați trei pagini noi suplimentare dacă intenționați să utilizați blogul sau ca una dintre secțiunile paginii de pornire.
consulta Cum se fac coloane pe WordPress fără pluginuri
În cazul exemplului meu, am creat o pagină de pornire, o pagină de blog, o pagină despre, o pagină de servicii și o pagină de contact.
Pasul 2: Adăugați o imagine la prima pagină
Pentru a obține efectul de paralaxă asupra imaginilor, trebuie să adăugați o imagine mare pentru prima pagină pentru fiecare pagină, care va face parte din secțiunile primei pagini. Probabil că nu veți dori să adăugați o imagine prezentată la pagina de pornire pe care ați creat-o la pasul anterior, dar puteți adăuga o imagine prezentată la toate celelalte pagini.
Demo de « Douăzeci Șaptesprezece Utilizează imagini ale căror dimensiuni sunt 2000 pixeli lățime cu 1200 pixeli înălțime. Imaginile care se apropie de aceste dimensiuni sunt recomandate. Înțelegeți că nu ar trebui să folosiți imagini mici.
Descoperiți 5 Plugin-uri pentru constructor de pagini WordPress - pagină Builder
Veți găsi o mulțime de imagini gratuite în „ StockSnap Și majoritatea au dimensiuni bune.
Pasul 3: Alocați pagini de pornire și pagina de blog
Acum este timpul să începeți să personalizați. Lansați personalizatorul, apoi accesați „ Aspect> Personalizare Pe tabloul de bord.
Selectați opțiunea pagina principală statică Și efectuați următoarele ajustări:
- Setați ce afișează pagina de pornire, selectați butonul radio pentru o pagină statică.
- Din meniul paginii de pornire, selectați pagina de pornire a site-ului web.
- În meniul Pagina elemente, selectați pagina care va afișa articolele.
Nu uitați să vă salvați modificările.
Pasul 4: Alocați celelalte pagini secțiunilor paginii de pornire
Acum puteți atribui diferitele pagini pe care le-ați creat anterior secțiunilor din „ Opțiuni tematice “. Utilizați meniurile derulante pentru a atribui fiecare pagină fiecărei secțiuni în funcție de relevanța pe care o atribuiți.
Pasul 5: Creați meniul principal de navigare
Puteți crea meniul de navigare direct din interfața Customizer sau din tabloul de bord. În ambele cazuri, crearea meniurilor în WordPress nu s-a schimbat.
Pasul 6: Adaugă un antet video
Apoi, vom înlocui imaginea antetului cu un videoclip. Accesați secțiunea corespunzătoare din Customizer făcând clic pe „Comanda rapidă de editare vizibilă” corespunzătoare sau localizați „ Antet media ".
Descărcați sau selectați videoclipul pe care doriți să îl utilizați. Alternativ, puteți furniza și adresa URL a unui videoclip YouTube pentru a fi afișat în antet, dacă doriți.
Din nou, asigurați-vă că, pentru nevoile de calitate, alegeți un videoclip cu dimensiuni mari.
În acest moment, totul ar trebui să funcționeze normal. Vă vom oferi ulterior mai multe tutoriale despre personalizarea acestei noi teme WordPress.
Descoperiți și câteva plugin-uri premium WordPress
Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. WordPress Restaurant Rezervarea tabelului
Restaurant Table Booking Manager este un plugin care vă permite să gestionați rezervarea meselor restaurantului online.
Oferă oportunitatea cu clienții dvs. fideli de a rezerva un tabel direct de pe blogul dvs. WordPress. Oferă instrumente de gestionare a disponibilității, care vă vor împiedica să greșiți.
De asemenea, puteți utiliza calendarul generat automat pentru a urmări mai bine diferitele rezervări.
Descarca | Demo | web hosting
2. ShareBang
ShareBang este un revoluționar plugin de partajare socială WordPress. Oferă o experiență completă și elegantă, care te va ajuta să crești traficul și să îmbunătățești vânzările și vizibilitatea produselor, paginilor și blogului tău.
Acceptă + 42 din rețelele sociale de top, inclusiv aplicații mobile, cum ar fi WhatsApp, Facebook, Telegram, Skype, Line, Viber și multe altele. Este livrat cu mai mult de 21 poziții dedicate butoanelor de partajare socială, un aspect complet personalizabil, actualizări automate și regulate, integrare cu Mailchimp, Mailster și multe altele ...
Toate caracteristicile de mai sus și multe altele sunt extrem de ușor de utilizat în cele din urmă pentru a vă ajuta să câștigați mai mulți abonați și să generați mai mult trafic. Pur și simplu alăturați-vă următoarei generații de pluginuri pentru butoane de partajare socială.
Descarca | Demo | web hosting
3. Octabook
Octabook este un plugin WordPress foarte ușor de utilizat și un instrument de rezervare instantanee de întâlniri pentru aproape toate tipurile de servicii și furnizori de servicii care doresc să ofere Rezervare online de pe un site web.
Acesta oferă mai multe caracteristici care includ: asistență pentru localizare multiplă, configurarea serviciului, stabilirea prețurilor dinamice, notificări, câmpuri personalizate pentru formulare, personalizare a aspectului, Asistență Google Calendar, tabloul de bord intuitiv, exportul de date în format CSV și multe altele.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum să afișați știri pe WordPress într-un cursor vertical
- Cum să vizualizați articole recente dintr-o anumită categorie
- Cum de a redenumi imagini pe un blog WordPress
- Cum de a repara eroarea de conectivitate pe WordPress
Concluzie
Asa de ! Asta e pentru acest tutorial. Sperăm că vă va ajuta creați un magazin online privat. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.
Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...
Nu pot schimba fotografia cafenelei pe pagina principală. Ai putea ajuta? Recunoscător. 🙂
Salut. Nu pot crea o versiune mobilă. Numai pe smartphone, văd versiunea pentru computer.
Salutari ...
Vă rugăm să sfătuiți Thierry,
Ce widget-uri de publicare populare sunt potrivite pentru această temă?
bonjour,
Toate principiile și pluginurile WordPress, în principiu.
bonjour,
Utilizator nou al WordPress, caut modificarea imaginilor acestei teme.
M-am descurcat foarte bine pentru imaginea antetului, dar pentru celelalte nu găsesc funcționalitatea.
Există o conexiune specială?
Vă mulțumesc anticipat pentru răspunsul dvs.
Bonsoir,
Te-ai uitat la opțiuni? Ați încercat să editați imaginile din oricare dintre articole?
Bună dimineața.
- Putem avea o imagine de recepție mai mică?
- Putem insera un logo pe această pagină de pornire?
mulțumesc
bonjour
1. Da, dar în acest caz aveți nevoie de CSS.
2. Nu am încercat niciodată cu adevărat, îmi pare rău.
bonjour,
Aș dori să introduc 2 butoane cu link-uri deasupra imaginii din antet. Cum pot face ?
bonjour,
Trebuie să aveți niște noțiuni despre CSS.
Bună ziua și vă mulțumesc pentru acest tutorial care permite să treci peste această temă wp.
Aceeași cerere ca și boobi, aș dori ca fotografiile evidențiate pentru efectul de paralaxă să nu apară în paginile statice, cum ar fi pagina de contact.
Ar trebui să intervenim pe această temă sau este deja planificată?
Vă mulțumim!
Aceeași întrebare, cum să evităm ca fotografiile efectului de paralaxă să fie afișate și în pagina de contact de exemplu a paginii statice
Mărfuri.
Bună ziua, puteți adăuga opțional un cod CSS care ascunde acest lucru în personalizare.
Bună ziua, vreau să elimin fotografia antet a paginilor individuale pașii mei de pe pagina articolului într-un mod fără a trece prin CSS? MULTUMESC 🙂
Bună ziua și vă mulțumesc pentru tutorialul dvs. foarte bine explicat.
Aș vrea să merg mai departe. Lasă-mă să explic.
Am creat o temă pentru copii la Th2017. Am creat o pagină nouă care conține „TITLU” și „TEXT” și o imagine prezentată.
Această pagină legată de meniu apare în mod normal când faceți clic pe meniu. Apoi adăugați pagina la opțiunile tematice.
În plus, în pagina principală, am imaginea, apoi textul „TEXT” în bannerul orizontal alunecător.
Până la nicio problemă.
Creez în tema copilului meu, un șablon de pagină de la page.php la page_modele.php. Modific acest fișier cu „Nume șablon: Model pagină” și adaug ecou „COUCOU” ;.
Creez pagina „TITLE2” cu șablonul de pagină „Model Model” cu imagine, apoi îl conectez la meniu și îl adaug la Opțiunile temei.
Această pagină apare în mod normal cu „COUCOU” când faceți clic pe meniu.
DAR, ÎN PAGINA DE ACASĂ, am imaginea DAR PLUS TEXTUL „CUCKOO”.
Ma puteti ajuta astfel incat COUCOU sa apara in pagina de start.
Notă: COUCOU va fi o variabilă care provine dintr-un plugin.
Vă mulțumim pentru ajutor
Bien cordialement
bonjour,
Solicitarea mea se referă la meniul legăturilor de rețea socială.
În timpul primei personalizări a temei 2017, neavând un cont Facebook, am șters funcționalitatea FB din meniu, lăsând doar link-ul Email. Acum am creat pagina Facebook a companiei, dar nu pot reactiva acest link. Am eliminat meniul de linkuri de pe rețelele sociale gândindu-mă că poate va fi readus la versiunea originală. Dar nimic de făcut, nu văd cum să-l creez.
Poți să mă ajuți?
mulțumesc
Bonsoir,
Vă rugăm să postați acest comentariu într-un articol referitor la rețelele sociale.
Bună seara, procesul mi se pare destul de simplu. Poate cu ajutorul capturilor de ecran, vă putem ajuta mai mult?
Vă mulțumim pentru traducerea tutorialului. Sunt blocat la pasul 4, fără să-mi explic mie, nu am un meniu cu opțiuni, deci este imposibil să organizezi diferitele niveluri ale paginii statice. O idee ?
Bună ziua Mark,
Puteți reformula?
bonjour,
Pe acest nou șablon wordpress, textul nu ocupă întreaga pagină, cum să schimbi asta?
În orice caz, pe pagina principală tastați „o pagină”
mulțumesc
Maud
bonjour,
Pentru a schimba pagina de pornire, trebuie să cunoașteți puțin CSS
Sunt de acord cu 😉
bonjour,
Folosesc tema „Twenty Seventeen” pentru site-ul meu profesional.
Aș dori să fac o versiune identică cu textul francez.
Pluginul „Polylang” poate fi potrivit?
Sau există mai multe pluginuri potrivite pentru această temă?
mulțumesc
Deci, tema are canalele sale, iar blogul dvs. are scenele. Dacă intenționați să traduceți tema. Vă invit să utilizați PoEdit. în caz contrar, pentru a traduce blogul dvs., PolyLang o va face.
Multumesc !!!!!
Este aceasta traducerea documentului publicat de wpmudev?
Bună seara, da, este.
Cum de a lovi subsolul Submitted by WordPress cu douăzeci și șaptesprezece .. Mulțumesc.
Trebuie să utilizați CSS.
Noua temă TwentySeventeen arată de fapt elegantă, inovatoare și atractivă.
Dar pentru culoarea de fundal este doar alb sau gri ??? Am încercat să schimb inclusiv în fișierul style.css, dar nu are efect: ??
Pentru un blog cu aspect profesional, ideal ar fi să optezi pentru o temă WordPress plătită.
bonjour
Am instalat Douăzeci și șaptesprezece pe blogul meu WordPress
1 Nu mai am o fereastră de comentarii la sfârșitul articolului
2 modul în care utilizatorii de internet se abonează la blog
cdlt
Bună Bernard,
Vă rugăm să verificați setările sau să încercați să activați o altă temă pentru a vedea dacă problema se repetă.