Welkom

De distributie is klaar om getest te worden..

Download -> de bestanden
Download -> de database

Werkwijze:

installeer een Drupal 9 op je server. Onthou de toegangsgegevens tot je database.
Vervang de bestanden en mappen door de distributiebestanden.
Importeer in je database de database van de distributie. 
Ga naar je homepage en installeer. Er komt een melding dat Drupal reeds bestaat. Geen probleem..
Toegang met admin en pass

We gaan een multifunctionele Drupal 9 distributie maken waarmee ook niet-Drupallers mee kunnen werken. De website moet zowat alles aankunnen, zelfs een webshop. Het is de bedoeling om deze distributie gratis ter beschikking te stellen aan alle geïnteresseerden.

We voorzien slideshows, fotogalerijen, kalenders, webshop, contactformulieren,...

We doen dit in teamverband. Ik (Dirk) zal fungeren als moderator. Alles wordt met composer geïnstalleerd. Modules die worden geïnstalleerd, maar later niet meer worden gebruikt, moeten worden gedeïnstalleerd en ook op de server worden verwijderd. We houden het proper.. Teamverband houdt ook transparantie in. Gelieve in het logboek telkens te vermelden wat je hebt uitgevoerd. Daar kan je ook vragen stellen en advies vragen.

Afspraken:

  • We gebruiken Adaptive theme omdat we daar het meest ervaring me hebben.
  • Inhoud zal worden toegevoegd via één inhoudstype, met paragrafen. Deze paragrafen zullen zorgen voor de flexibiliteit.
  • Afbeeldingen worden bij voorkeur in velden aangebracht om ook te kunnen gebruiken in views
  • De menu items worden zijn (voorlopig): home, info, webshop, contact, kalender, in beeld,..
  • Blokken worden altijd gegenereerd als view door het inhoudstype.
  • Slideshows hebben een eigen inhoudstype.
  • De webshop heeft zijn eigen structuur en staat los van bovenstaande inhoudstypes
  • De inhoud moet op een knappe manier worden getoond, voorzien van animaties en parallax effecten.

Aanpak:

  1.  We maken eerst een site die al de mogelijkheden toont met dummy inhoud (gebruik afbeeldingen zonder auteursrechten). Iedereen die wil kan bijdragen door een paragraaftype toe te voegen en zo de functionaliteit van de site te verhogen.
  2.  We maken deze site gebruiksvriendelijk voor niet Drupallers.
  3.  We maken er een distributie van en stellen die ter beschikking van iedereen.

We overlopen de mogelijkheden...

Instellingen

Er werd een formulier gemaakt waarmee men zowat de belangrijkste zaken kan instellen en dit zonder enige kennis van Drupal. Zo kan je een lettertype voor de site kiezen door gewoon de naam van de Google font te typen.

We overlopen de mogelijkheden:




Overzichten

Er zijn automatische overzichten.

  1. De paragraaf 'toevoegen aan overzicht', zorgt er voor dat je inhoud zichtbaar wordt in het overzicht 'Info'. Er wordt een begeleidende afbeelding en tekst voorzien. Dit overzicht bevat een hovereffect met een beetje uitleg.
  2. Bij elk afbeeldingsveld krijg je de mogelijkheid om de afbeeldingen al of niet te integreren in het overzicht 'Fotogalerij'.  De afbeeldingen worden responsive voorgesteld, zodanig dat de onderste rij altijd mooi gevuld is. 
  3. De producten van de webshop. Er is een volledige webshop geïntegreerd in de distributie.
  4. De paragraaf 'integratie in tijdlijn', zorgt er voor dat je inhoud ook wordt getoond in de tijdlijn. Een datumveld werd voorzien.
  5. Een kalender. Per pagina kan je start- en einddata voorzien. Als je daar iets invult komt dit automatisch in de kalender terecht. Dit is anders dan de tijdlijn.
  6. De Boekingen. Krijg je maar te zien als je aangemeld bent. Logisch.

Zoals je ziet kan je dus zelf kiezen wat er in een overzicht zichtbaar wordt of niet. Je kunt wel inhoud aanmaken en via een link op een andere pagina er naar verwijzen, zonder dat het in een overzicht voorkomt.

Webshop

De site werd voorzien van een volledige webshop met tal van mogelijkheden.

Zoeken

Op zoekpagina kan je zoeken op trefwoorden en/of tekst. Een gedeelte van een tekst wordt ook gevonden.

