Opdrachten

Les 1

  • Verander je wachtwoord, via de mail die je hebt ontvangen, of via Dashboard > Gebruikers.
  • Verander Titel en Ondertitel bij Instellingen.
  • Maak Pagina’s zoals Over mij, Contact en Portfolio.
  • Maak ook een lege pagina “Blog” of iets dergelijks, waar later je Berichten in komen.
  • Voeg  Berichten toe. Maak ook meteen Categorieën en vul per bericht ook één of meerdere Categorieën in.
  • Plak video’s en/of muziek in, bijvoorbeeld van Youtube of Soundcloud, door de url in te plakken. Je kan zelfs een url van een WordPress-artikel inplakken.
  • Activeer en bekijk de plugin WP Statistics.

Les 2: Gallery

  • Lees de info op rocweb.nl/gallery.
  • Log in op je eigen site: tik /wp-admin of /login of /admin achter de url, bijv rocweb.nl/jenaam/login
  • Maak op de pagina “Portfolio” een gallery met jouw beeld, via de knop “Media toevoegen” bovenaan, en dan “Galerij aanmaken“. Met minstens 9 eigen plaatjes erin!
  • Probeer alle opties uit, zoals bijschriften, alt-tags etc.
  • Kies bij de galerij Link naar mediabestand (Link to Media File).
  • Kies ook een foto bij Uitgelichte Afbeelding (featured image).
  • Activeer de plugin Easy Fancybox en stel die af naar wens via de opties.
  • Maak Custom CSS voor gallery-plaatjes, via de plugin Simple Custom CSS. Zie rocweb.nl/gallery/ voor meer info.
  • Optioneel: Bekijk de gallery-plugin NextGen of een andere Gallery plugin en probeer die uit.

Les 3: Formulieren, menu, favicon

  • Maak een menu, zie info, met al je pagina’s en ook een link naar de Blog-pagina, maak ook een submenu, noem die bijvoorbeeld “Links” en voeg daar links naar je oude (of andere) websites toe. Hier nog meer info.
  • Stel Instellingen > Lezen ook in, kies daar o.a. welke pagina je homepage is, en welke pagina je Berichten toont, meestal de pagina genaamd “Blog”.
  • Plaats in je Contact-pagina een Contactformulier via Plugin > Contact Form 7. Bewerk je formulier en plaats de shortcode in de pagina. Zet Reacties uit op de Contactpagina (Scherminstellingen  > Reacties aanvinken. Nu zie je onderaan een extra veld staan over Reacties. Hier kan je per pagina dan Reacties toestaan UITvinken). En zet Reacties AAN op de pagina’s waar je dat wel wil, bijvoorbeeld op Portfolio.
  • Maak in Photoshop een favicon.png van 260 x 260 pixels. Sleep in de Media Library. Zet je favicon aan via de Thema-opties (Weergave > Customizer > Site identiteit), of activeer de plugin Real Favicon en bekijk de opties. Check je favicon in diverse browsers, en check ook je touch icon op je mobiel (via Voeg toe aan startscherm).

 Les 4: Social media, widgets, css, Maps

  • Zoek een plugin voor Social Media Buttons en probeer ze uit. Doorloop alle opties. Er is een verschil tussen Sharing– en Follow-buttons.
  • Bekijk Widgets, wijzig naar wens. Voeg bijvoorbeeld zo een Zoek-veld toe.
  • Zet een Google Maps kaartje in een pagina, bijv. met de plugin WP Google maps.
  • Probeer Column Shortcode uit (de knop naast Add Media), bijvoorbeeld om een plaatje naast tekst te zetten.
  • Maak smallcaps (of een andere stijl) met inline CSS, en doe datzelfde ook met Custom CSS en HTML. Verander je design met Custom CSS.  TIP: gebruik in Chrome of Safari het Ontwikkelmenu / Webinfovenster: Rechtsklik > Inspecteer element.  Of Cmd-Alt-I. Dan zie je de HTML en de CSS, en kun je wijzigingen makkelijk uitproberen. In Safari aan te zetten bij Voorkeuren > Geavanceerd > Toon Ontwikkel-menu.
  • Maak categorieën, voeg aan berichten categorieën toe. Maak van de Categoriën een menu-item, of een Widget.

Les 5: SEO

  • Lees dit stukje over Search Engine Optimization.
  • Plaats een aantal nieuwe Berichten, minstens 3. Voeg categorieën toe, per bericht.
  • Activeer de plugin WordPress SEO by Yoast.
  • Onderaan, bij SEO, geef je een Focus zoekterm op, waarop je gevonden wil worden.
  • Bewerk de berichten totdat alle punten op groen staan.

Les 6 en 7

  • Vul de website verder aan. Minstens 3 berichten, minstens 3 pagina’s, minstens 1 galerie, een menu met submenu’s waaronder links naar je oude website (of naar andere websites van jezelf). In de 3 berichten moet bij de SEO alles op groen staan.
  • Pas het ontwerp aan, via het menu, via Custom CSS, of met een Thema.
  • Optioneel: Voeg een Slider toe, of stel die af als die al in het thema staat.


Known issues / bugs
Soms zie je bij het bewerken onderaan ook nog eens de HTML-code staan, dubbel dus,  of soms zie je maar 1 regel. Bewaren werkt dan niet. Het is op te lossen door op Wysiwyg / Tekst te klikken.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *