Les 10

Views Slideshow

Met de module kan je in blokformaat een leuke slideshow maken. Deze kan je bijvoorbeeld gebruiken op de homepage als blikvanger.

  1. Installeer de module Views Slideshow, het is third party maar ik heb de plugin voor jullie reeds op de server geplaatst.
  2. We maken een nieuw overzicht aan. Gebruik onderstaande afbeeldingen om de eerste stap zelf uit te voeren:

  1. Voeg nu eerst het veld afbeelding toe. Deze mag als originele afbeelding worden weergegeven.

  1. Het veld titel is hier overbodig, we gaan het uitsluiten van weergave

  1. Tot slot verwijderen we ook de titel van het overzicht. Dit is anders zichtbaar op het eindresultaat

  1. Onderaan zie je de diavoorstelling reeds in werking. Klik even bij Instellingen naast Diavoorstelling. Je zal zien dat je nog het één en ander kan regelen. We overlopen dit klassikaal.

  1. Het blok is af. Het enige dat we nu moeten doen is het een plaats geven. Ga daarvoor naar structuur - blok-layout

  1. Ga op zoek naar het blokgebied 'geaccentueerd' en kies 'blok plaatsen'.

  1. Ga in de verschenen lijst op zoek naar het zonet gemaakte blok en kies 'Blok plaatsen'.

  1. Tot slot bepalen we in het volgende venster dat dit blok enkel zichtbaar mag zijn op de front-page:

  1. Sla alles op en bekijk het resultaat.

Captcha

Je kent het wel, sites waarin er gevraagd wordt een bepaalde reeks tekens in te voeren om te bewijzen dat je geen robot bent. Dit heet Captcha. Het wordt gebruikt ter beveiliging van een site. Een programma kan deze tekens namelijk niet interpreteren. Het is lastig maar een effectieve veiligheidsmaatregel.

  1. Download en installeer eerst de module

  1. Je kan nu de instellingen van de Captcha-module openen:

  1. Eerder heb je twee soorten captcha geactiveerd. Deze kan je nu in het instellingsveld kiezen:

  1. Nu dienen we de module te activeren op de inlogpagina. Dit doe je bij de Captcha Points

Zoek de inlogpagina en schakel de captcha in

  1. Klik nu op Bewerken om de captcha te specificeren. Je kan hier opnieuw kiezen tussen een afbeelding of rekensom

  1. Wanneer je nu uitlogt en opnieuw gaat inloggen krijg je afhankelijk van de instellingen de rekensom of afbeelding:

             

reCaptcha

Een alternatief op bovenstaande is de reCaptcha. Deze module werkt samen met Google en zal je net iets bekender voorkomen. Deze wordt dan ook meer gebruikt dan de gewone Captcha-module.

  1. Download en installeer de module

  1. De instellingen kan je nu openen op bijna dezelfde manier als Captcha:

  1. Je merkt meteen op dat er een key nodig is om het ding te doen werken. We moeten registreren bij Google. Opgelet! Open deze link in een nieuw tabblad!

  1. Vul de gevraagde gegevens in en je krijgt op een bepaald moment de twee sleutels. Kopieer en plak deze nu op de juiste plaats:

  1. Sla dit even op en ga terug naar de CAPTCHA Points om de inlogpagina aan  te passen:

  1. Door uit te loggen en weer in te loggen kan je testen. Het volstaat soms om de checkbox gewoon aan te vinken, andere keren zal de reCaptcha je een kleine test laten doen. Het algoritme achter deze willekeur is geheim.

Herhalingsoefening (deel 1)

We zetten net over de helft van deze module. Daarom lassen we hier een herhalingsoefening in. De bedoeling is dat je op jouw eigen tempo eens gaat kijken hoever je reeds geraakt met Drupal. Doorloop in chronologische volgorde de deel opdrachten en een goed resultaat is zeker mogelijk.

  1. Download de nodige bestanden
  2. Schakel alle menu-linken van ons thema Schilders en Schilderijen uit. Dit kan je doen via Structuur - Menu's - Hoofdnaviagatie. Door de hoofdlinken uit te vinken en op te slaan verberg je meteen ook alle onderliggende linken.

  1. In de gedownloade bestanden vind je een nieuwe banner voor de frontpage. Via FTP (Filezilla) kan je deze uploaden op de server.
  2. Pas ook het logo aan, deze is ook terug te vinden in de map met bestanden.
  3. Zorg er tot slot voor dat de naam van de site niet zichtbaar is:

  1. Maak een nieuw inhoudstype aan: Band. Gebruik onderstaande afbeeldingen voor de velden:

(Je moet hier maar 1 veld toevoegen, gebruik een bestaand veld)

  1. Voeg nu inhoud toe van het type Band. Gebruik de gedownloade bestanden.
    1. The Beatles + groepsfoto
    2. The Rolling Stones + groepsfoto
    3. Pink Floyd + groepsfoto

  1. Zorg ervoor dat er in het menu drie linken terug te vinden zijn:

  1. Gebruik PathAuto Bulk Generate om de url-aliassen van de drie bands aan te passen. Als je kijkt in de adresbalk zijn die op dit moment .../node/31 bijvoorbeeld. Dit moet worden .../band/thebeatles bijvoorbeeld.

  1. Maak een nieuwe afbeeldingsstijl aan:

  1. Pas deze afbeeldingsstijl toe op het veld afbeelding van het inhoudstype band, doe dit bij de weergave.

  1. Op de home-page staat ons blok met schilderijen nog te draaien. We gaan dit vervagen door hetzelfde maar dan met de bandleden.
    1. Verberg eerst het blok met de schilderijen
    2. Je zal nu het schilders pallet nog zien met een beetje uitleg over een schilder. Dat lossen we later op.
    3. Gebruik nu de lesinhoud van het eerste deel van deze les om een blok te maken met daarin een diavoorstelling. Deze komt op de frontpage.