HOE MAAK JE EEN WEBSITE

Laatst bijgewerkt: 11 maart 2020 door Redactie van WebsiteSetup.Een website maken



In 2020 kan iedereen een website bouwen en ontwerpen zonder iets te weten over webontwikkeling, ontwerp of codering.

Of je nu een website voor jezelf of voor je bedrijf wilt maken, dat kan eenvoudig met de juiste tools en middelen.

Deze stapsgewijze handleiding helpt u een geheel nieuwe website te maken zonder dat u geld hoeft uit te geven aan freelancers, bureaus of websitebouwers.

Het enige dat u nodig heeft, is 1-2 uur vrije tijd om de gids te voltooien en een website op te zetten.

Dingen die u nodig heeft om een ​​website te bouwen

  • Domeinnaam (uw eigen webadres, www.YourSite.com)
  • Website hosting (service die uw website host)
  • WordPress (gratis, veelgebruikt websiteplatform)

Om een ​​volledig functionele website te bouwen, moet u een domeinnaam (webadres) en een webhostingaccount beveiligen. Deze twee zorgen ervoor dat uw website volledig toegankelijk is voor anderen. Zonder de een of andere kunt u geen website opzetten.

Zodra u een domein en hosting heeft, kunt u een WordPress-website maken. WordPress is het meest populaire website-bouwplatform dat wordt gebruikt door 30% van alle websites op internet.

Het opzetten van een WordPress-site is meestal een eenvoudig proces met één klik via uw webhostingservice.

Zodra u de gids heeft voltooid, heeft u een volledig werkende website online, op een aangepaste domeinnaam en volledig toegankelijk voor anderen.

Klaar? Laten we beginnen…


Inhoudsopgave (stappen om een ​​website te starten):
  1. Kies een domeinnaam
  2. Registreer een domein en meld u aan bij webhosting
  3. Zet een website op met WordPress (via webhost)
  4. Pas het ontwerp en de structuur van uw website aan
  5. Voeg belangrijke pagina’s en inhoud toe
  6. Stel een navigatiemenu in
  7. Voeg een online winkel toe (optioneel)

Totale openheid: Deze gids bevat affiliate links. Als u webhosting en / of een domeinnaam aanschaft via onze verwijzingslinks, verdienen we een commissie – zonder extra kosten voor u. Bedankt voor jullie steun.

Als je vastloopt bij het opzetten van een website met behulp van deze gids, bieden we gratis hulp via deze contactpagina.

Stap 1: Kies een domeinnaam


Om een ​​website te bouwen, heeft u allereerst een domeinnaam nodig.

De domeinnaam is uw websitenaam en adres. Dat adres wordt door bezoekers gebruikt wanneer ze uw site proberen te vinden via hun webbrowser.

De domeinnaam van deze website is websitesetup.org. De jouwe kan van alles zijn.

Domeinnamen kunnen overal tussen de $ 10 en $ 50 per jaar kosten. Het gebruikelijke prijskaartje is ongeveer $ 15.

Als u geen domeinnaam voor uw website heeft geregistreerd of gekozen, volgen hier enkele tips om u te helpen:

  • Als je een website voor een bedrijf, uw domeinnaam moet overeenkomen met uw bedrijfsnaam. Bijvoorbeeld: YourCompanyName.com
  • Als u van plan bent een persoonlijke website voor jezelf dan YourName.com kan een geweldige optie zijn.
  • Gebruik een “generieke” domeinnaamextensie zoals .com, .netto of .org als uw doel internationale bezoekers zijn. Gebruik een “lokale” domeinnaamextensie zoals .de, .fr, of .ru als uw doel bezoekers per land is.

Maak je geen zorgen als je favoriete domeinnaam al in gebruik is. Er zijn meer dan 300 miljoen verschillende domeinnamen geregistreerd, maar er zijn nog een miljard andere mogelijkheden die nog beschikbaar zijn.

Als u nog geen domeinnaam heeft, hoeft u deze niet te registreren.

