ID.nl logo
Je eigen WordPress-website - Deel 2: website inrichten
© Reshift Digital
Huis

Je eigen WordPress-website - Deel 2: website inrichten

In deel 1 heb je WordPress geïnstalleerd op de webserver van je hostingprovider. Nu is het hoog tijd om de website vorm te geven en van inhoud te voorzien. Het toevoegen van teksten, afbeeldingen en video's krijg je met het dashboard van WordPress eenvoudig voor elkaar.

Deel 1 nog een keer teruglezen? Dat kan hier! En deel 3 van dit drieluik je eigen Wordpress-site bouwen vind je hier.

Tip 01: Bericht openen

De standaardvormgeving van je WordPress-site oogt nog erg basaal en bestaat uit slechts één webpagina. Verderop in dit artikel passen we dat aan door een ander thema te installeren en nieuwe pagina's toe te voegen. Allereerst voorzie je de website van inhoud, zodat er iets valt te lezen voor je bezoekers. Je kunt bijvoorbeeld aangeven dat er momenteel aan de website gewerkt wordt. Surf naar www.jouwwebsite.nl/wp-login.php, waarbij je 'jouwwebsite' vervangt door je eigen domeinnaam. Log in met je gebruikersnaam en wachtwoord van WordPress. Ga naar Berichten en klik op Hallo wereld om de inhoud van het standaardbericht te openen. Er verschijnt een soort tekstbewerker in beeld waarin je het bericht kunt opmaken. Dit noemt men een WYSIWYG-editor (What You See Is What You Get). Hiermee komt het bericht er aan de 'voorkant' hetzelfde uit te zien.

©PXimport

Tip 01 De WYSIWYG-editor van WordPress vertoont veel overeenkomsten met een reguliere tekstbewerker als Word.

Tip 02: Bericht opmaken

Het staat je vrij om de inhoud van het standaardbericht naar eigen inzicht aan te passen. Kies allereerst voor een andere titel en typ de gewenste inhoud van het bericht. Vergeet hierbij niet om de opmaakfuncties in de bovenste knoppenbalk te gebruiken. Zo maak je tekst bijvoorbeeld cursief of voeg je opsommingstekens toe. Standaard zijn niet alle functies van de knoppenbalk zichtbaar. Klik op het achterste pictogram Toolbar weergeven/verbergen om alle functies uit te vouwen. Je kunt dan onder meer de tekstkleur aanpassen en speciale karakters toevoegen.

Verder is het ook mogelijk om een uitgelichte afbeelding aan het bericht te hangen. Scrol hiervoor een stukje omlaag en klik rechtsonder op Uitgelichte afbeelding instellen. Via Bestanden selecteren kies je een afbeelding uit de Mediabibliotheek of van je eigen schijf. Je koppelt eventueel een onderschrift, alternatieve tekst en beschrijving aan de afbeelding. Bevestig tot slot met Uitgelichte afbeelding instellen. Houd er rekening mee dat het thema bepaalt wat er met de uitgelichte afbeelding gebeurt. Vaak wordt de afbeelding op de voorpagina gepubliceerd als verwijzing naar het volledige bericht. Overigens is het ook mogelijk om direct afbeeldingen aan de WYSIWYG-editor toe te voegen. Gebruik hiervoor de knop Media toevoegen.

©PXimport

Tip 02 Typ de tekst die je op de website wilt publiceren en voeg hier eventueel afbeeldingen aan toe.

Permalinks

Ieder bericht krijgt een eigen webadres. WordPress noemt dit een permalink. Standaard bestaat de url uit een willekeurig nummer of een datum met de titel van het bericht. Tijdens de opmaak van het bericht kun je de structuur van de url handmatig aanpassen, maar handiger is het om de structuur van de permalink in de instellingen vast te leggen, zodat je er geen omkijken meer naar hebt. Ga hiervoor naar Instellingen / Permalinks en bepaal welke elementen je in de url wilt opnemen. Voor veel websites is het gebruikelijk om het jaar, de maand en naam van het bericht in de url te vermelden. Is je website wat statischer, met minder actuele berichten, kies dan voor alleen de berichtnaam. Maak een keuze en klik onderaan op Wijzigingen opslaan.

©PXimport

Geef aan op welke manier je de url van nieuwe berichten wilt opbouwen.

Tip 03: Bericht publiceren

