Les 5

Printvriendelijke versie

Herhalingsoefening

Inleiding

Deze les staat in het teken van herhalen. We beginnen met een kleine herhaling van Drupal Basis met het installeren van een nieuw thema om vervolgens de reeds behandelede onderwerpen uit Drupal Gevorderd opnieuw op te rakelen. Het onderwerp waar alles rond draait is dit keer 'boeken'.

Download HIER de nodige bestanden

Nieuw thema

  1. Download en installeer het thema Showcase Lite, kijk eens naar de instellingen, veel kunnen we niet gebruiken omdat deze betalend zijn. De free versie is echter ook al de moeite!
  2. De-installeer alle overbodige thema's om de site te ontlasten
  3. Bekijk de blokken, er zijn er te veel zichtbaar, pas aan zodanig dat enkel de essentie overblijft.
  4. Ons hoofdmenu moet aangepast worden. Verberg alle links behalve Home
  5. Zorg voor een nieuw logo en favicon, terug te vinden in de gedownloade bestanden

Homepage

  1. Op dit moment zien we op de homepage een overzicht van teasers met de verschillende reeds toegevoegde nodes. We willen hier een mooie pagina tonen die de bezoeker aanspreekt.
  2. Maak twee nieuwe blokken aan. De eerste krijgt de titel boekensteun en je plaatst deze in het blokgebied Content Top. Het tweede blok plaats je in het gebied Content Top Highlighted met als titel Boekenworm. Gebruik de juiste afbeeldingen.

  1. Voeg nieuwe inhoud toe van het type Artikel, geef het de titel 'Welkom'. Neem onderstaande over om in de body te plakken:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

  1. Zorg dat deze pagina nu ingesteld wordt als homepage
  2. Plaats tot slot twee blokken in de Content Bottom First en Content Bottom Second, uiteraard enkel zichtbaar op de homepage. Gebruik de afbeeldingen uit de gedownloade bestanden.

Inhoud

Op dit moment hebben we nog geen inhoud wat de boeken betreft. In de gedownloade bestanden zit ook een Excel-lijst. Daarin zit een lijst van boeken. De bedoeling is dat je deze boeken op de site gaat plaatsen. Ik overloop nog eens de stappen:

  1. Inhoudstype aanmaken
  2. Databank voorbereiden (velden juiste namen geven)
  3. Databank omzetten naar CSV (met Open Office)
  4. Databank importeren met CSV importer

--> Tip: probeer eerst met 5 boeken om te testen

Uiteindelijk moet je 168 boeken hebben staan als je gaat kijken onder Content

Overzicht

Maak een nieuw overzicht aan dat jouw boeken toont. Het overzicht zelf bestaat uiteindelijk uit drie weergaves:

Weergave 1: Overzicht voor de bezoeker

  1. Onopgemaakte lijst van velden
  2. Link in het hoofdmenu
  3. Alle items worden getoond
  4. Velden:
    1. Titel: H6
    2. Auteur: Strong
    3. Thema: geen aangepaste html
  5. Pas de weergave van onopgemaakte lijst aan naar Masonry
    1. Modules: Masonry Views en Masonry API
    2. Plugins: KLIK HIER
  6. Met een beetje CSS zorg je voor een gecentreerd gegeven:

.boeken
{
  text-align:center;
}

Weergave 2: VBO voor de admin

  1. Naam van de weergave aanpassen: VBO voor admin

  1. Pad opgeven: /vbo_boeken
  2. Link in het menu
  3. Enkele zichtbaar boor de admin
  4. Weergave aanpassen naar Tabel (DEZE WEERGAVE)
  5. Verwijder de CSS
  6. Zorg voor passende labels

  1. Voeg het veld afbeelding toe, kies als afbeeldingstijl voor miniatuur --> Het veld afbeelding zal je eerst moeten aanmaken in het inhoudstype!
  2. Voeg het veld Views Bulk Operations toe

  1. Vink Process in a bathc operation uit, dat geeft anders fouten straks!

  1. Vink enkel de optie Modify Filed Values aan

  1. Zorg dat het veld op de eerste plaats komt te staan

  1. Voeg een filter toe, deze zal ervoor zorgen dat je kan filteren op het thema:

  1. Test de VBO nu uit door de drie thema's te voorzien van een bijhorende afbeelding (zie gedownloade bestanden)

Weergave 3: Blok voor de frontpage

  1. Voeg een weergave toe, dit keer kies je voor een block
  2. Geef deze weergave de naam: slideshow front

  1. Pas de weergave van tabel aan naar Diavoorstelling (DEZE WEERGAVE)
  2. Voeg het veld afbeelding toe, kies als afbeeldingsstijl 'gemiddeld'
  3. Verwijder het veld Thema
  4. Geef het blok nu een plaats: second sidebar, alleen op de frontpage

Contactformulier

Maak een contactformulier zoals in onderstaand voorbeeld. Het formulier moet voldoen aan volgende kenmerken:

  1. De velden voornaam en familienaam zijn verplicht
  2. Geef de gebruiker de mogelijkheid om in een selectielijst zijn/haar favoriete boek te kiezen
  3. Wanneer een gebruiker alles heeft ingevuld krijgt deze een gepersonaliseerde bedanking te zien

Detail

Het hoofdmenu ziet er uiteindelijk zo uit: