Webdesign:CMS:Drupal:manual:install

Onderstaande installatie en aanpassingen zijn gebaseerd op versie 7.22 van Drupal

  • Taal : Nederlands
  • Administratieve taal : Engels

Installatie

  1. Download Drupal
  2. Pakuit en kopieer naar de website (zorg dat .htaccess wordt mee gekopieerd. Dit soort bestanden zijn normaal gesproken onzichtbaar gebruik zie Hidden files om ze zichtbaar te maken. Zijn er later toch problemen zie dan Clean URLs test failed)
  3. Maak middels phpadmin de database aan en gelijknamige user.
  4. Start de website
  5. Choose profile klik op Save and continue (voor uitleg over Standard en Minimal zie hier)
  6. Ga naar downloads translations)
  7. Klik rechts op de juiste taal en versie van Drupal. Selecteer Save Link As...
  8. Kopieer het gedownloade bestand naar /profiles/standard/translations/
  9. Klik op Reload the language selection page after adding translations
  10. Klik op Dutch
  11. Klik op Save and continue
  12. Vul achter Database-naam ************ in
  13. Vul achter Database-gebruikersnaam ************ in
  14. Vul achter Database-wachtwoord ********* in
  15. Klik op UITGEBREIDE OPTIES
  16. Vul achter Tabelvoorvoegsel '************ in
  17. Klik op Opslaan en doorgaan
  18. Vul achter Naam van de website ************ in
  19. Vul achter Website-e-mailadres ************ in
  20. Vul achter Gebruikersnaam admin in
  21. Vul achter E-mailadres ************ in
  22. Vul achter Wachtwoord en Wachtwoord bevestigen ******* in
  23. Selecteer onder Standaardland Nederland
  24. Selecteer onder Standaard tijdzone Europe/Amsterdam
  25. Klik op Opslaan en doorgaan
  26. Plak achter het domein admin/config/search/clean-urls
  27. Vink Clean URLs aan
  28. Klik op Save configuration
  29. Ga naar Configuration->content authoring->Text formats
  30. Sleep Full HTML boven Filtered HTML. (Klik op de + en sleep)
  31. Klik achter Full HTML op configure
  32. Vink Convert line breaks into HTML (i.e. <br> and <p>) uit
  33. Klik op Save configuration
  34. Klik achter Filtered HTML op configure
  35. Vink Convert line breaks into HTML (i.e. <br> and <p>) uit
  36. Klik op Save configuration
  37. Klik achter Plain text op configure
  38. Vink Convert line breaks into HTML (i.e. <br> and <p>) uit
  39. Klik op Save configuration

Onderstaande inrichitng is gebaseerd op het gebuik van Omega als Theme

De aanpassingen van het theme zijn als volgt :

  1. Ga naar Apperance
  2. Klik op Settings van het default theme

Grid settings

  1. Ga naar FLUID LAYOUT
  2. Vink Use this layout with the responsive grid aan

TOGGLE DISPLAY Vink alles uit met uitzondering van Shortcut icon LOGO IMAGE SETTINGS Vink Use the default logo uit SHORTCUT ICON SETTINGS Vink Use the default shortcut icon uit Copieer de shortcut icon naar sites/all/themes/xxx/images (xxx is de naam van het thema)
Neem in Path to custom icon het pad sites/all/themes/xxx/images/favicon.ico op Zone and region configuration Vink alle zones en regions uit behalve de onderstaande
Debugging Vink onder roles alles uit Toggle advanced elements Vink alles onder Enable or disable the display of certain page elements. uit

Klik op Save configurationincitamentum

Er wordt gebruik gemaakt van de volgende type content

  • Eenvoudige pagina
  • Webform
Eenvoudige pagina
  1. Ga naar Content->Add content->Eevoudige pagina
  2. Vul onder Title de naam van de pagina in
  3. Klik op URL path settings
  4. Vul onder URL alias de zelfde naam in als hierboven en vervang de spaties door _
Webform Het werken met Webform vraagt enige kennis van HTML, CSS en PHP

PHP template bestand

Er is een PHP bestand waarin de layout van het form is vastgelegd.
webform-form.tpl.php Bevindt zich de layout van het form

  1. Copier het bestand webform-form.tpl.php uit sites/all/modules/webform/templates naar sites/all/themes/xxx/templates (xxx naam van de template)
  2. Doe de aanpassingen in dit bestand

Aanmaken form

  1. Klik op create webform
  2. Geef de Title in
  3. Klik rechtsboven op de tab Webform
  4. Voer de velden in
  5. Klik rechts onder de tab Webform op E-mails
  6. Geef de gegevens in
  7. Klik op Save E-mail settings
  8. Klik rechts onder de tab Webform op Form settings
  9. Vink onder Redirection location Custom URL aan
  10. Voer de gewenste pagina in
  11. Klik op Advanced settings
  12. Vink Available as block aan
  13. Vul onder Submit button text verzenden in
  14. Ga naar Stucture->Context
  15. Selecteer de gewenste context
  16. Ga in de rechter lijst naar Webform vink het formulier aan
  17. Klik op Save

Zet alle blokken op - None - met uitzondering Main page content

Path
user User pagina krijgen deze context
Wildcards
user/* Alle lagere paden startend met user krijgen deze context

Let op!! als slechts gedeeltelijke paden voor afbeeldingen worden gebruikt kan het pad worden verkloot. Is dit het geval gebruik dan complete paden.

user/~ Alle lagere paden startend met user zijn uitgesloten van deze context