Theme aanpassen

uit de cursus Website bouwen met WordPress

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Website bouwen met WordPress

perm_identity Walter van Rooij | video_library 34 video's | query_builder 3:06:49

Content Management Systeem (CMS) WordPress

Met het gratis Open Source CMS WordPress kun je professionele websites maken voorzien van alle functionaliteiten die je maar wenst. WordPress maakt gebruik van Thema’s voor de vormgeving en plug-ins voor de functionaliteiten.

Omdat WordPress wereldwijd een enorm populair CMS is en de basis vormt voor miljoenen websites is het een zeer betrouwbaar CMS waar continu gewerkt wordt aan veiligheid en functionaliteit. Vanwege de populariteit worden er ook veel plug-ins ontwikkeld door derden.

Je leert…

In deze cursus leer je hoe je met WordPress een website opzet met behulp van templates. We behandelen het downloaden en installeren van de meest belangrijke plug-ins. Denk aan SEO, Google maps, contactformulieren, privacyverklaring (GDPR), fotogallerijen etcetera

Uiteindelijk zorgen we ervoor dat je precies weet hoe je jouw website online op het world wide web krijgt. Binnen no time ben jij online.

Deze les gaat over het maken van aanpassingen

aan het zojuist geïnstalleerde thema

In een vorige les hebben we gezien

hie we een theme of een thema kunnen installeren.

The theme dat we hier hebben gebruikt,

Lighthouse

is afkomstig van de website van Wordpress zelf.

Het is een gratis thema

in tegenstelling tot betaalde thema's hebben gratis thema's

doorgaans minder mogelijkheden tot het maken van aanpassingen.

Laten we gaan kijken

wat dit thema voor mogelijkheden heeft.

Daarvoor ga ik naar dekachterkant van de website, mijn Dashboard.

Om te kijken welke aanpassingen er mogelijk zijn met dit thema

ga ik naar Appearance > Customize

Zoals gezegd, afhankelijk van het gekozen thema

kun je hier meer of minder informatie vinden om je website aan te passen

Ik zie hier om te beginnen

Dat er een Lighthouse Premium versie wordt aangeboden.

dat betekent: de betaalde variant van dit Thema

die laat ik voor wat het is.

Het kopje Site Identity klik ik open.

ik zie hier

dat ik de titel en de subtitel, ofte wel Tagline,

kan wijzigen.

en dat ik een logo kan toevoegen.

Laat ik met het logo beginnen

Ik heb bij het lesmateriaal een logo gevoegd

met de naam logo.png

het staat in mijn geval op het bureaublad

ik ga het selecteren

ik ga het selecteren

daar vind ik het logo.

ik kies het uit

en ik selecteer het

ik kan het logo Croppen of bijsnijden

en daar zie ik hoe het staat

Ik zou dit willen bewaren

dat betekent in dit geval Publish

ik zal ook de Tagline van de website aanpassen

onze testbank

ook deze verandering Publish ik, of, bewaar ik

Ik zie ook dat ik hier een site-icon kan toevoegen

een site-icon of Favicon is handig

en zal ik in een later stadium nog doen.

terug naar de aanpassing-opties.

Het tweede kopje, Colors, klik ik open.

Ik zie dat er daar een aantal basiskleuren ingesteld zijn

de kleuren van de tekst en de achtergrondkleur van mijn website

leuk dat het blijkbaar zo gemakkelijk is om aanpassingen te maken.

dat doe ik misschien later

Terug naar het aanpassingen-venster

Het header-image

het helder-image is de grote foto

achter de titel van de website

achter de titel van de website

achter de titel van de website

en ik zie dat ik die hier gemakkelijk kan wijzigen

en ik zie ook welk formaat die foto dan zou moeten hebben

ik ga terug naar het aanpassingen-venster

Het background-image

Ik heb in deze website geen achtergrondfoto

ik heb er ook geen behoefte aan

de achtergond van mijn website lijkt een soort lichtgrijs en dat houd ik zo