Zodra je het bericht naar tevredenheid hebt opgemaakt, is het tijd voor publicatie. Het is verstandig om een categorie aan het bericht te hangen, zo kun je berichten op een reisblog onderverdelen in de categorieën Europa, Afrika, Azië, Oceanië en Noord- en Zuid-Amerika. Zeker als je regelmatig nieuwe informatie aan je website toevoegt, is het slim om de berichten netjes in te delen. Klik aan de rechterkant op Nieuwe categorie toevoegen en bedenk een naam. Vervolgens bevestig je met Nieuwe categorie toevoegen. Verder biedt WordPress een optie om zogeheten tags aan het bericht toe te wijzen, al is dat niet verplicht. Tags zijn trefwoorden die horen bij het bericht. Schrijf je bijvoorbeeld een reisblog over een rondreis door Italië, dan kies je voor tags als zon, rondreis, Italië, Rome en strand. Wanneer je de juiste categorieën hebt gekozen, publiceer je het bericht op de website. Klik hiervoor op Bijwerken of in het geval van een nieuw bericht op Publiceren. Wil je eerst een voorbeeldweergave zien? Klik dan eerst op Wijzigingen bekijken of bij een nieuw bericht op Voorbeeld.

Tip 04: Nieuwe webpagina

Je weet nu hoe je nieuwe berichten op de hoofdpagina publiceert. Uiteraard wil je de website voorzien van meerdere pagina's. Extra webpagina's zijn met name interessant wanneer je statische informatie wilt laten zien; informatie die weinig actueel is. Veelgebruikte webpagina's zijn hiervoor bijvoorbeeld 'Over ons' of 'Contact'. Klik vanuit het dashboard van WordPress op Pagina's / Nieuwe pagina. Bedenk een paginatitel en voer de tekst in. Vergeet niet om beeld aan de tekst toe te voegen en stel eventueel een uitgelichte afbeelding in. Deze afbeelding verschijnt bij de meeste thema's als vergrote weergave boven aan de pagina. Klik op Publiceren om de pagina definitief toe te voegen.

©PXimport

Tip 04 Het toevoegen van een nieuwe pagina lijkt erg op het bewerken of toevoegen van een bericht.

Tip 05: Hoofdpagina

Nieuwe berichten belanden met het standaardthema automatisch op de homepage van je website. Dat is niet altijd de bedoeling. Misschien stel je liever een webpagina met statische informatie als toegangspoort voor je website in. Een meubelmaker die zijn diensten op een persoonlijke website aanbiedt, wil bijvoorbeeld louter reclame voor zichzelf maken. Het periodiek toevoegen van nieuwe berichten zoals bij een nieuwssite, is in deze situatie dus niet van toepassing. Gelukkig biedt WordPress de mogelijkheid om een specifieke webpagina als voorpagina weer te geven. Zorg ervoor dat de beoogde hoofdpagina gereed is (zie tip 4) en navigeer naar Instellingen / Lezen. Bij de optie Startpagina toont kies je voor Een statische pagina. Selecteer achter Voorpagina in het uitrolmenu de titel van de beoogde webpagina. Je klikt onderaan ten slotte op Wijzigingen opslaan.

©PXimport

Tip 05 Geef aan welke webpagina je als eerste wilt weergeven wanneer bezoekers naar jouw website surfen.

Tip 06: Reacties

WordPress is van oorsprong software om een eigen weblog te creëren, waarbij bezoekers reacties kunnen achterlaten. Niet iedere websitebeheerder zit daarop te wachten. Om die reden is het handig om te weten hoe je deze functie in- of uitschakelt. Open vanuit het dashboard een bericht of pagina. Klik vervolgens rechtsboven op Scherminstellingen, waarbij je controleert of er bij het onderdeel Reacties twee vinkjes staan. Scrol een stukje omlaag en zoek het vak Reacties op. Door het vinkje Reacties toestaan te verwijderen, kunnen bezoekers geen commentaar leveren op jouw bericht of pagina. Via Bijwerken sla je de wijziging op. Wil je de reactiefunctie voor de complete website uitschakelen? Ga dan naar Instellingen / Reacties en verwijder het vinkje voor Sta toe dat bezoekers kunnen reageren op nieuwe artikelen. Klik onderaan op Wijzigingen opslaan.

©PXimport

