Hoe moderne websites te maken met schone WordPress-thema's

Het maken van een website is nog nooit zo eenvoudig geweest dankzij platforms zoals WordPress. Niet alleen is WordPress heel gemakkelijk te leren, het is het perfecte platform om elk type website te maken. 

Dankzij het enorme aantal thema's kunt u uw site binnen enkele uren operationeel krijgen, of u nu uw bedrijfssite wilt lanceren, een uitstekende portfolio wilt maken of een persoonlijke blog wilt starten.

Als u een schone en moderne website wilt maken, heeft WordPress alles voor u. Schone WordPress-thema's zijn een geweldige keuze voor bijna elk bedrijf vanwege hun vereenvoudigde ontwerp dat de aandacht vestigt op uw inhoud. Ze maken het gemakkelijk voor uw bezoekers om zich te concentreren op uw producten en diensten en kunnen u helpen meer bezoekers te converteren in klanten en klanten.

Moderne homepage-ontwerpopties in Clean Roneous WordPress-thema.

Een ander voordeel van schone WordPress-thema's is het feit dat het eenvoudige ontwerp leidt tot betere laadtijden, wat betekent dat uw bezoekers niet uren hoeven te wachten voordat uw site wordt geladen.

Tot slot kan een schoon WP-thema bedrijven helpen meer klanten te laten landen, maar ook bloggers die hun e-maillijst willen laten groeien. Ontdek de beste, trending WordPress-thema's met schone ontwerpen:

In deze zelfstudie helpen we u bij het opzetten van een moderne website met behulp van een schoon WordPress-thema. Laten we erin duiken!

Hoe een moderne website te maken met behulp van een schoon WordPress-thema

Het maken van een eigen website kan ontmoedigend lijken, maar als u eenmaal een duidelijk plan hebt om te volgen, kunt u uw site heel snel starten. Voordat we ingaan op de kern van het instellen van het thema, laten we de dingen bespreken die je nodig hebt.

Wat je nodig hebt om te beginnen

Er zijn een paar belangrijke componenten die u nodig hebt om een ​​moderne website te starten met: 

1. Uw eigen unieke domeinnaam

De eerste stap is het kopen van een domeinnaam voor uw nieuwe website. Als u een website voor uw bedrijf maakt, is de naam van uw bedrijf of bureau de logische keuze voor een domeinnaam. Maar als u een persoonlijke blog maakt, kunt u een domeinnaam gebruiken die is gerelateerd aan het onderwerp van uw toekomstige blog of kiest u voor uw naam als domeinnaam. Zorg ervoor dat u ook de beste domeinextensie kiest.

Uw naam als een domeinnaam is ook een goede keuze als u zaken doet onder uw eigen naam of als u werkt aan een persoonlijke cv-site. Ongeacht je keuze, zorg ervoor dat de naam gemakkelijk te spellen is en memorabel is.

2. Hostingplan met ondersteuning voor WordPress

Met de domeinnaam op sleeptouw, is het tijd om uw hostingprovider te selecteren. Als u uw naam hebt gekocht van een bedrijf als BlueHost, Siteground of iets dergelijks, kunt u zich tegelijkertijd aanmelden voor een van hun hostingplannen. Een aantal WordPress-thema's op ThemeForest hebben ook de optie om hosting toe te voegen aan de Envato Hosted-service.  

Envato gehost - Premium WordPress hosting.

Een ruime meerderheid van de hostingbedrijven zal in feite een domeinnaam gratis toevoegen wanneer u zich aanmeldt voor een van hun plannen. Als u uw domeinnaam elders hebt gekocht, doe dan een beetje onderzoek naar de hostingbedrijven en lees onafhankelijke beoordelingen om te zien wat anderen zeggen.

3. Premium WordPress-thema met een schoon ontwerp

U hebt ook een professioneel, schoon WordPress-thema nodig om uw site te maken. Hoewel er gratis WordPress-thema's zijn die u online kunt vinden, biedt een premium WP-thema u toegang tot speciale ondersteuning van de thema-ontwikkelaar. Dit zorgt ervoor dat je thema regelmatig wordt bijgewerkt en je kunt ook contact opnemen met de ontwikkelaar als je hulp nodig hebt met je thema.

Voor deze tutorial gebruik ik het populaire Roneous WordPress-thema dat voor verschillende niches kan worden gebruikt. Het thema komt met een mooi, schoon ontwerp en meer dan 25 moderne homepages. Het bevat ook enkele van de meest populaire plug-ins, zodat u zich nooit zorgen hoeft te maken over het hebben van aangepaste code op uw site.

Roneous WordPress-thema met een schoon, modern ontwerp. Schoon, modern Roneous WordPress-thema

4. Inhoud en afbeeldingen

Het laatste dat u nodig hebt, is het verzamelen van al uw inhoud en afbeeldingen die op uw website verschijnen. Het wordt aanbevolen om afbeeldingen van hoge kwaliteit te gebruiken, zoals de professionele foto's op Envato Elements. Op die manier lijken ze niet wazig en zijn ze een geweldig visueel hulpmiddel dat je helpt je verhaal te vertellen en in contact te komen met je ideale publiek.

Als het op inhoud aankomt, bedenk eens welke pagina's u op uw website zult hebben. Overweeg ook om een ​​paar blogposts te schrijven om u op weg te helpen, zodat uw bezoekers uw merk kunnen leren kennen en kunnen zien wat u te bieden heeft. U kunt ook overwegen om testimonials toe te voegen van vroegere klanten, vooral als u een bedrijfswebsite maakt.

Ermee beginnen

Zodra u alles in handen hebt, is het nu tijd om uw website te maken. Hiervoor moet je WordPress installeren en vervolgens je thema en plug-ins toevoegen. Nadat u alles hebt geïnstalleerd, leiden we u door de stappen voor het instellen van uw thema:

1. Installeren van WordPress

Voor de installatie van WordPress moet u zich bij uw hosting cPanel aanmelden met de gegevens die uw hostingbedrijf u heeft verstrekt. Gebruik de gebruikersnaam en het wachtwoord in de welkomst-e-mail en volg de link om naar de inlogpagina van cPanel te gaan. Voer de opgegeven gebruikersnaam en wachtwoord in om in te loggen.

Blader in het cPanel naar het gedeelte met de naam Website Installers, Fantastico Installer of Softaculous Installer. Zoek het WordPress-pictogram en klik vervolgens op de Installeren knop. Op de volgende pagina wordt u gevraagd om een ​​gebruikersnaam en wachtwoord in te voeren en het domein te selecteren waar u WordPress wilt installeren.

Het wordt aanbevolen om een ​​sterk wachtwoord te kiezen dat zowel hoofdletters als kleine letters bevat, evenals getallen en speciale symbolen. Zorg ervoor dat je je gebruikersnaam en wachtwoord ergens veilig neerzet, zodat je later toegang hebt tot de backend van je WordPress-website.

Nadat u alle details hebt ingevuld, klikt u op de Installeren knop nogmaals om het installatieproces te voltooien. Wanneer het installatieproces is voltooid, ziet u een bericht met een koppeling naar uw WordPress-dashboard. Klik op de link en voer vervolgens de gebruikersnaam en het wachtwoord in die u tijdens het installatieproces hebt gekozen.

2. Installeren van uw WordPress-thema

Klik na het inloggen op uw WordPress-dashboard op Uiterlijk> Thema's> Toevoegen nieuwe. Selecteer in het volgende scherm Thema uploaden.

Klik op de knop om de gezipte map met uw themabestanden te selecteren en klik vervolgens op Uploaden. Zodra het thema is geïnstalleerd, klikt u op Activeren.

3. Installeer en activeer de vereiste plug-ins

