Hoe Maak Je Een WordPress Website 2019

In deze video laat ik je stap voor stap zien hoe je een WordPress website maakt aan de hand van gratis tools. Aan het einde van de video kan je zelf websites maken en zou je er zelfs je werk van kunnen maken. We gaan gebruik maken van gratis tools zoals WordPress, Elementor en het Astra thema. Ook laat ik je zien hoe je gebruik kunt maken van gratis afbeeldingen die je zonder toestemming of vermelding van de auteur kunt gebruiken.

Er zijn aardig wat cursussen te koop over hoe je een website kun maken. Ik wil de eerste zijn die alle informatie gratis weggeeft. Mocht je vragen hebben, dan kan je een reactie achterlaten. Ik doe mijn best om alle vragen te beantwoorden.

Webhosting: https://webhosting127.nl
Demo website: https://fastra.nl

Overzicht met timestamps:
Start
00:00:00 Intro
00:00:24 Overzicht van wat je gaat leren
00:02:53 De 4 stappen die we gaan nemen

Domeinnaam en Webhosting
00:03:34 Wat zijn een domeinnaam en webhosting
00:04:15 Een domeinnaam en webhosting aanvragen
00:11:56 WordPress Installeren

WordPress Configureren
00:14:06 Overzicht van de Backend en Frontend van je website
00:15:00 De tijdzone en titel van je website aanpassen
00:17:45 Onnodige plugins verwijderen
00:18:14 Mijn naamweergave aanpassen
00:19:38 WordPress Updaten
00:20:27:20 Pas je urls aan via de Permalink instellingen

Je website bouwen
00:21:06 Pagina’s aanmaken
00:24:17 Menu aanmaken en configureren
00:27:47 Verander je homepagina van blog overzicht naar homepagina

Thema’s, Elementor en https
00:28:38 Wat zijn WordPress thema’s?
00:30:07 Een gratis thema (Astra) downloaden en installeren
00:33:13 Elementor downloaden en installeren
00:34:51 Je website veilig maken met https://
00:37:31 Download de afbeeldingen die ik gebruik in deze tutorial

De Customizer
00:38:00 Een logo en favicon toevoegen
00:41:27 De header en het menu aanpassen
00:46:09 De header responsive maken voor alle apparaten
00:49:03 Configureer de sidebar/zijbalk per pagina
00:49:38 Configureer de footer
00:52:56 Container Instellingen
00:56:20 Pas het lettertype in je website aan
00:57:37 De tekst in je menu aanpassen of weggeven in hoofdletters

De homepagina en Elementor
00:58:24 De Titel weghalen op je pagina
00:58:52 Wat te doen wanneer je een wit scherm krijgt bij het laden van Elementor
00:59:28 Een introductie van de Elementor Page Builder
01:02:02 Een introductie op Elementor Templates
01:04:10 Een introductie op Elementor Blocks
01:07:21 Externe templates gebruiken voor je website
01:09:57 Standaard kleuren in Elementor aanpassen
01:12:18 Lettertypen in je website aanpassen
01:13:05 De kleurenkiezen configureren
01:15:05 De navigator
01:15:53 Voeg extra handles toe om je workflow to verbeteren
01:17:16 De basis van Elementor
01:18:13 De sectie configureren
01:21:17 Afbeeldingen voor je website kopen
01:22:32 Een foto optimaliseren / SEO
01:24:00 Gratis Afbeeldingen voor je website downloaden

01:25:16 Een afbeelding verkleinen, de aspect ratio aanpassen en comprimeren
01:27:19 Een afbeeldingen configureren voor de achtergrond van een sectie
01:28:58 Blend Modes
01:29:45 Header element toevoegen en configureren
01:31:17 Een separator element toevoegen
01:32:45 Een Element dupliceren
01:33:32 Maak gebruik van marges
01:35:08 Creeër een call to action button
01:38:59 Configureer de button hover
01:40:06 Creëer animaties

Een 2e sectie
01:43:02 Een 2e sectie toevoegen
01:43:22 De icoon box
01:47:11 Een galerij toevoegen
01:51:52 Een button toevoegen
01:53:22 Dupliceer een hele column
01:55:36 Voeg een video element toe
01:57:17 Maak gebruik van (negatieve) padding en margin
01:58:53 De navigator tool
02:00:56 Kopiër en plak stijlen
02:03:35 Creëer een vormscheiding

02:05:12 Verplaats de achtergrond afbeelding
02:12:00 Optimaliseer je website voor smartphones en tablets
02:15:11 Kopiër een complete sectie
02:17:12 Voeg testimonials van klanten toe
02:23:59 Voeg logos toe van mensen voor je (hebt ge)werkt

Elementor Templates
02:27:13 Importeer een template van Ferdy Korpershoek
02:32:46 Voeg een Contact Formulier Plugin toe
02:35:16 Meer templates van andere aanbieders
02:36:07 Meer tutorials over alle Elementor en Elementor Pro element
02:36:40 Importeer een Contact pagina

De Blogpagina
02:39:39 Voeg een boogbericht toe
02:40:36 Terug naar de klassieke editor
02:40:36 De opbouw van een blogbericht
02:46:02 Maak gebruik van h2 headers
02:46:22 Voeg afbeeldingen toe
02:49:36 Maak je blogbericht verder op
02:52:58 Blog Categorien
02:56:27 Voeg een uitgelichte afbeelding toe

02:57:30 Maak een blogbericht met de Gutenberg Editor
03:04:57 Maak een excerpt (voorbeeld) tekst
03:07:31 Maak een blogbericht in Elementor
03:10:47 Past de Blog pagina aan
03:14:00 Pas de plaatsing datum en tijd aan van een blogbericht
03:17:42 Maak een blogpagina met Elementor
03:19:15 Gratis extra Elementor Elementen

03:26:29 De Zijbalk Widgets
03:32:23 Pas de aspect ratio van een afbeelding aan
03:33:17 Maak een portfolio
03:52:44 Footer Widgets
03:56:10 Bedankt!

Video Rating: / 5

Login

Don't have an account ? Sign Up

Register New Account

Already have an account ? Login

Reset Password

Already have an account ? Login