Tip 06 Indien je reacties van bezoekers niet op prijs stelt, zet je deze functie voor jouw website uit.

Tip 07: Thema wijzigen

Het thema bepaalt grotendeels hoe jouw website eruitziet en is ingedeeld. Denk hierbij aan het kleurenschema, het lettertype en de navigatiestructuur. Afhankelijk van het ingestelde thema, heb je zelfs toegang tot specifieke instellingen om de lay-out en inhoud naar je hand te zetten. WordPress beschikt over duizenden thema's die je zelfs vrijblijvend kunt uitproberen.

Klik in het dashboard-menu op Weergave en ga naar Thema's. Via Nieuw thema toevoegen bekijk je het aanbod. Klik op Eigenschapsfilter en Filters toepassen om het aanbod op kleur en indeling te sorteren. Heb je een mooi exemplaar gevonden? Zweef met de muisaanwijzer boven het thema en kies voor Voorbeeld. Wanneer je tevreden bent met hoe het thema eruitziet, bevestig je de installatie ervan met Installeren. Het geïnstalleerde thema is nog niet actief. Ga weer terug naar Weergave / Thema's en klik op Live voorbeeld om te zien hoe jouw website er met de vernieuwde vormgeving uitziet. Ben je helemaal zeker van je zaak? Kies dan linksboven voor Opslaan & activeren.

©PXimport

Tip 07 De catalogus van WordPress telt duizenden gratis thema's.

Tip 08: Thema uploaden

Naast de catalogus van WordPress zijn er elders op internet nog veel meer thema's te vinden. Er zijn voldoende gratis vindplaatsen, maar bedenk wel dat deze thema's lang niet altijd veilig zijn. Bovendien bevatten ze geregeld verkapte advertenties in de vorm van hyperlinks. Wil je een exclusiever design met meer mogelijkheden, dan kun je er ook voor kiezen om voor een exemplaar betalen. Een aanrader is bijvoorbeeld www.elegantthemes.com.