Nu je moderne WordPress-thema is geïnstalleerd, zie je een melding op je dashboard dat het thema aanvullende plug-ins vereist. U kunt op de klikken Installeren van plug-ins link om de vereiste plug-ins te installeren. Selecteer eenvoudig alle plug-ins en klik vervolgens op Installeren in het vervolgkeuzemenu. De plug-ins zullen onmiddellijk actief zijn, zodat u door kunt gaan naar de volgende stap die uw site instelt.

Installeer de benodigde WordPress-plug-ins.

Hoe maak je je schone WordPress-site - snel

Met het schone WordPress-thema en moderne plug-ins geïnstalleerd, laten we de pagina's instellen en de thema-instellingen bekijken. Op die manier begrijpt u waar verschillende instellingen zich bevinden en hoe u de kleuren, lettertypen en lay-outs van uw nieuwe site kunt aanpassen.

Hoe u uw Homepage aanmaakt

De eerste stap is om een ​​startpagina voor uw site te maken. Ga hiervoor naar Pagina's> Nieuw toevoegen en noem het Huis. Zoals je kunt zien aan de screenshot, heb je een extra knop waarmee je de Visual Composer-maker kunt gebruiken.

Op dit punt kunt u klikken op de Backend-editor knop of de FrontEnd Editor knop.

Een startpagina toevoegen aan uw moderne WordPress-site.

Met de backend-editor kunt u elementen, tekstblokken invoegen of een sjabloon kiezen. 

Visual Composer Elements.

Als u de doe-het-zelf route verkiest, begin dan met het toevoegen van een rij en kies vervolgens het aantal kolommen. Nadat u de structuur voor die sectie hebt bepaald, kunt u beginnen met het plaatsen van elementen zoals afbeeldingen, tekstblokken en meer.

De weergave van de back-endeditor.

Een andere snelle optie is om een ​​van de vooraf gemaakte sjablonen te gebruiken. In de meeste gevallen zal de documentatie van uw thema gedetailleerde instructies bevatten over het importeren van de demo-inhoud en de sjablonen. Voor het thema Roneous hoeft u alleen maar de inhoud van een tekstbestand in de teksteditor te plakken. In dit voorbeeld heb ik de inhoud voor de sjabloon voor het bedrijfsbureau geïmporteerd.

De demohomepage voor het Roneous WordPress-thema.

Het laatste deel voor de startpagina bevat het verwijderen van de koptekst en de paginatitel, zodat onze pagina lijkt op de demo. Om dit te doen, scroll je in het paginabewerkingsscherm naar beneden totdat je het ziet Pagina-instellingen sectie. Selecteer hier gewoon Geen header onder Header lay-out en Geen titel onder Lay-out paginalitel:

Pagina-instellingen van uw WordPress-thema.

Als u klaar bent met uw pagina, klikt u op Publiceren. Navigeer vervolgens naar Instellingen> Lezen en onder Voorpagina wordt weergegeven kies uw nieuwe startpagina. Klik op Wijzigingen opslaan.

Instellingen lezen op uw WordPress-site.

Hoe een blogpagina te maken

Op dezelfde manier gaan we een blogpagina maken. Navigeren naar Pagina's> Nieuw toevoegen en deze keer de pagina een naam geven blog. Voor de blogpagina hoeft u geen inhoud in te voeren omdat uw nieuwste blogberichten worden weergegeven. Klik Publiceren om je blogpagina live te maken en ga dan terug naar Instellingen> Lezen en selecteer de blogpagina die je zojuist hebt gemaakt voor de berichtenpagina. Wijzigingen opslaan nog een keer.

U kunt dit proces zo vaak herhalen als nodig is om de rest van de pagina's voor uw site te maken.

Hoe de Demo-inhoud te importeren

Als u de demo-inhoud wilt importeren, gaat u naar Hulpmiddelen> Importeren en selecteer de WordPress Importer. Installeer de plug-in, activeer deze en voer de importeur uit. Upload het .xml-bestand dat bij uw moderne WordPress-thema hoort en klik Upload bestand en importeer.

