Les 6

Iets met honden (met dank aan Dirk Bernaert)

Nodige modules:

Better Exposes Filters

Views Sort Null

Inhoud importeren

  1. Het importeren van de inhoud gebeurd met Feeds. Dat is gekende leerstof en dus hoef ik dit niet meer stap voor stap uit te schrijven. In grote lijnen:
    1. Bekijk welke velden je nodig hebt door het CSV-bestand te bestuderen
    2. Maak een nieuwe woordenlijst aan
    3. Maak het inhoudstype aan
    4. Zet de afbeeldingen op de server (via het inhoudstype Pictures of Artikel)
    5. Boetseer een nieuwe feeds-type
    6. Importeer de inhoud

Inhoud controleren

We maken een view aan waarin we de inhoud kunnen filteren. Zo kunnen we eenvoudig, steekproefgewijs, checken of de hondenrassen correct werden toegevoegd.

  1. Naam: Hondenrassen
  2. Inhoud van het type Hondenrassen
  3. Pagina maken
  4. Tabel van Velden
  5. Menulink in de hoofdnavigatie
  6. Items per pagina: 50
  7. We voegen de volgende velden toe:
    1. Title --> label: Ras
    2. Rastype --> label: Rastype
    3. Body --> label: Bespreking
    4. Afbeelding --> label: Afbeelding, grootte; gemiddeld
  8. We willen in het overzicht kunnen filteren. Voeg daarom volgende filter toe en maak ze zichtbaar voor de gebruiker. De laatste is een speciale omdat we daar filteren op velden die niet leeg zijn:

filters

groeperen

is niet leeg

  1. De filterinstellingen worden automatisch toegepast door het gebruik van de Better Exposed Filter:

better exposed

Herwerken van de teasers (taxonomie-view)

Wanneer je in Drupal klikt op een bepaalde taxonomie-term, verschijnt er een overzicht van alle items die onder deze term vatten. Dit overzicht ziet er standaard zo ui:

standaard

De bedoeling is om dergelijk overzicht te herwerken, zodanig dat deze wordt weergegeven op de manier die wij wensen. Wij willen per term de items in alfabetiche volgorde en wanneer er een bespreking is worden die sowieso eerst getoond.

Bekijk de reeks van bestaande overichten

Maak een duplicaat van het overzicht taxonomy term

dupliceren

Geef dit duplicaat een naam

naam

Verwijder de feed

Pas aan naar tabel

Zorg voor het veld Title en het veld Body, pas telkens de labels aan

Pas de sorteercriteria aan:

Voeg Title toe en sorteer oplopend --> alfabetisch

Voeg het veld Body (sort null) toe --> toont velden MET inhoud eerst

velden en sortering

Bekijk nu het resultaat door of in een node, of in de view op een taxonomy term te klikken:

result

Photobox

Van de honden hebben we een aantal foto's. Deze willen we weergeven in een View. Wanneer er op een afbeelding geklikt wordt, worden deze getoond in een Photobox. Leuke module die je enkel kan doen werken met Composer.

--> De View

  1. Maak een view aan:
    1. Naam: hondenfoto's
    2. Inhoud van Hondenrassen
    3. Page aanmaken
    4. Onopgemaakte lijst van velden
    5. Link in het hoofdmenu
  2. Voeg deze velden toe:
    1. Title (aanwezig)
    2. Afbeeldingen
  3. Maak een nieuwe afbeeldingsstijl aan voor de foto's van de honden. Mijn voorstel:

afbeeldingsstijl

  1. Zorg dat er een beetje CSS wordt toegepast:
    1. Left floaten
    2. Genoeg ruimte tussen de foto's
    3. Een schaduw naar keuze

--> Photobox installatie

Opmerking: onderstaande toont een aantal composer-gerelateerde commando's. Echter wijkt dit af van de standaard. Photobox werkt op dit moment eigenlijk nog niet op Drupal 8. Maar een goede man heeft een oplossing bedacht die ik hieronder uitschrijf. Voor de installatie van modules via Composer is de werkwijze gelijkaardig, maar niet helemaal dezelfde.

  1. Log in op het cpanel van je website
  2. Open de filemanager
  3. Kies (indien nodig) jouw juiste subdomain
  4. Bewerk het bestand composer.json
  5. Plak onderstaande code onder 'repositories'. Vergeet de komma niet.
 {
            "type": "package",
            "package": {
                "name": "yairEO/photobox",
                "version": "1.9.12",
                "type": "drupal-library",
                "dist": {
                    "url": "https://github.com/yairEO/photobox/archive/1.9.2.zip",
                    "type": "zip"
                }
            }
        }

code composer

  1. Ga via het Cpanel naar 'Terminal'

terminal

  1. Werk je op jouw eigen hosting dan roep je eerst de correcte map op met dit commando: cd public_html
  2. Werk je op één van mijn subdomeinen dan roep je eerst het correcte subdomein op met dit commando (naam als voorbeeld): cd lander.drupalfun.nl
  3. Om de module photobox te installeren gebruik je volgend commando: composer require yairEO/photobox:1.9.12
  4. Installeer nu volgens de regels van de kunst de module photobox als zip-bestand, dit kan je op DEZE SITE downloaden
  5. Keer terug naar de view. Stel het afbeeldingsveld zodanig in dat:

photobox

Navigatiebalk aanpassen

We zorgen voor een aangepaste menu-balk:

  1. Geen sitebranding
  2. Tekengrootte: 1.2em
  3. Hoogte van de navigatiebar: 5em
  4. Ruimte tussen pagina-titel en navigatiebalk: 10px
  5. Bij elk menu-item plaats je een passende AFBEELDING
  6. Nodige module --> Simple Menu Icons
  7. Sommige linken werden door views gegenereerd, deze ga je opnieuw moeten opbouwen om de foto te kunnen plaatsen

menu afbeeldingen