Les 10

JuiceBox

Bij de node van een schilderij merken we onder de tab 'foto's' een galerij van foto's. Hiervoor hebben we de Juicebox module nodig. Deze zit reeds in de distributie.

Verder heb je hiervoor ook een plugin nodig. Deze is ook reeds aanwezig op de server.

We maken een nieuw veld aan bij ons inhoudstype 'Schilderijen'

  • Type: afbeelding
  • Widget: multiupload
  • Opgelet: waardes onbeperkt

Vervolgens bepalen we de weergave:

Zoek nu een aantal extra foto's van een schilderij naar keuze. Voeg deze toe aan de bijhorende node en bekijk het resultaat

Herhalingsoefening

De rest van deze les en misschien volgende les werken we deels klassikaal, deels individueel aan een herhalingsoefening. Bijna alle reeds besproken onderwerpen zullen aan bod komen.

De opdracht in grote lijnen:

  • We werken rond het thema artiesten en bands.
  • We willen drie bands bespreken: The Rolling Stones, Pink Floyd en The Beatles
  • We tonen wat info per bandlid
  • In twee overzichten tonen we de greatest hits met een filmpje en wat info over de laatste plaats waar ze optraden

Een voorbeeld van de uitgewerkte oefening vind je hier

Klik hier voor de startbestanden

Algemenen instellingen:

Zorg ervoor dat er geen menulinken terug te vinden zijn van de schilderijen (niet verwijderen!)

Installeer een nieuw thema als standaardtheme: Corporate Clean

Stel dit zodanig in dat

  1. er geen kruimelpad getoond wordt
  2. er geen slideshow getoond wordt
  3. er een kleurenschema naar keuze getoond wordt

Pas het logo en de naam van de website aan

Inhoudstypen

Je zal in totaal vier inhoudstypen nodig hebben:

  1. Bands
  2. Bandleden
  3. Last performances
  4. Greatest hits

Onderstaande afbeeldingen tonen de velden per inhoudstype, de weergave zal je zelf moeten instellen. Kijk daarvoor naar de voorbeeldsite.

Band

Bandleden

Last Performances

Greatest hits

Afbeeldingsstijl

Voor sommige onderdelen, vooral bij de overzichten heb je een afbeeldingsstijl nodig:

Ik geef die de naam 600 x 250 + tekst

--> je zal dus moeten schalen en bijsnijden en vervolgens zorg je dat de titel van de node op de foto verschijnt.

Menu's

Voor we inhoud toevoegen:

Merk op dat je twee soorten menu's tegenkomt:

  • een hoofdmenu dat altijd zichtbaar is (zonder uitgeklapte menu's)
  • een navigatiemenu dat enkel zichtbaar is wanneer je een band hebt aangeklikt

Hou dit in je achterhoofd als je inhoud gaat toevoegen

Inhoud toevoegen

Voeg de inhoud toe in elk inhoudstype. Het is logischer van dit eerst te doen voor we aan de overzichten beginnen

Overzichten

We zullen in totaal drie overzichten moeten maken:

  1. Bands: page en block
  2. Last Performances: enkel page
  3. Greatest hits: enkel page

Merk op dat er een slideshow van de Bands (block) getoond wordt op de front

Ook hier toon ik per overzicht een beeld achter de schermen. Met jullie voorkennis kunnen jullie alle instellingen zelf goed zetten.

Bands (Page)

Bands (block)

Last Performances

Greatest hits

(in combinatie met de css moeten de afmetingen van de filmpjes custom aangepast worden:)

Frontpage

De welkomstpagina is volledig naar ons wensen aangepast.

Aanwezige elementen:

  • GIF-ke met een beetje css als blok
  • Twee citaten met opmaak in de second sidebar
  • Een slideshow die de drie bands toont (views slideshow)

CSS

Als je goed kijkt dan zie je dat er hier en daar wat CSS is toegevoegd.

Probeer dit eens zelf toe te passen, liefst met eigen inbreng.

Om wat te helpen krijg je hieronder de css regels te zien: