Les 1

Inleiding

"Drupal is een CMS net zoals Wordpress en Joomla. Een CMS (content management system) is voorraadkast met kant en klare zaken die je op een website vindt. Het uitzicht van je site (je kunt kiezen tussen honderden mogelijkheden), een slideshow, banners, foto galerijen, nieuwsbrieven, contact formulieren, forum, kalenders, ... alles staat klaar om gebruikt te worden. Je moet enkel de 'modules' die je wenst, te installeren, in te stellen en een plaats te geven. Drupal heeft de meeste mogelijkheden van alle CMS'sen en is veruit de veiligste."

 

In deze eerste les maken we kennis met Drupal en bespreken we het verloop van de cursus. Je zal na vandaag reeds een eigen site hebben!

Lesverloop

De cursus Drupal 1 bestaat uit 16 lessen van telkens 3 uur met een pauze van 15-20min.

Voor deze lessen zijn vijf sites belangrijk:

Geschiedenis Drupal

Drupal is oorspronkelijk ontwikkeld door Dries Buytaert als een bulletin board system. Het werd in 2001 een opensourceproject. Drupal is de Engelse schrijfwijze van de Engelse uitspraak van het Nederlandse woord "druppel", wat op zijn beurt in het Engels weer "drop" is. De naam komt van de inmiddels niet meer actieve website Drop.org. Buytaert wilde de site eigenlijk "dorp" noemen, als verwijzing naar het bulletin board system als gemeenschap, maar hij maakte een typefout bij het controleren van de domeinnaam en vond dat het zo beter klonk.(bron: www.wikipedia.org)

Enkele kernwoorden:

  • CMS
  • Open Source
  • Community

Sites gemaakt in Drupal

Om te tonen dat Drupal een breed draagvlak heeft bekijken we enkele bekende websites die gemaakt zijn met Drupal:

Een groter overzicht met meer sites gemaakt in Drupal: http://buytaert.net/tag/drupal-sites

Jouw oefensite

Om veiligheidsredenen wordt dit deel klassikaal besproken.

Distributie?

Jullie website is reeds voor een klein deel op voorhand klaargezet door de leerkracht. Zo moet je geen vertaling meer doen van de interface, zijn enkele modules reeds geïnstalleerd, enz..

Dit heet een distributie. Later in de cursus komt er een les waarin wordt uitgelegd hoe je nu helemaal zelf een Drupal site kan opstarten.

Blokken

De site bestaat uit blokken. Plaatsen op de pagina waar inhoud kan worden toegevoegd. Overbodige blokken kunnen we verbergen.

  • Ga naar je eigen site
  • Wanneer je bent ingelogd herken je bovenaan een zwarte balk met titels. Voor de gewone bezoeker is deze niet zichtbaar.

  • Kies nu voor 'Structuur'. Merk op dat er een menu uitklapt bij het aanwijzen van de titel

  • Kies voor 'Blokken'
  • Klik vervolgens op 'Blokgebeiden demonstreren'. Met de knop kan je per thema (zie lager) de blokken bekijken.

  • De gele vakken geven de plaatsing en de naam van de verschillende blokken weer die je kan gebruiken.

  • We verbergen een aantal blokken die we niet meteen nodig hebben:
  • Klik op 'Demonstratie van blokregio's afsluiten'

  • Door bij de keuze 'gebied' 'geen' te selecteren kan je bepaalde onderdelen (lees:blokken) verbergen.
  • Verberg de volgende blokken:
    • Systeemhulp
    • Zoekveld
    • Gebruikerlogin
    • Navigatie
    • Gebouwd met Drupal

Vergeet niet om onderaan op opslaan te drukken

Thema

Het thema van een site bepaald het algemene uiterlijk. Dit is dus een belangrijke keuze. Binnen de Drupal community heb je een grote voorraad thema's die je gratis kan downloaden. Neem maar eens een kijkje op https://www.devsaran.com/free-drupal-theme

Hoe je een dergelijk thema download en installeert zien we later. In de distributie die jullie gebruiken op de site zijn er al enkele extra thema's geïnstalleerd die je zo kan gaan uittesten.

  • Klik in de toolbar op Uiterlijk
  • Het huidige thema is Bartik 7.50
  • Door bij een thema te klikken op 'Inschakelen als standaard' stel je een nieuw thema in. Probeer dit even met Best Responsive 7.x-1.2

  • Klik op Home om het resultaat te bekijken
  • Kies opnieuw een ander thema. Dit keer Premium Responsive 7.x-1.7

Vanaf nu werken we verder met dit thema

Instellingen van het thema

Elk thema heeft zijn eigen instellingen. Het ene al wat meer dan het andere.

  • Klik op Uiterlijk
  • Het eerste thema dat je ziet staan is het ingestelde thema
  • Klik op instellingen
  • We overlopen deze klassikaal
  • Uiteindelijk zorgen we ervoor dat:
    • De iconen van de sociale media verdwenen zijn
    • Er geen tekst staat op de foto's
    • Er een persoonlijke kleur is ingesteld
  • Klik onderaan op 'Opslaan'
  • Ga naar de homepage om het resultaat te bekijken

De Frontpage instellen

Om de les te eindigen maken stellen we onze frontpage in.

  • De frontpage of homepage is het eerste wat een bezoeker te zien krijgt op een site.
  • Wijs inhoud aan op de toolbar
  • Wijs Inhoud toevoegen aan
  • Klik op Eenvoudige pagina

  • Vul de titel in en typ in de body een korte zin.

  • Onderaan dienen we de pagina van een mooi URL te voorzien. Een URL is het adres van een bepaalde pagina.

  • Klik onderaan op Opslaan

--> de nieuwe pagina wordt getoond


  • Ga naar de front (huisje)
  • De pagina zal nog niet worden getoond
  • Klik in de toolbar op Instellingen
  • Kies nu voor Websitegegevens
  • Bij Standaardvoorpagina moeten we het juiste pad instellen.

--> Bekijk het resultaat