maar fijn om te weten

dat ik de mogelijkheid heb om mijn achtergrond te wijzigen

Menus

ik zie dat ik op het moment geen menubalk heb

maar ik zou die menubalk nu kunnen gaan maken.

Er wordt me aangeboden: Create New Menu.

vooruit, dat doe ik.

Er wordt me gevraagd het menu een naam te geven

ik zal het Hoofdmenu noemen

en ik ga akkoord met dat het aan de bovenkant van de pagina zal verschijnen

next

In de menubalk moeten natuurlijk ook buttons komen

of Menu-items

Die kan ik hier toevoegen: Add Items

Logischerwijs worden buttons in de menubalk verbonden met pagina's

of Pages in Wordpress.

Ik heb tot nu toe maar twee pagina's in deze Setup,

de ene heet Home en de ander heet Sample Page

Ik kan er dus eigenlijk maar één kiezen en die kies ik dan ook

Ik voeg de pagina toe

en ik publiceer of Save.

Rechtsboven in mijn pagina zie ik in de menubalk één button staan.

Later zal ik er meer toevoegen.

Het kopje Widgets

Wat Widgets precies zijn is al even an de orde geweest

tijdens het behandelen van de structuur van Wordpress.

Widgets zijn posities, ruimtes, vlakjes,

rondom het tekstveld

dus aan de bovenkant en aan de zijkanten ervan en aan de onderkant ervan.

Die ruimtes kan ik vullen met informatie.

Dat zal ik later ook zeker gaan doen, maar nu nog niet.

Ik ga naar de Homepage-Settings.

Daar kan ik zien welke pagina of welke Post er gebruikt wordt voor mijn Hoofd-pagina

Op dit moment

staat Your Latest Post aangehinkt,

en dat betekent dat er een Post, een Blog-bericht, mijn Homepage vormt

Dat kan, en dat is ook gebruikelijk als je website een Blog is.

Maar ik wil geen Blog, ik wil een gewone website.

die ik mogelijk later nog zal aanvullen met een Blog.

In dat geval is het logisch

om een gewone pagina, een Page, te kiezen als Homepage.

Dat geef ik aan

en vervolgens wordt me de keuze geboden

welke pagina ik dan wil

als Homepage

Ik heb weinig keus, ik heb maar één Page, de Sample Page, en die kies ik uit.

Ik Publish

Ik zie dat mijn Homepage er nu wat vanzelfsprekender uitziet.

er staat een stukje tekst op,

er staat een titel boven en er staan wat quotes.

Prima.

Ik ga naar het kopje Additional CSS

CSS betekent Cascading Style Sheets

en dat is de codetaal waarmee ik de vormgeving van de website kan regelen.

Bij voorbeeld: ik zou hier code kunnen plaatsen

die ervoor zorgt dat alle tekst in de website

in een bepaald lettertype verschijnt

Nu wil ik dat niet, maar later

zal ik zeker gebruik maken van de mogelijkheid

om hier extra CSS toe te voegen.

De Post-options.

Zoals gezegd, op het moment dat ik Posts maak,

is dat waarschijnlijk omdat ik een Blog-website heb.

met een boel berichten daarin verzameld.

Die veelheid aan betichten kan ik op twee manieren tevoorschijn laten komen.

Post=excerpt betekent:

als ik een verzameling berichtjes opa een pagina wil laten verschijnen

zullen niet alle berichten in hun volle lengte zichtbaar zijn,

maar de uittreksels ervan zullen zichtbaar zijn.

dat is veel overzichtelijker

en heel gangbaar.

dus, Post-excerpt

is een vanzelfsprekende keuze. Ik laat het zo.

Ten slotte

wordt me hier aangeboden om een mening te geven over het thema.

Tot nu toe bevalt het thema me heel goed, het ziet er prachtig uit,

en misschien zal ik later een commentaar geven.

Tot zover de mogelijkheden om dit thema Lighthouse aan te passen.