Zoals ik je al zei in een vorige zelfstudie, WordPress biedt een nieuw standaardthema. Dit thema, ontworpen voor zakelijke websites, markeert een opmerkelijke afwijking van de standaard WordPress-thema's die in het verleden waren ontworpen voor bloggen en weerspiegelt de belangrijkste overgang van WordPress van een blogplatform naar een veelzijdig platform.
Als je van plan bent om Twenty Seventeen eens te proberen, zul je snel iets begrijpen: dit standaard WordPress-thema is anders dan zijn voorgangers. De vorige standaardthema's legden een minimale configuratie op, wat resulteerde in slechts een functionele blog. Nou, dat is niet het geval met Twenty Seventeen.
Je kunt het natuurlijk als blogthema gebruiken, maar ik herinner je eraan dat dit niet is waarvoor het specifiek is ontworpen. Het is eigenlijk ontworpen om bedrijfswebsites te maken met behulp van een startpagina met secties, die u gemakkelijk kunt onderscheiden door de demo te bekijken.
Ontdek ook Hoe maak je een plugin in WordPress installeren
Het resultaat van deze verschuiving in focus is dat het opzetten van Twenty Seventeen iets langer duurt dan de vorige standaard WordPress-thema's.
In deze tutorial zullen we Twenty Seventeen verkennen, zien wat het te bieden heeft en ik zal je helpen bij het opzetten van dit WordPress-thema, zodat je gemakkelijk een startpagina voor je website kunt maken. onderneming.
Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog
Ga dan terug naar waarom we hier zijn.
Twenty Seventeen-overzicht
Het gebruik van een bestemmingspagina - bestemmingspagina - om als startpagina voor bedrijfswebsites te dienen, is trendy geworden. Met Twenty Seventeen is het eenvoudig om een ​​landingspagina voor een zakelijke website te maken.
Bekijk de officiële demo van het WordPress-thema om een ​​idee te krijgen van de mogelijkheden Twintig Zeventien. Je zult meteen de videokop opmerken. Scroll een beetje naar beneden en het doorsnededesign van de pagina verschijnt. Elke sectie wordt gescheiden door een opvallende parallax-achtergrondafbeelding die de volledige breedte en hoogte van het raam beslaat.
Navigatie is eenvoudig met een plakkerige navigatiebalk bovenaan en een enkel lettertype, " Gratis Franklin Die overal in het thema wordt gebruikt.
Wij adviseren u om te raadplegen Hoe maak je een aangepaste navigatie menu op WordPress toe te voegen
Als het correct is ingesteld, geeft Twenty Seventeen a professionele uitstraling modern, gebouwd op leesbare lettertypeselecties en een sterk gebruik van opvallende beelden, in evenwicht gehouden door het gebruik van royale witruimte.
Hoe maak je een startpagina met Twenty Seventeen?
Gaan in dezelfde richting als Matt Mullenweg, toen hij sprak over het belang van de Customizer, dus het is niet verwonderlijk dat de meeste taken zijn uitgevoerd op ' Twintig Zeventien Zijn in de Customizer.
Naast de standaardfuncties zoals menu en configuratie, kunt u met de Customizer-widgets een headerafbeelding of video definiëren, verschillende kleurenschema's gebruiken en de inhoud van secties van uw pagina beïnvloeden.
Ontdek ook Hoe de CSS van uw WordPress-website aan te passen
WordPress 4.7 introduceert ook een nieuwe functie genaamd "zichtbare snelkoppeling bewerken": ze verschijnen als blauwe pictogrammen zoals in de vorige afbeelding. Als u op een van deze snelkoppelingen klikt, wordt het veld geopend waarin u de sectie in de Customizer kunt wijzigen.
Dit maakt het vrij eenvoudig om de kenmerken van Twenty Seventeen te wijzigen, zoals de headerafbeelding, slogan en titel en de inhoud die in elk gedeelte van een pagina verschijnt. U hoeft alleen maar de inhoud te vinden die u wilt bewerken, vervolgens klikt u op de "zichtbare snelkoppeling voor bewerken" en past u de betreffende inhoud aan.
Ga verder door te ontdekken Hoe oneindig scrollen toe te voegen aan een WordPress-blog
WordPress wordt ook geleverd met een nieuwe Customizer-functie genaamd " extra CSS ". We hebben al eerder over deze functie gesproken. Dit is een functie die specifiek is voor WordPress en niet voor ' Twintig Zeventien .
Om u te laten zien hoe u het moet instellen Twintig Zeventien Ik ga het thema installeren alsof ik het voor mijn persoonlijke website zou moeten gebruiken.
Stap één: maak een pagina voor elke sectie
Het eerste wat u moet doen, is een paar pagina's maken:
- Maak een pagina die uw statische startpagina wordt.
- Maak een pagina waarop blogberichten worden weergegeven.
Hoe u uw WordPress-website in de onderhoudsmodus plaatst ? klik op deze link
Maak maximaal vier extra pagina's met de inhoud die wordt weergegeven in de secties van de startpagina. Maak drie extra nieuwe pagina's als u van plan bent uw blog te gebruiken of als een van de secties van de startpagina.
raadpleeg Hoe kolommen maken op WordPress zonder plug-ins
In het geval van mijn voorbeeld heb ik een startpagina, een blogpagina, een informatiepagina, een servicepagina en de contactpagina gemaakt.
Stap 2: voeg een afbeelding toe aan de voorpagina
Om het parallax-effect op de afbeeldingen te krijgen, moet u voor elke pagina een grote afbeelding op de voorpagina toevoegen, die deel zal uitmaken van de secties van de eerste pagina. U wilt waarschijnlijk geen uitgelichte afbeelding toevoegen aan de startpagina die u in de vorige stap hebt gemaakt, maar u kunt een uitgelichte afbeelding aan alle andere pagina's toevoegen.
De demo van « Twintig Zeventien Gebruikt afbeeldingen waarvan de afmetingen 2000 pixels breed en 1200 pixels hoog zijn. Afbeeldingen die deze formaten benaderen, worden aanbevolen. U begrijpt dat u geen kleine afbeeldingen moet gebruiken.
Ontdek de 5 WordPress Page Builder Plug-ins - paginabuilder
U vindt veel gratis afbeeldingen in ' StockSnap En de meeste hebben goede afmetingen.
Stap 3: Wijs startpagina's en blogpagina's toe
Nu is het tijd om aan te passen. Start de Customizer en ga vervolgens naar ' Uiterlijk> Aanpassen Op het dashboard.
Selecteer de optie statische startpagina En breng de volgende aanpassingen aan:
- Stel in wat de startpagina weergeeft, selecteer het keuzerondje voor een statische pagina.
- Selecteer in het startpaginamenu de startpagina van de website.
- Selecteer in het menu Items-pagina de pagina waarop de artikelen worden weergegeven.
Vergeet niet uw wijzigingen op te slaan.
Stap 4: wijs de andere pagina's toe aan de secties van de startpagina
U kunt nu de verschillende pagina's die u eerder heeft gemaakt, toewijzen aan de secties in het gedeelte ' Thema-opties ". Gebruik de vervolgkeuzemenu's om elke pagina aan elke sectie toe te wijzen op basis van de relevantie die u eraan toewijst.
Stap 5: maak uw hoofdnavigatiemenu
U kunt uw navigatiemenu rechtstreeks vanuit de Customizer-interface of vanaf uw dashboard maken. In beide gevallen is de aanmaak van de menu's in WordPress niet veranderd.
Stap 6: voeg een videokoptekst toe
Vervolgens zullen we de headerafbeelding vervangen door een video. Ga naar het overeenkomstige gedeelte op Customizer door op de juiste "Zichtbare bewerkingssnelkoppeling" te klikken of zoek " Media header .
Download of selecteer de video die u wilt gebruiken. Als alternatief kunt u ook de URL van een YouTube-video opgeven om in de koptekst weer te geven als u dat wilt.
Nogmaals, zorg ervoor dat je voor kwaliteitsbehoeften een video met grote afmetingen kiest.
Op dit punt zou alles normaal moeten werken. We zullen je later meer tutorials aanbieden over de aanpassing van dit nieuwe WordPress-thema.
Ontdek ook enkele premium WordPress-plug-ins
U kunt andere WordPress-plug-ins gebruiken om een ​​moderne look te geven en de grip van uw blog of website te optimaliseren.
We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.
1. WordPress Restaurant Table Booking
Restaurant Table Booking Manager is een plug-in waarmee u de reservering van de tafels van uw restaurant online kunt beheren.
Het biedt de mogelijkheid om samen met uw trouwe klanten een tafel te reserveren rechtstreeks vanuit uw WordPress-blog. Het biedt tools voor beschikbaarheidsbeheer waarmee u fouten kunt voorkomen.
U kunt ook de automatisch gegenereerde kalender gebruiken om de verschillende boekingen beter te volgen.
Downloaden | demonstratie | web hosting
2. ShareBang
ShareBang is een revolutionaire WordPress-plug-in voor sociaal delen. Het biedt een complete en elegante ervaring die u zal helpen meer verkeer te genereren en de verkoop en zichtbaarheid van uw producten, pagina's en blog te verbeteren.
Het ondersteunt + 42 van toonaangevende sociale netwerken, waaronder mobiele apps, zoals WhatsApp, Facebook, Telegram, Skype, Line, Viber en meer. Het wordt geleverd met meer dan 21-posities voor knoppen voor sociaal delen, een volledig aanpasbare lay-out, automatische en regelmatige updates, integratie met Mailchimp, Mailster en meer ...
Alle bovenstaande functies en nog veel meer zijn ten slotte uiterst eenvoudig te gebruiken om u te helpen meer abonnees te werven en meer verkeer te genereren. Sluit u gewoon aan bij de volgende generatie plug-ins voor sociale deelknoppen.
Downloaden | demonstratie | web hosting
3. Octabook
Octabook is een zeer eenvoudig te gebruiken WordPress-plug-in en tool voor het onmiddellijk boeken van afspraken voor bijna alle soorten diensten en serviceproviders die willen aanbieden online boeken van een website.
Het biedt verschillende functies zoals: ondersteuning voor meerdere lokalisatie, serviceconfiguratie, dynamische prijzen, meldingen, ondersteuning van aanpasbare velden voor formulieren, aanpassing van het uiterlijk, Ondersteuning voor Google Agenda, het intuïtieve dashboard, gegevensexport in csv-indeling en nog veel meer.
Downloaden | demonstratie | web hosting
Aanbevolen bronnen
Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.
- Hoe kan ik het nieuwsbericht te zien op WordPress in een verticale slider
- Hoe kan ik recente artikelen in een bepaalde categorie te bekijken
- Hoe om beelden te hernoemen op een WordPress blog
- Hoe connectiviteitsfout op WordPress vast te stellen
Conclusie
Alstublieft ! Dat was het voor deze tutorial. We hopen dat het je zal helpen maak een online winkel privaat. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.
Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.
...
Ik kan de foto van het café op de hoofdpagina niet wijzigen. Kunt u helpen? Dankbaar. 🙂
Hallo. Ik kan geen mobiele versie maken. Alleen op de smartphone zie ik de computerversie.
Groeten ...
Gelieve Thierry te informeren,
Welke populaire publicatie-widgets zijn geschikt voor dit thema?
Hallo,
Alle WordPress-plug-ins en widgets in principe.
Hallo,
Nieuwe gebruiker van WordPress, ik probeer de afbeeldingen van dit thema te wijzigen.
Ik deed het heel goed voor de headerafbeelding, maar voor de anderen kan ik de functionaliteit niet vinden.
Is er een bepaalde plug in?
Ik dank u bij voorbaat voor uw antwoord
Bonsoir,
Heb je de opties bekeken? Heb je geprobeerd de afbeeldingen in een van de artikelen te bewerken?
Goedemorgen.
- Kunnen we een lager welkomstbeeld hebben?
- Kunnen we een logo op deze homepage plaatsen?
Dankjewel
Dag
1. Ja maar je hebt CSS nodig in dit geval.
2. Ik heb het nooit echt geprobeerd, sorry.
Hallo,
Ik zou graag 2 knoppen met links boven de afbeelding in de koptekst willen invoegen. Hoe kan ik doen?
Hallo,
Je moet een aantal noties van CSS hebben.
Hallo en bedankt voor deze tutorial die het mogelijk maakt om dit thema wp goed te doen.
Zelfde verzoek als boobi, ik zou willen dat de foto's gemarkeerd voor het parallax-effect niet verschijnen op statische pagina's, zoals de contactpagina.
Moeten we ingrijpen op het thema of is het al gepland?
Dank je wel!
Dezelfde vraag, hoe te voorkomen dat de foto's van het parallax-effect ook worden weergegeven op de contactpagina van de statische pagina, voorbeeld?
Merci.
Hallo kunt u voeg eventueel een CSS-code dat het in aanpast verbergt.
Hallo, ik wil de koptekstfoto van de individuele pagina's verwijderen, mijn stappen op de artikelpagina een manier zonder door de css te gaan? BEDANKT 🙂
Hallo en dank u voor uw les zeer goed uitgelegd.
Ik zou graag verder willen gaan. Laat het me uitleggen.
Ik heb een child-thema gemaakt op Th2017. Ik heb een nieuwe pagina gemaakt met "TITLE" en "TEXT" en een uitgelichte afbeelding.
Deze pagina gelinkt in het menu dat verschijnt normaliter bij het klikken op het menu. Vervolgens toegevoegd aan de thema opties pagina.
Bovendien heb ik op de startpagina de afbeelding en vervolgens de tekst "TEXT" in de horizontale schuifbalk.
Tot dan geen zorgen.
Ik maak in mijn child-thema een paginasjabloon van page.php naar page_modele.php. Ik pas dit bestand aan met "Sjabloonnaam: Paginamodele" en voeg echo "COUCOU"; toe.
Ik maak de "TITLE2" -pagina met de "Modelpagina" -paginasjabloon met afbeelding, dan koppel ik deze aan het menu en voeg ik deze toe aan de Thema-opties.
Deze pagina verschijnt normaal gesproken met "COUCOU" wanneer u op het menu klikt.
MAAR, OP DE HOMEPAGE, heb ik de afbeelding MAAR PLUS DE "CUCKOO" TEKST.
Kun je me helpen zodat COUCOU op de startpagina verschijnt.
Opmerking: COUCOU zal een variabele zijn die afkomstig is van een plug-in.
Dank u voor uw hulp
Oprecht
Hallo,
Mijn verzoek is voor het menu van social networking schakels.
Tijdens de eerste aanpassing van het 2017-thema, zonder een Facebook-account te hebben, heb ik de FB-functionaliteit uit het menu verwijderd, waardoor alleen de e-maillink overbleef. Ik heb nu de Facebook-pagina van het bedrijf gemaakt, maar ik kan deze link niet opnieuw activeren. Ik heb het menu met links naar sociale media verwijderd, denkend dat het misschien terug zou worden gebracht naar de originele versie. Maar niets te doen, ik zie niet hoe ik het moet maken.
Kun je me helpen?
dank u
Bonsoir,
Post dit commentaar in artikelen met betrekking tot sociale netwerken.
Goedenavond, het proces lijkt me vrij eenvoudig. Misschien kunnen we u met screenshots meer helpen?
Bedankt voor de vertaling van de tutorial. Ik ben geblokkeerd in stap 4, zonder het mezelf uit te leggen heb ik geen menu met opties, dus het is onmogelijk om de verschillende niveaus van de statische pagina te organiseren. Een idee ?
Hoi Mark,
Kun je het anders?
Hallo,
Op dit nieuwe wordpress-sjabloon beslaat de tekst niet de hele pagina, hoe verander je dat?
Typ in ieder geval op de startpagina 'één pagina'
dank u
Gestreepte plaid
Hallo,
Om de startpagina te wijzigen, moet u een beetje CSS kennen
Ik ben het eens met 😉
Hallo,
Ik gebruik het "Twenty Seventeen" -thema voor mijn professionele site.
Ik wil graag een identieke versie maken met de Franse tekst.
Kan de plug-in "Polylang" geschikt zijn?
Of zijn er meer geschikte plug-ins voor dit thema?
dank u
Het thema heeft dus zijn kanalen en je blog heeft de scènes. Als u van plan bent het thema te vertalen. Ik nodig je uit om PoEdit te gebruiken. anders zal PolyLang het doen om uw blog te vertalen.
DANKJEWEL !!!!!
Is dat de vertaling van het gepubliceerd door wpmudev document?
Goedenavond, ja dat is het.
Hoe te dand voettekst Aangeboden door WordPress draaien met twintig zeventien .. Bedankt.
Het neemt GA ALS CSS.
Het nieuwe thema verschijnt TwentySeventeen eigenlijk stijlvol, innovatief en aantrekkelijk.
Maar voor de achtergrondkleur is het alleen wit of grijs ??? Ik heb geprobeerd wijzigingen aan te brengen in het style.css-bestand, maar het heeft geen effect: ??
Voor een blog met een professionele uitstraling zou het ideaal zijn om te kiezen voor een betaald WordPress-thema.
Dag
Ik heb Twenty seventeen geïnstalleerd op mijn WordPress-blog
1 Ik heb geen commentaarvenster meer aan het einde van het artikel
2 hoe internetgebruikers zich abonneren op de blog
Cdlt
Hallo Bernard,
Controleer uw instellingen of probeer een ander thema te activeren om te zien of het probleem zich herhaalt.