Ik laat je zien hoe je het eerste jaar gratis een domeinnaam kunt krijgen (stap 2):

Stap # 2: Webhosting ophalen en domein registreren


Naast een domeinnaam heeft u ook websitehosting nodig (webhosting).

Webhosting is een service die uw websitebestanden (inhoud) host en opslaat op een beveiligde server die altijd actief is. Zonder een webhost is uw site niet toegankelijk voor anderen om te lezen en te bladeren.

Betaalbare en betrouwbare webhosting voor nieuwe websites kost doorgaans tussen de $ 3 en $ 10 per maand. Minder dan een kopje koffie, maar een belangrijke investering voor het succes van uw website.

Bij welk webhostingbedrijf u zich ook aanmeldt, zorg ervoor dat het de volgende functies heeft:

  • GRATIS domeinnaam met SSL (voor beveiliging)
  • Installatie met één klik voor WordPress (gratis)
  • Aangepaste e-mailaccounts
  • Onbeperkte of onbeperkte bandbreedte (geen verkeersbeperkingen)
  • Klantenservice, bij voorkeur 24/7 live chat

Als u een websitehosting vindt die alle bovenstaande dingen biedt, heeft u waarschijnlijk een goede provider gevonden.

We raden aan Bluehost.com te gebruiken voor webhosting en domeinen. Ze bieden aan gratis domeinregistratie voor het eerste jaar en het verkrijgen van een domeinnaam en hosting van hetzelfde bedrijf bespaart u tijd en geld.

Bluehost-hostingplannen beginnen vanaf $ 3,95 / maand ($ 2,75 / maand met onze kortingslink) en biedt alle essentiële functies voor het opzetten van een website.

1) Om een ​​webhostingaccount te krijgen, gaat u naar Bluehost en klikt u op “Nu aan de slag”.

Bluehost

2) Kies vervolgens uw webhostingplan (keuze plus is volledig onbeperkt, terwijl basic het beste is voor nieuwe sites):

kies webhostingplan

3) Kies en registreer vervolgens een domeinnaam (het eerste jaar gratis):

registreer een domeinnaam

Houd er rekening mee dat Bluehost geen landspecifieke domeinextensies biedt, zoals.de, .fr, of .ru. Als je ze nodig hebt, kun je deze afzonderlijk kopen bij Domain.com of GoDaddy.com.

Als u al een domeinnaam heeft die u ergens anders heeft gekocht, kunt u met Bluehost deze aansluiten op uw nieuwe hostingplan. Hier zijn enkele aanvullende stappen nodig, zoals het bijwerken van uw naamservers. Hier is een gids van Bluehost over hoe je dat moet doen.

4) Zodra u uw registratieproces heeft voltooid, duurt het een paar minuten om direct toegang te krijgen, zodat u meteen kunt beginnen met het bouwen van uw website.

Welkomstscherm van Bluehost

Stap # 3: WordPress-website instellen (via webhost)


Zodra u uw domeinnaam en webhosting gereed heeft, moet u een website-bouwplatform kiezen en installeren (ook bekend als CMS).

We raden aan om voor WordPress te kiezen omdat het gebruiksvriendelijk is en wordt geleverd met duizenden gratis ontwerpen en add-ons waardoor uw website er professioneel en uniek uitziet.

Het opzetten van uw WordPress-website is eenvoudig en uw webhost doet het meestal voor u, dus u hoeft uw handen niet echt te vuil te maken.

Maak je geen zorgen als je Bluehost niet als webhosting gebruikt. Veel webhostingproviders hebben “WordPress-installatie” ergens in het hosting-cPanel. Als u te maken heeft met een webhost die geen “installaties met één klik“, Probeer WordPress in te stellen handmatig.

1) WordPress-website installeren op Bluehost

  1. Log in op uw Bluehost-account
  2. Klik op “Mijn sites” en vervolgens op “Site maken”Bluehost My Sites-scherm wanneer u leert hoe u een website maakt
  3. Geef wat basisinformatie over uw site en de WordPress-installatie begint. Het gebeurt allemaal op de automatische piloot.
  4. Wanneer de installatie is voltooid, laat Bluehost u de installatie- en inloggegevens zien. Bewaar deze informatie op een veilige plek.

Bluehost-installatiedetails

2) Test uw website door uw domeinadres in te typen

Als WordPress is geïnstalleerd, moet u testen of alles werkt.

De eenvoudigste manier om dat te doen, is door uw domeinnaam in de webbrowser in te voeren.

Met WordPress correct geïnstalleerd, ziet u een zeer eenvoudige website als deze:

Hoe een website te maken: Fresh WordPress Install

Als dit er niet al te aantrekkelijk uitziet, maak je geen zorgen, je zult snel leren hoe je het ontwerp kunt veranderen in iets aantrekkelijkers.

3) Controleer SSL / HTTPS-instellingen

Kortom, een SSL-certificaat zorgt ervoor dat uw website veilig bij uw bezoekers wordt afgeleverd.

Bluehost voegt automatisch een SSL toe wanneer u een nieuwe website maakt of WordPress installeert. Voer de volgende stappen uit om de SSL-status van uw site te controleren:

  1. Log in op uw Bluehost-portaal
  2. Klik op “Mijn sites”
  3. Zoek uw site en klik op “Site beheren”
  4. Ga naar het tabblad “Beveiliging”
  5. Onder ‘Beveiligingscertificaat’ vindt u uw status ‘Gratis SSL-certificaat’

Als alles goed is gegaan, zou je een moeten zien slot pictogram naast uw domeinnaam in de webbrowser.

Het kan een paar uur duren voordat de SSL volledig is ingesteld, maar dat mag u er niet van weerhouden uw website verder te bouwen.

Stap # 4: pas het ontwerp en de structuur van uw website aan


Nu je kale website springlevend is, is het nu tijd om het meer op je eigen website te laten lijken door een mooi ontwerp te kiezen, het aan te passen en merkelementen toe te voegen.

Beginnend met:

1) Kies een thema voor uw website

WordPress-thema’s zijn kant-en-klare ontwerppakketten die de manier veranderen waarop uw hele website eruitziet. WordPress-thema’s zijn uitwisselbaar – u kunt eenvoudig van thema naar thema schakelen.

Het belangrijkste is dat er duizenden gratis en betaalde WordPress-thema’s beschikbaar zijn op internet.

populaire WordPress-thema's

Als je een gratis thema wilt krijgen – daar beginnen de meeste mensen graag aan – is de officiële themamap op WordPress.org de beste plaats om naartoe te gaan. Vooral de sectie voor het meest populaire thema’s.

Alle thema’s die u daar ziet, zijn van hoge kwaliteit gebleken en hebben een groot gebruikersbestand.

Je bent vrij om door die lijst te bladeren en een thema te kiezen dat je leuk vindt, maar om dingen voor je te versnellen in deze gids, raden we aan Neve. Het is een veelzijdig thema dat wordt geleverd met een handvol startersites (ontwerppakketten voor verschillende niches en soorten websites).

We gaan dat thema in deze handleiding gebruiken.

2) Installeer het thema dat je leuk vindt

Ga naar je WordPress admin-interface. Je kunt het vinden op YOURSITE.com/wp-admin. Gebruik de gebruikersnaam en het wachtwoord die je hebt gekregen tijdens de installatie van WordPress.

  1. Ga vanuit de zijbalk naar “Thema’s → Nieuw toevoegen”.Een website maken: thema's toevoegen
  2. Typ ‘Neve’ in het zoekvak en klik op de knop ‘Installeren’ naast de naam van het thema:Hoe een website te maken: installeer thema
  3. Nadat de installatie is voltooid, klikt u op de knop “Activeren” die verschijnt in plaats van de knop “Installeren”.
  4. Je ziet een succesbericht dat je laat weten dat de installatie is verlopen zoals verwacht.

3) Importeer een ontwerp (alleen voor gebruikers van het Neve-thema)