Op het volgende scherm wil je berichten aan jezelf toewijzen en het vakje aanvinken dat zegt Bestandsbijlagen downloaden. Klik op de voorleggen knop en uw demo-inhoud zal worden geïmporteerd.

Uw WordPress-thema-instellingen aanpassen

Nu uw structuur op zijn plaats is, kunt u de site aanpassen met de kleuren, lettertypen en meer van uw merk. Sommige moderne WordPress-thema's worden geleverd met een speciaal themakenster, terwijl andere de ingebouwde WordPress Live Customizer gebruiken. In ons geval, om de instellingen aan te passen, ga naar Uiterlijk> Aanpassen. In dit scherm kunt u kleuren, lettertypen wijzigen, uw logo uploaden, de footer-indeling kiezen en meer.

Thema-aanpasser in WordPress.

Als u een van de lay-outs wilt wijzigen, hoeft u alleen maar op te klikken Bewerken met Visual Composer. Vanaf hier kunt u de instellingen bewerken voor elementen die al aanwezig zijn, de kolomlay-out wijzigen en elementen vervangen door elementen die beter geschikt zijn voor uw website.

Wat maakt een geweldige moderne website

Schone en minimale websites zijn tegenwoordig allemaal rage en laten u toe om uw bedrijf een moderne online aanwezigheid te geven. Hier zijn een paar tips om het beste uit deze designtrend te halen:

1. Veel witte ruimte

Witte ruimte helpt bij het benadrukken van je inhoud. Het is de ruimte tussen verschillende elementen op een pagina, zoals afbeeldingen en tekst, maar het hoeft niet per se wit te zijn. Als het correct wordt gebruikt, wordt uw website schoon en modern weergegeven, dus zorg ervoor dat de elementen op uw pagina's niet te dicht bij elkaar staan. Op die manier kunnen uw inhoud en calls-to-action opvallen.

2. Grote afbeeldingen

Niet alleen helpen afbeeldingen je om verbinding te maken met je publiek, ze kunnen ook de ruimte opvullen en prachtige kleurvlekken creëren. U kunt ze gebruiken in kopteksten, als achtergrond of een galerij maken die uw portfolio van eerder werk of producten die u aanbiedt, laat zien. 

Krijg onbeperkte stockfoto's op Envato Elements, evenals websjablonen, afbeeldingen en meer:

3. Vetgedrukte typografie

Overweeg vetgedrukte en grote lettertypen te gebruiken voor titels en koppen om aandacht te vestigen op verschillende secties van uw site. Een mooie combinatie van lettertypen van verschillende grootten kan u zelfs helpen een visuele hiërarchie tot stand te brengen.

4. Minimale navigatie

Om uw website zo schoon mogelijk te houden, voegt u alleen de belangrijkste pagina's toe aan uw hoofdnavigatie. Dit zal uw lezers helpen gemakkelijker door uw site te navigeren en u kunt altijd een vervolgkeuzemenu toevoegen als u denkt dat er belangrijkere pagina's zijn die ze moeten bezoeken.

5. Vet kleuren

Ten slotte zullen kleuren visuele interesse toevoegen en onderscheid maken tussen secties. Ze kunnen ook uw aandacht vestigen op acties en ze prominenter maken op al uw pagina's.

Maak uw moderne website met een schoon WordPress-thema

Een moderne website maken is eenvoudig als je weet wat een geweldige moderne site is en over de juiste tools voor de klus beschikt. Gebruik de bovenstaande tips en bekijk onze schone WordPress-themacollectie om uw site snel up-and-running te krijgen en een moderne online aanwezigheid te creëren.

Leer hoe u WordPress gebruikt

Ben je nieuw bij het gebruik van WordPress? Leer hoe u WordPress kunt gebruiken in onze complete gids. Deze gids neemt je mee door het volledige proces, van de basis van het maken van posts en pagina's tot en met het installeren en aanpassen van je eerste WordPress-thema en het instellen van plug-ins voor beveiliging en prestaties.