Voor een bedrag van 69 dollar (zo'n 60 euro) heb je toegang tot 87 uitstekende thema's. Heb je een mooi thema gevonden? Je hebt dan als het goed is een zip-bestand naar je pc gedownload. Door dit bestand naar het WordPress-dashboard te uploaden, is het nieuwe thema voor je website beschikbaar. Navigeer hiervoor binnen het cms naar Weergave / Thema's en klik bovenaan op Nieuwe toevoegen. Via Thema uploaden en Bestand kiezen selecteer je het zip-bestand op je harde schijf. Je klikt vervolgens op Openen, waarna je bevestigt met Nu installeren. Kies als laatste voor Activeren en bekijk het resultaat op je website. Schrik niet als je website er ietwat rommelig uitziet, want je moet het thema nog vormgeven.

©PXimport

Tip 08 Met een betaald thema creëer je een exclusiever design voor je WordPress-site.

Responsive

Tegenwoordig gebruiken we naast de computer veelal mobiele apparaten om websites te bekijken, namelijk de tablet en smartphone. Het is belangrijk dat het gebruikte thema daar rekening mee houdt. In vaktermen is je website dan responsive, waarbij het thema zich automatisch aanpast aan de beschikbare schermruimte. Je thema komt er dan op ieder scherm goed uit te zien, waarbij het met mobiele apparaten niet nodig is om in te zoomen.

Tip 09: Thema vormgeven

Nadat je het thema hebt geïnstalleerd, ga je de website wat meer opsmuk geven. Je regelt dat door alle thema-instellingen nauwkeurig door te nemen en de beschikbare opties te wijzigen. Voeg bijvoorbeeld afbeeldingen, kleuren en een ander lettertype toe. Welke instellingen er exact beschikbaar zijn, is afhankelijk van het gekozen thema. Veel thema's bieden de mogelijkheid om via de functie Customizer aanpassingen te maken. Mits beschikbaar, navigeer je daarvoor vanuit het dashboard naar Weergave / Customizer. Je ziet de huidige lay-out van je website verschijnen, waarbij je het deelvenster aan de linkerkant gebruikt om de instellingen te wijzigen. Het resultaat is direct zichtbaar! Zodra je iets wijzigt, bevestig je bovenaan met Opslaan & publiceren. Veel thema's integreren binnen het dashboard van WordPress overigens ook een eigen menu waarin je het uiterlijk van je website onder handen kunt nemen.

©PXimport

Tip 09 Met de functie Customizer voeg je bijvoorbeeld een favicon aan je website toe.

Tip 10: Menu samenstellen

Afhankelijk van welk thema je hebt gekozen, zijn er één, twee of misschien wel drie plekken beschikbaar voor het menu. Voor de navigatiestructuur op je website is het belangrijk dat je de menu's logisch indeelt. Je gebruikt hiervoor categorieën van berichten en pagina's die je in eerder in dit artikel hebt aangemaakt. Ga vanuit het dashboard naar Weergave / Menu's en bedenk een geschikte menunaam. Nadat je hebt bevestigd met Menu aanmaken, zet je aan de linkerkant een vinkje voor alle pagina's die je in het menu wilt hebben. Klik vervolgens op Aan menu toevoegen. Geef ook aan of je berichten, aangepaste links en/of categorieën aan het menu wilt toevoegen. Wijzig bij het onderdeel Menustructuur de volgorde door de menublokken te verslepen. Je geeft bij Thema locaties aan op welke plek je het zojuist aangemaakte menu wilt weergeven. Bevestig als laatste met Menu opslaan.

©PXimport

Tip 10 Je bepaalt zelf welke pagina's je in het hoofdmenu van je website wilt weergeven.

▼ Volgende artikel
Ontwerp van Nothing Phone (4a) onthuld
Huis

Ontwerp van Nothing Phone (4a) onthuld

Het Britse bedrijf Nothing heeft het design van de aankomende nieuwe smartphone Phone (4a) onthuld.

Dat deed het bedrijf gisteren via social media. De smartphone komt op 5 maart uit. In de tweet hieronder is het ontwerp alvast te zien, met de typische drukke achterkant die we inmiddels gewend zijn van het bedrijf.

De aankomende Phone (4a) heeft een zogeheten 'Glyph Bar'. Dit is een micro-led-paneel aan de zijkant, die mensen zelf kunnen programmeren om ze in verschillende patronen te laten knipperen. Het gaat om de vierkantjes aan de rechterzijde, naast het camera-eiland. De led-lampjes zijn volgens het bedrijf 40 procent feller dan die op de Phone (3a).

Over de precieze technologie van de Nothing Phone (4a) zijn nog geen aankondigingen gedaan, maar volgens geruchten krijgt de smartphone een Snapdragon 7s Gen 4-chip. Er zal ook een duurdere en snellere Phone (4a) Pro verschijnen, al is daar het uiterlijk nog niet van onthuld.

Officieel wordt de Phone (4a) op 5 maart onthuld.

View post on X
▼ Volgende artikel
Waarom je monitor op het moederbord aansluiten je pc vertraagt
© Provokator
Huis

Waarom je monitor op het moederbord aansluiten je pc vertraagt

Je sluit je nieuwe monitor aan, de pc start op, maar de prestaties in zware programma's en games vallen vies tegen. In dit artikel ontdek je waarom de aansluiting op je moederbord de grafische kracht van je computer negeert en hoe je dat direct oplost voor maximale rekenkracht.

Het is een klassieke fout bij het opbouwen van een werkplek: de videokabel in het eerste gat steken dat je tegenkomt aan de achterzijde van je computerkast. Vaak belandt de kabel dan in een van de poorten van het moederbord, terwijl de krachtige videokaart een verdieping lager ongebruikt blijft. Dit misverstand ontstaat omdat beide aansluitingen identiek ogen, maar de interne route die de data aflegt verschilt als dag en nacht. Daarom leggen we je uit hoe je het volledige potentieel van je hardware benut en waarom die extra investering in je grafische kaart anders weggegooid geld is.

De interne omweg via de processor

Als je de HDMI- of DisplayPort-kabel in het moederbord plugt, dwing je de computer om de geïntegreerde grafische chip van de processor te gebruiken (mits die is ingeschakeld via het BIOS). Wij hebben dat uiteraard nog even getest en merkten dat alles inderdaad veel minder soepel aanvoelt zodra de processor deze dubbelrol moet vervullen. In plaats van dat de data direct naar de gespecialiseerde kernen van de videokaart gaat, moet de processor nu zowel de algemene berekeningen als de visuele output verwerken.

Dat veroorzaakt een een hoop warmte in de behuizing en de ventilatoren van de CPU beginnen sneller te loeien om de extra last op te vangen. Het is al met al een onhandige route waarbij de dure videokaart onderin je kast simpelweg geen signaal doorgeeft aan je scherm.

©stas_malyarevsky

Hier moet je de HDMI-kabel dus níét in steken als je de beste prestaties wilt.

Aansluiting heeft wel degelijk een functie

Er zijn echter specifieke scenario's waarin deze aansluiting juist je beste vriend is, bijvoorbeeld tijdens het stellen van een diagnose als er iets opeens niet werkt. Als je pc bijvoorbeeld geen beeld geeft via de videokaart, is inpluggen op het moederbord de enige manier om te controleren of de rest van je systeem nog wel functioneert.

Ook voor een eenvoudige kantoormonitor, die alleen wordt gebruikt voor tekstverwerking en e-mail, volstaat de interne chip van de processor en is een dedicated videokaart niet eens nodig. Deze route bespaart energie en houdt de pc stiller, omdat de zware videokaart (als die er is) in een diepe slaapstand kan blijven. Voor een secundair scherm waarop je alleen statische informatie zoals een chatvenster of Spotify in beeld hebt, kan deze configuratie zelfs een slimme manier zijn om de hoofdvideokaart te ontlasten van onnodige basistaken.

Verlies grafische rekenkracht

Zodra je echter een zware taak start, zoals videobewerking of een moderne game, loopt de pc direct tegen een muur aan. De geïntegreerde graphics hebben namelijk geen eigen snel geheugen en snoepen zodoende rekenkracht van het werkgeheugen van je systeem. Je merkt dat aan haperende beelden, een lage framerate en textures die traag laden.

Zo kan het gebeuren dat een krachtige gaming-pc, die normaal gesproken honderd frames per seconde (100 fps) haalt, via de moederbordaansluiting terugvalt naar een onwerkbare diavoorstelling van minder dan 10 fps. De hardware is aanwezig, maar de snelweg naar het scherm is afgesloten, waardoor je in feite maar een fractie van de capaciteit krijgt waarvoor je hebt betaald.

Situaties waarin je deze aansluiting sowieso moet vermijden

Het aansluiten op het moederbord is een absolute dealbreaker voor iedereen die met visuele content werkt of veeleisende games speelt. Als je voor honderden euro's een videokaart hebt aangeschaft, is het een kostbare vergissing om de monitor ergens anders in te pluggen.

Ook bij het gebruik van een 4K-monitor kan de interne chip de verversingssnelheid vaak niet bijbenen, waardoor je naar een schokkerig beeld zit te kijken terwijl je hardware veel vloeiender kan presteren. Voor creatieve professionals die software gebruiken voor 3D-rendering is het gewoon onmogelijk om te werken; de software zal vaak zelfs een foutmelding geven omdat de benodigde grafische bibliotheken niet worden ondersteund door de standaard processor-chip.

De snelle poorten zitten meestal verder naar onderen en zijn doorgaans horizontaal gepositioneerd.

Zo vind je de juiste poort

Kijk eens goed naar de achterkant van je computerkast om te bepalen of je de volle snelheid benut. De aansluitingen van het moederbord staan altijd verticaal in een blok met andere poorten, zoals usb en ethernet. De aansluitingen van de videokaart zitten een stuk lager en staan horizontaal in een aparte sleuf. Zit je kabel in het bovenste blok, dan werk je op de 'reservemotor'.

Verplaats de kabel naar de horizontale poorten onderaan en je zult direct horen dat de pc anders reageert bij het opstarten. Soms moet je na deze wissel de pc even herstarten, zodat de drivers de nieuwe configuratie herkennen en de resolutie optimaal kunnen instellen voor jouw specifieke beeldscherm.

Klaar voor optimale prestaties?

Het aansluiten van een monitor op het moederbord in plaats van de videokaart zorgt ervoor dat de grafische rekenkracht van de pc onbenut blijft omdat het systeem terugvalt op de beperkte interne chip van de processor. Dat leidt tot een drastische afname in prestaties bij games en zware software, aangezien de gespecialiseerde hardware van de videokaart volledig wordt gepasseerd. Voor een optimale ervaring moet je de monitor altijd in de horizontale poorten van de videokaart prikken. Alleen in noodgevallen of bij eenvoudiger kantoortaken is de moederbordaansluiting een bruikbaar alternatief.