Hoewel het thema op dit moment actief is, zijn er nog een paar dingen die u moet doen om het er goed uit te laten zien.

Je ziet dit welkomstbericht:

nooit welkom

Een van de geweldige dingen van Neve is dat je er niet één ontwerp mee krijgt, maar een hele reeks verschillende ontwerpen waaruit je kunt kiezen. Klik op de grote blauwe knop om ze te zien. 

neve sites

Er zijn meer dan 20 ontwerpen gratis beschikbaar en ze omvatten de meeste populaire website-niches, zoals bedrijven, restaurants, fitness, muziek, eten, bruiloft, fotografie, e-commerce, portfolio en meer. Kortom, wat het onderwerp van uw site ook is, u vindt altijd een ontwerppakket dat past. 

Voor deze handleiding kiezen we de eerste in de lijst – genaamd ‘Origineel’.

U zult merken dat dit installatieproces zorgt voor alle elementen die u op uw site nodig heeft – u krijgt het ontwerp zelf, alle plug-ins die nodig zijn om het te laten werken, en ook demo-inhoud die u later kunt wijzigen.

Klik op de knop ‘Importeren’ om alles op gang te krijgen. Na ongeveer een minuut ziet u het succesbericht.

zelfs succes

Ga vervolgens naar “Uiterlijk → Neve-opties” om te zien wat u nog meer met het thema kunt doen. nooit begonnen

We gaan enkele van deze opties hieronder onderzoeken:

4) Voeg een logo toe

Het eerste dat de meeste gebruikers willen doen, is hun logo uploaden en het in de linkerbovenhoek van de site laten weergeven. Laten we dat nu doen.

�� JaU kunt een logo maken. Hier zijn enkele van de tools die u kunt gebruiken om zelf een logo te maken.

Zodra u een logo bij de hand heeft, kunt u dit aan uw site toevoegen. Ga naar “Uiterlijk → Neve-opties” en klik op de link “Logo uploaden”.

Hoe een website te maken: upload logo

Dit is wat je ziet:

customizer logo

Deze interface wordt de WordPress Customizer, en u kunt verschillende aspecten van het uiterlijk van uw website bewerken. Om te beginnen kunt u uw logo uploaden. Om dat te doen, klikt u op de knop ‘Logo selecteren’ in de linkerbovenhoek.

WordPress geeft je een optie om het logo bij te snijden, maar je kunt dat overslaan.

logo toegevoegd

U zou uw logo binnenkort in de hoek van de pagina moeten zien.

Bovendien kunt u kiezen of u de sitenaam en slogan naast het logo wilt weergeven en de maximale breedte van het logo wilt instellen. Experimenteer met deze instellingen en kies wat voor jou het beste werkt.

Klik op de knop “Publiceren” wanneer u klaar bent (de linkerbovenhoek) en klik vervolgens op de knop “X” om de Customizer af te sluiten.

5) Wijzig het kleurenschema en de lettertypen van de website

Een ander ding waarmee u kunt experimenteren, is het wijzigen van de kleurenschema’s en lettertypen die op de site worden gebruikt. Terwijl u leert hoe u een website maakt, is dit een gemakkelijke oplossing om uw site unieker te maken en beter af te stemmen op uw merkidentiteit.

  1. Ga om te beginnen opnieuw naar “Uiterlijk → Neve-opties”. We gaan ons concentreren op de volgende twee opties:Een website maken: verander kleuren en lettertypen
  2. Klik eerst op ‘Kleuren instellen’.
  3. De meeste WordPress-thema’s worden bepaald door het kleurenschema dat ze gebruiken voor verschillende elementen van het ontwerp.
  4. Meestal zijn dat de kleuren van de links, teksten op de site en achtergronden.
  5. U kunt de kleurtoewijzingen voor het Neve-thema wijzigen via de Customizer.
  6. Om een ​​van de kleuren te wisselen, klikt u erop en kiest u een nieuwe kleur.kleuren veranderen
  7. Klik op ‘Publiceren’ en ‘X’ als je klaar bent.

