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

Presentatie zeventien

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.

Wordpress 47 maatwerk

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

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.

Uitgelichte afbeelding wordpress

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

Statische wordpress-startpagina

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

Zeventien thema-sectie

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

Zeventien koptekstvideo

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.

Zeventien demonstratie

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.

Wordpress restauranttafel reserveren

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.

Sharebang ultieme sociale deelknoppen voor wordpress 1

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.Octabook

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.

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.

...