Examenperiode
In de examenperiode P11 werk je aan je eindopdracht, de Proeve van Bekwaamheid. Je examen-site staat op AMSnoord.nl/jenaam-examen. Log in met /admin erachter.
Zie ook alle WordPress opdrachten, want het examen is een herhaling daarvan. Gebruik als thema bij voorkeur “Vantage“: die werkt het best met de SiteOrigin Page Builder.
Zet een wachtwoord voor toegang aan, via de plugin, zodat je site niet toegankelijk is voor derden.
11.1 Gallery & AI
- Maak toepasselijk beeld voor Amsterdam 750 jaar, zet dat in een klikbare gallery
- Met tekst in de popups: in Bijschrift je prompt en welke AI, en bij Beschrijving je copyright
- Zet deze pagina ook in het menu
De AI image generators zijn bijvoorbeeld: Firefly, ChatGPT, DeepSeek, Canva, Dall-E, Midjourney, Stable Diffusion, Artvy, Copilot, Grok.
11.2 SEO
- Schrijf een tekst met AI over jouw onderwerp (zoals je presentatie) in 400 woorden.
- Maak er ook een plaatje bij met AI.
- Onderzoek op Google Trends drie termen (of strings) als beste voor jouw tekst, over de afgelopen VIJF JAAR in NL, en maak daar een screenshot van.
- Voer de tekst en de plaatjes in als Bericht op je WordPress site. Zorg dat de tekst er goed uitziet, met tussenkoppen, een doorleesknop en een uitgelichte afbeelding.
- Zet in de Yoast SEO plugin alle bolletjes op groen. Ook de Leesbaarheid.
11.3 Huisstijl analyse
- Het logo / vignet: hoe ziet dat er uit, hoe gebruiken ze dat?
- Wat zijn de lettertypes? (Website > Rechtsklik > Inspecteer Element > Font family)
- Hoe gebruiken ze die lettertypes: groot, klein, HOOFDLETTERS, kleur?
- Wat zijn de huisstijl-kleuren? Open het logo in Photoshop en noteer de kleurcodes, of via de browser > Inspecteer
- Wat is de ondertekst bij het logo (de pay off, of slogan)?
- Wat is de Tone-of-Voice van de teksten? “U” of “jij”, voor welk publiek, wat is de schrijfstijl?
- ARTIKEL-ANALYSE: Hoe ziet een artikel eruit? Intro? Citaten? Streamers? Tussenkopjes? Ondertitel? Links? Koptekst? Lengte alinea’s? Tekst-stijl? Vertel en laat het ook zien met plaatjes.
KOP en BODY: font-family + font-size + lineheight oftewel noteer het Lettertype, de font-grootte en de interlinie
Favicon
- Maak een Favicon voor jouw website (500×500 pixels PNG)
- Zet de favicon aan in je website (meestal Customizer > Site-identiteit > Site pictogram). Zie les 3 op https://rocweb.nl/opdrachten/
- Voeg je website toe aan je homescreen op je telefoon. Maak daar een screenshot van, en zet die ook in je Huisstijl analyse (de pagina op je wesbite)
11.4 Widgets en Vantage Pagebuilder
Bekijk Widgets, de nieuwe SiteOrigin Widget Bundel en de nieuwe SiteOrigin Pagebuilder in het thema Vantage. Zoek zelf uit hoe het allemaal werkt (het is weer anders dan voorheen!).
Vergelijk jouw website met de originele website van AT5. Welke elementen kan je nog toevoegen, op de homepage? Hoe kan je dat stylen zodat het op AT5 lijkt? Wat zou je kunnen verbeteren? Welke dingen zou jij nog toevoegen?
Je mag allerlei nep-inhoud gebruiken, als het er maar goed en gevuld uit gaat zien. Uiteindelijk moeten je eigen items ook allemaal op deze homepage komen.
Voeg dus elementen toe op de homepage, met plugins of widgets, of met plaatjes en inhoud via de nieuwe SiteOrigin pagebuilder. Als het maar een gevulde homepage wordt.
11.5 Menu + multipage inline PDF
11.6 Drie PDF’s omzetten naar artikel + CSS
- Zet 3 van je PDF artikelen om in WordPress Berichten (of Pagina’s).
- Gebruik de huisstijl van je medium, dus met de Custom CSS uit Les 2.
- Update het menu zodat je nu naar de pagina’s gaat en niet naar de PDF’s.
- Laat het aan de webdocent zien: vraag en verwerk de feedback
11.7 Custom CSS
11.8 Feedback
Vraag feedback aan de webdocent over je website als die bijna klaar is. Verwerk de feedback.