Contact

Standaard contactformulier.

Inhoud

De mogelijkheden voor de inhoud zijn zeer flexibel door het gebruik van aparte onderdelen. 

Tekst toevoegen hoeft weinig uitleg. Dit is hetzelfde waar je nu naar kijkt. Desnoods kan je hier reeds afbeeldingen, video's, linken,... toevoegen. Er zijn ook heel wat opmaakmogelijkheden. Een beetje zoals Word.

Overzicht integratie en Tijdslijn integratie spreken voor zich. (Zie overzichten)

De andere mogelijkheden toon ik graag met een voorbeeld.

 

Afbeelding (links, met tekst rechts)

Je kunt slechts één afbeelding toevoegen. Herhaal dus dit onderdeel als je meer wilt. Je kunt afwisselen met een ander onderdeel. Zo kan je de afbeeldingen switchen van kant.

Afbeeldingen (rechts, met tekst links)

Je kunt slechts één afbeelding toevoegen. Herhaal dus dit onderdeel als je meer wilt. Je kunt afwisselen met een ander onderdeel. Zo kan je de afbeeldingen switchen van kant.

Afbeeldingen (Slideshow)

Toont alle afbeeldingen in het veld als slideshow. 

Afbeeldingen (responsive kolommen)

De afbeeldingen worden getoond in kolommen die zich aanpassen aan de breedte van het scherm. Bij klikken komt een colorbox voorstelling van de afbeeldingen op ware grootte.

 

Afbeeldingen (miniaturen)

Toont alle afbeeldingen in een knappe slideshow met animaties. Je kunt navigeren met de miniaturen.

Afbeeldingen (animaties)

Deze afbeeldingen tonen de alt en de title per afbeelding. Bij klikken toont de colorbox de afbeeldingen op ware grootte.

Aviemore

Schotland

Lees meer

Frankrijk

Bergen

Lees meer

zonsondergang

Bos

Lees meer

Meer

Zonsondergang

Lees meer

Hoge venen

Bos bij avond

Lees meer

Verenigde staten

Ravijn

Lees meer

Afbeeldingen( fotogalerij)

Stelt alle afbeeldingen in het veld voor als miniaturen, met hover effect. Het knappe is dat de onderste rij altijd volledig gevuld is.. ongeacht de breedte van het scherm. Bij klikken komt er een volledige galerij tevoorschijn.

Afbeeldingen (hexagon)

Responsive voorstelling van afbeeldingen. Kan maar één keer gebruikt worden per bijdrage, maar dit mag geen probleem vormen... Je kunt de grootte van de hexagonnen kiezen.

Afbeeldingen (Listslider)

Een knappe voorstelling van afbeeldingen. Omdat deze optie niet compatibel is met sommige andere mogelijkheden, moet ik me beperken tot een afbeelding in plaats van een demo. In het overzicht kan je wel zien hoe dit werkt.

Afbeeldingen (Zoom)

Een afbeeldingsgalerij maar met een zoom effect op de foto. 

 

Pagina met links blok

Hiermee kan je inhoud tonen en links er van een blok tonen. De inhoud van beiden kan natuurlijk ingesteld worden.


Boekingsmogelijkheid

Deze distributie heeft een mogelijkheid om elke inhoudsbijdrage als boekingsmogelijkheid te zetten. Zo kan je bvb een activiteit van je club voorstellen en tevens een aantal plaatsen aanmaken waar er voor kan geboekt worden. Bij de boekingen worden nog enkel de beschikbare plaatsen getoond.

Photobox

Knappe voorstelling van afbeelding en volledig responsive! (hier slechts een afbeelding er van)

Kolomgrafiek

Je maakt aan de hand van een waarde en een label een mooie kolomgrafiek.

Fullscreen afbeeldingen

met preview voor de volgende afbeelding. Elke afbeelding kan voorzien worden van tekst én een link.

 

Video's

Tussen de tekst kan je reeds videos aanbrengen. Deze optie zorgt er voor dat de video de volledige breedte van het scherm inneemt.

Fullscreen video

deze functie heeft tot doel om een Youtube video als fullscreen te tonen. In tegenstelling tot de vorige 'Video' mogelijkheid worden hier alle andere zaken verborgen. Je kunt loop en mute (=stil) instellen en een titel geven aan de link om verder te browsen.

 

Kaart

Je type een adres in een tekstveldje en je krijgt automatisch een kaart.

Banff Canada