Het wijzigen van lettertypen werkt op dezelfde manier:

  1. Klik op de link “Lettertypen aanpassen” in het paneel “Uiterlijk → Neve-opties”.
  2. Met Neve kunt u kiezen uit een hele catalogus van systeemlettertypen en Google-lettertypen.
  3. Klik gewoon op het vak “Lettertypefamilie” en selecteer het gewenste lettertype.verander lettertypen
  4. Daarna kunt u de individuele lettertypen voor uw koppen verfijnen.

Experimenteer met deze instellingen om te zien welk effect ze op uw site hebben.

  1. Om het lettertype aan te passen dat wordt gebruikt voor het hoofdgedeelte van uw site, klikt u op de pijlknop linksboven.ga terug customizer
  2. Klik op “Algemeen”. Hiermee gaat u naar een vergelijkbaar optiepaneel, maar deze keer past u het hoofdlettertype aan.
  3. Klik op “Publiceren” en “X” als je klaar bent.

6) Voeg een zijbalk toe

Een ander ding dat u kunt doen in het venster “Uiterlijk → Nieuwe opties”, is hoe u wilt dat uw zijbalk eruitziet. Klik op “Content / Sidebar” om te beginnen.

Je hebt hier drie hoofdopties: geen zijbalk, zijbalk aan de linkerkant, of zijbalk aan de rechterkant. De zijbalk rechts is de klassieke lay-out voor de meeste websites. U kunt ook de inhoudsbreedte instellen. Nadat u uw wijzigingen heeft aangebracht, klikt u op ‘Publiceren’ en ‘X’.

7) Widgets toevoegen (gratis WordPress-add-ons)

Widgets zijn die kleine inhoudsblokken die meestal in de zijbalken van websites verschijnen. Aangezien we in de vorige stap zojuist de zijbalk hebben ingesteld, kunnen we deze nu aanpassen met widgets.

Ga naar “Uiterlijk → Widgets” om widgets te configureren. Je ziet dit: 

Een website maken: customizer

Aan de linkerkant ziet u alle beschikbare widgets; en aan de rechterkant zijn er alle widgetgebieden die worden ondersteund door uw huidige thema. Om een ​​widget aan de zijbalk toe te voegen, hoeft u alleen maar de widget van links te pakken en deze naar het zijbalkgebied te slepen en neer te zetten.

Als je bijvoorbeeld al je pagina’s in de zijbalk wilt weergeven, pak je de widget ‘Pagina’s’ en sleep je deze naar de zijbalksectie. U kunt ook enkele basisinstellingen van de widget configureren.

8) Experimenteer met het thema dat je hebt gebouwd

Wat we hierboven hebben besproken, is voldoende om erachter te komen hoe u een website kunt maken die opvalt en er origineel uitziet, maar er zijn nog veel meer opties beschikbaar.

Om ze allemaal te zien, ga naar “Uiterlijk → Aanpassen”. Hierdoor wordt de hoofdinterface van de Customizer geopend met al zijn instellingen en voorinstellingen.

Een website maken: customizer

We raden je aan om door de beschikbare opties te bladeren en met een aantal opties te spelen. U zult waarschijnlijk enkele aanpassingen tegenkomen die we hier niet hebben besproken.

Stap # 5: inhoud / pagina’s toevoegen aan uw website


Pagina’s vormen de essentie van uw website. Het is moeilijk je een website voor te stellen zonder pagina’s erop, toch?

Technisch gezien is een webpagina slechts een document op internet. Het verschilt niet veel van uw traditionele Word-document, behalve dat het de merkelementen van uw website heeft, zoals de kop- en voettekst.

Webpagina’s zijn eenvoudig te maken in WordPress. Maar laten we, voordat we ingaan op de instructies, bespreken welke pagina’s u in de eerste plaats moet maken.

De meeste websites zullen de volgende pagina’s essentieel vinden:

  • Startpagina – het is de eerste pagina die uw bezoekers zien wanneer ze naar uw website gaan
  • Over bladzijde – een pagina die uitlegt waar uw website over gaat
  • Contact bladzijde – een pagina waarop bezoekers contact met u kunnen opnemen
  • Blog bladzijde – een lijst met uw meest recente blogposts; Als u niet van plan bent om te bloggen, kunt u de blogpagina gebruiken als plaats voor uw bedrijfsnieuws en aankondigingen
  • Diensten bladzijde – als de website die u bouwt voor een bedrijf is, gebruikt u deze pagina om uw services onder de aandacht te brengen
  • Winkel bladzijde – voor bedrijven die een e-commerce winkel willen lanceren

Veel van de bovenstaande pagina’s zullen qua structuur erg op elkaar lijken – het enige verschil is de inhoud op de daadwerkelijke pagina. Als je eenmaal leert hoe je één pagina maakt, weet je hoe je ze allemaal kunt maken. Daarmee is er wat nuance, dus laten we nu bespreken hoe je een paar basistypen pagina’s kunt maken:

1) Een startpagina maken

Als je Neve gebruikt, ziet je startpagina er ongeveer zo uit:

Startpagina

U kunt zowel de structuur van deze pagina als de elementen erop aanpassen (alle teksten en afbeeldingen).

Om dat te doen, klikt u gewoon op de knop “Bewerken met Elementor” in de bovenste balk. 

bewerken met Elementor

Wat u zult zien, is de interface van de Elementor-paginabuilder.

Een website maken: Elementor

Elementor is wat we een noemen visuele paginabuilder. Dit betekent dat u op elk element dat u op de pagina ziet kunt klikken en het direct kunt bewerken. Als u bijvoorbeeld de hoofdkop wilt wijzigen, klikt u erop en begint u met typen. 

kop type

Als je de linkerzijbalk bekijkt, is daar een heel aanpassingsvenster. U kunt de structuur en de vormgeving van elk inhoudsblok aanpassen. Dit is bijvoorbeeld wat u kunt zien wanneer u aan de kop werkt: 

kop stijl

Een ander cool ding is dat je elk element op de pagina kunt pakken en het ergens anders naartoe kunt slepen en neerzetten.

Elementorblokken

Om nieuwe elementen toe te voegen, klikt u op het kleine vierkante pictogram in de linkerbovenhoek.

Je ziet een lijst met alle beschikbare inhoudsblokken.

Pak een van de blokken en sleep het naar het canvas van de pagina.

De beste manier om aan uw startpagina te werken, is door blok voor blok te gaan en de demo-inhoud op de pagina te bewerken.

Typ nieuwe tekstinhoud in, lijn enkele blokken opnieuw uit, verwijder de blokken die u niet nodig heeft en voeg dienovereenkomstig nieuwe toe.

Deze hele interface is vrij intuïtief te gebruiken, dus besteed er gewoon een uur of zo aan en experimenteer met verschillende dingen.

2) Maak pagina’s zoals “Over”, “Services”, “Contact”

Het maken van klassieke webpagina’s is nog eenvoudiger in WordPress dan werken aan uw startpagina. Ga naar “Pages → Add New.” Je ziet deze interface:

Een website maken: pagina toevoegen

Elke pagina heeft een titel nodig, dus begin met het toevoegen van een titel met de tekst ‘Voeg een titel toe’. Bijvoorbeeld ‘Over ons’ of ‘Contact’.

Kies vervolgens een paginalay-out. Als u een standaardpagina maakt, kunt u de eerste in de lijst gebruiken: ‘Enkele rij’. Maar om de zaken te versnellen, kunt u kiezen uit de sjabloonbibliotheek. Klik daarvoor op de blauwe knop.

U ziet een venster waarin u kunt kiezen uit een reeks vooraf gemaakte paginasecties. Als je aan je werkt over pagina kunt u bijvoorbeeld snel de volgende blokken vinden en gebruiken:

over paginablokken

Klik gewoon op de knop “Invoegen” naast het gewenste blok en het wordt aan de pagina toegevoegd. Van daaruit kunt u het verder aanpassen, de teksten wijzigen of afbeeldingen vervangen.

over pagina bewerken

Als je klaar bent, klik je op de knop ‘Publiceren’ in de rechterbovenhoek van het scherm.

U kunt hetzelfde proces volgen wanneer u aan uw werkt contact pagina of Diensten pagina ook.

Kies gewoon verschillende paginablokken uit de sjabloonbibliotheek. Deze zouden bijvoorbeeld geweldig moeten werken op een Diensten bladzijde:

dienstenblokken

Als u handmatig nieuwe pagina-elementen wilt toevoegen – in plaats van de sjablonen te gebruiken – klikt u op het pictogram ‘+’ in de linkerbovenhoek van de editorinterface. 

blok toevoegen

Elk blok dat u daar selecteert, wordt onderaan uw pagina toegevoegd. Zo ziet een nieuw alineablok eruit:

bestellingen

Zoals u kunt zien, kunt u deze vrij bewerken, de eigenschappen van de tekst wijzigen en er zijn kleurinstellingen in de rechterzijbalk.

Vergeet niet, zoals altijd, op ‘Publiceren’ te klikken als je klaar bent.

3) Maak een blogpagina

Op de blogpagina vindt u de lijst met uw meest recente blogposts.

Het goede nieuws is dat de blogpagina al voor je is gemaakt. Dit gebeurde toen je WordPress en het Neve-thema installeerde. Je kunt die pagina zien door naar “Pages” te gaan: 

lijst van blogpagina's

Klik op de link “Weergeven” om uw blogpagina in actie te zien.

Nieuwe blogposts toevoegen:

Om nieuwe blogposts toe te voegen, ga je gewoon naar Ga naar “Posts → Nieuwe toevoegen”.

post toevoegen

Herinnert deze interface u ergens aan? Ja, dit is dezelfde bewerkingsomgeving die we gebruikten bij het maken van standaardpagina’s. Gemakkelijk!


Met een reeks goed uitziende pagina’s gemaakt, is de volgende stap in onze zoektocht naar het maken van een website het instellen van uw navigatie (een websitemenu). Het menu is wat uw bezoekers zullen gebruiken om van pagina naar pagina op uw site te gaan.

Ga naar “Uiterlijk → Menu’s” en klik vanaf daar op “een nieuw menu maken”.

Een website maken: menu maken

U kunt als volgt stap voor stap uw eerste menu maken:

WordPress Menu Creation Process

  1. Begin met het toevoegen van een titel. De menutitel doet er niet echt toe, maar het helpt om je menu te herkennen tussen andere menu’s (ja, je kunt er meer hebben).
  2. Selecteer de pagina’s die u aan uw menu wilt toevoegen. Je kunt ook andere items aan het menu toevoegen, zoals berichten of aangepaste links.
  3. Klik op de knop “Toevoegen aan menu” om de geselecteerde pagina’s aan uw menu toe te voegen.
  4. Menu-items slepen en neerzetten om de links in volgorde van belangrijkheid te rangschikken.
  5. Selecteer een menuweergavelocatie. Dit verschilt van thema tot thema, in dit geval stelt u uw menu in op de “Primaire” locatie en wordt het menu in de koptekst weergegeven.
  6. Sla ten slotte uw menu op.

In dit stadium ziet u uw menu op de startpagina in al zijn glorie.

Stap # 7: voeg een online winkel / e-commerce toe


Het laatste dat we in deze handleiding doen, is onszelf een online winkel bouwen.

Als u een online winkel wilt toevoegen aan uw zojuist gemaakte website, volg deze stapsgewijze zelfstudie hier.

Dit is duidelijk niet iets dat alle websites nodig hebben, dus sla deze stap gerust over als e-commerce niet iets is waar u aan wilt beginnen.

Hoe WordPress eCommerce werkt

Omdat WordPress zo’n veelzijdig websiteplatform is, is het geen verrassing dat u hiermee een volledig functionele e-commerce online winkel kunt bouwen. Door volledig functioneel, we bedoelen dat u een onbeperkt aantal producten kunt vermelden, ze beschikbaar kunt stellen voor verkoop, en vervolgens ook bestellingen van klanten kunt verzamelen en zelfs alle belasting- en verzendkostengerelateerde elementen van het hele proces kunt afhandelen.

Dit wordt allemaal gedaan met een plug-in genaamd WooCommerce.

WooCommerce is de meest populaire, meest functionele en eerlijk gezegd de beste eCommerce-oplossing voor WordPress.

�� We hebben een hele aparte handleiding over hoe u WooCommerce op uw WordPress-website kunt laten werken. We nodigen u uit om daarheen te springen en een gedetailleerde installatiehandleiding te lezen. Volg stap 3 en 4 en kom dan hier terug.

… Ok, dus met WooCommerce geïnstalleerd op uw site en producten toegevoegd aan uw catalogus, zult u merken dat er tijdens het proces automatisch nieuwe pagina’s zijn gemaakt door WooCommerce. Die pagina’s zijn:

  • “Winkelwagen” – het winkelwagentje van uw winkel
  • “Uitchecken” – de afrekenpagina waar klanten hun aankopen kunnen afronden
  • “Mijn rekening” – het profiel van elke klant; eerdere bestellingen, huidige details en andere persoonlijke informatie bevat; de klant kan altijd zijn info aanpassen
  • “Shop” / “Producten” – de hoofdpagina van de winkel – die waar uw producten worden vermeld

Elk van deze pagina’s heeft een specifiek doel voor uw winkel en de functionaliteit ervan. Het goede nieuws is dat de meeste thema’s tegenwoordig zijn geoptimaliseerd om die pagina’s er goed uit te laten zien. Het Neve-thema is niet anders. Als je een van deze nieuwe pagina’s bezoekt, zul je zien dat de presentatie duidelijk is en dat alles gemakkelijk te begrijpen is. Hier is een voorbeeld van de winkelwagenpagina:

winkelwagen

Afgezien daarvan werken al deze pagina’s zoals elke andere pagina op uw WordPress-website. Dit betekent dat je ze kunt bewerken, je eigen elementen kunt toevoegen of dingen zoals kleuren, lay-outs, enz. Kunt wijzigen. Maar als je dit doet, pas dan op dat je de WooCommerce shortcodes die er al zijn niet wist..

U ziet ook een nieuw winkelwagenpictogram in het hoofdmenu van uw site.

In dit stadium is uw e-commerce winkel volledig operationeel. Dit betekent dat uw klanten kunnen binnenkomen en boodschappen kunnen doen. Je ziet hun bestellingen in het WordPress-beheergebied onder ‘WooCommerce → Bestellingen’. 

bestellingen

Gefeliciteerd, u bent klaar om te starten!

Om snel de stappen die je hebt geleerd samen te vatten:

Inhoudsopgave

  1. Ontvang webhosting en registreer een domein:
    Een domeinnaam kiezen
    Een website-hosting kiezen
  2. Stel uw website in via webhost:
    WordPress installeren
  3. Uw website ontwerpen:
    Een thema zoeken
    Een thema installeren
    Maatwerk en tweaks
  4. Eindig door inhoud (pagina’s) toe te voegen:
    Pagina’s toevoegen en bewerken
    Navigatiemenu instellen

Last but not least – Blijf uw website verbeteren!

Gefeliciteerd, je hebt net ontdekt hoe je in je eentje een website kunt maken! ��

De volgende twee stappen op je agenda zouden moeten zijn:

  • Genereer verkeer naar uw site … �� hier is een lijst met meer dan 50 manieren om websiteverkeer te genereren
  • Inkomsten genereren met uw site … �� hier zijn 33 manieren om inkomsten te genereren met een website

Als u onze gids met succes heeft voltooid, overweeg dan om uw getuigenis achter te laten in onze e-mail – [email protected] Dit betekent veel voor ons!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map