Dag 1: Een Drupal website bouwen

Over Drupal wordt wel eens gezegd dat het niet erg toegankelijk is voor beginners vanwege de complexiteit. Dit klopt voor een deel, want wanneer je Drupal vergelijkt met andere CMS'en zoals bijvoorbeeld Wordpress of Joomla, dan biedt Drupal veel meer mogelijkheden die een startende webmaster wel eens kunnen doen duizelen. Drupal komt de beginner iets minder tegemoet: er zijn meer zaken om in te stellen en er worden termen gebruikt die je binnen andere systemen niet tegenkomt.

Maar als je Drupal eenmaal door hebt dan zul je gaan inzien dat het met die ontoegankelijkheid reuze meevalt en raak je overtuigd van de voordelen ten opzichte van andere CMS'en, zoals veel meer flexibiliteit en mogelijkheden. Zou het dan niet ideaal zijn als een Drupal ervaringsdeskundige jou bij iedere stap bijstaat om je door het stroeve begin heen te helpen? Met deze website hebben we precies datgene willen maken. Een online Drupal handleiding waarbij je elke dag iets nieuws over Drupal leert.

Drupal in 24 dagen is ons vervolg op Joomla! in 24 dagen. Het idee komt van de website 24ways.org, waar ze sinds 2005 elk jaar in December 24 dagen lang een blog bijhouden met de laatste technieken uit de webdevelopment industrie. Met drupalin24dagen.nl willen wij laten zien dat met een beetje hulp zelfs een beginner een klantenportal kan opzetten. 

De komende 24 dagen gaan we in Drupal 7 een corporate website bouwen waar klanten hun facturen kunnen inzien. Het maken van deze website zal je in aanraking brengen met de belangrijkste onderdelen van Drupal en de logica die hierachter schuilgaat.

Een corporate website met klantenportal

De corporate website die we gaan bouwen bevat een klantenportal waar ingelogde klanten hun facturen kunnen inzien. Via e-mail worden zij op de hoogte gebracht wanneer er een nieuwe factuur voor hun beschikbaar is. We gaan hiervoor gebruikers aanmaken met specifieke rechten. Zo kan een redacteur een factuur aanmaken, een beheerder mag een offerte goedkeuren en een klant kan ze slechts bekijken.

De komende 23 dagen

Zoals gezegd zal de bouw van deze website ons in aanraking brengen met de belangrijkste functies van Drupal. We beginnen eerst met de basis, het installeren van Drupal op een server. Vervolgens voegen we de benodigde modules toe en installeren we een thema. Daarna zijn we klaar om ons website idee te gaan vertalen naar de logica van Drupal, dat wil zeggen dat we zullen gaan leren om te werken met content types, nodes, taxonomy, views, rules en andere termen die je nu waarschijnlijk nog niks zeggen. Als onze website af is gaan we er tot slot voor zorgen dat deze ook te vinden is via zoekmachines en social media.

Klaargestoomd

Na 24 dagen weet jij precies waar de kracht ligt van Drupal en ben je klaargestoomd om met behulp van de andere hulpbronnen op het web jouw eigen functionaliteiten toe te voegen, of een heel ander type website te bouwen. Als je met alle stappen mee wilt doen is het wel raadzaam dat je enige voorkennis hebt van bijvoorbeeld FTP, databases. Kennis van HTML en CSS komt altijd van pas, maar is niet vereist.

Hopelijk ben je ondertussen net zo enthousiast als wij. Hou dat vast! Dan gaan we morgen beginnen met het voorbereiden van de installatie.

Laatst gewijzigd op:

Reactie toevoegen

Reacties

afbeelding van Geert

Ik twijfel tussen het gebruiken van Drupal of Wordpress. Ik wil graag een affiliate website maken net zoals www.wasmandkopen.nl, maar deze website gebruikt volgens mij Wordpress. Kunnen jullie mij adviseren wat ik het beste kan doen?

afbeelding van Hennie

Hallo

Sinds enige tijd ben ik op zoek naar een goed programma om een nieuwe website te bouwen.
Mijn huidige website www.duikcentrumeindhoven.nl is gebouwd door een derde en voldoet absoluut niet, mijn ander website www.u-dive.nl is onvindbaar. Verder heb ik met beide hosts alleen maar problemen mogen ondervinden tot en met het niet bereikbaar zijn via e-mail.
Uiteindelijk maar besloten om me hier zelf in te gaan verdiepen en zelf een website te bouwen.
Na veel uitzoeken ben ik uiteindelijk tot 3 programma's gekomen, Joomla, Drupal en Wordpress.
De laatste zal waarschijnlijk afvallen omdat het t.o.v. de anderen wat beperkt lijkt te zijn.
Van Joomla heb ik inmiddels de tutorial doorlopen en ben best gecharmeerd van dit programma.
De Drupal tutorial wil ik nu ook gaan volgen om een goed vergelijk te hebben, maar heb hier wat vragen over.
Kan ik Drupal ook op mijn PC installeren en gebruiken voor testen?
Indien ja hoe kan ik dit doen.

Hennie

afbeelding van Maxiso

Wanneer je windows gebruikt kan je gebruik maken van wampserver.

afbeelding van Sophie

Goede uitleg en ben al best ver gekomen, echter, ik krijg steeds de volgende melding:
Status: Onveilige server, die geen FTP over TLS ondersteunt.
Status: Verbonden
Status: Mappenlijst ophalen...
Status: Mappenlijst van "/" opmaken geslaagd
Antwoord: 421 Timeout.
Fout: Verbinding gesloten door server

Dat terwijl ik nu bij de netwerkconfiguratiewizard de passieve functie ingesteld en de filezilla aan de Microsoft firewall toegevoegd. Heeft iemand een oplossing of misschien zie ik een stap over het hoofd?

afbeelding van Richard de Wit

Hallo,

bedankt voor dit mooie initiatief.

Ik loop tegen een probleem aan waardoor ik niet echt makkelijk door de cursus heen kom. Zodra ik het .htaccess bestand in mijn root zet creeert mijn host een vangpagina met een melding dat ik een .irff bestand moet aanmaken. Zodra ik het .htaccess bestand verwijder kom ik wel op mijn site www.slimschakelen.com echter is de volledige layout verknalt. Sohosted biedt wel een oplossing maar dat gaat te ver voor een leek als ik, kunt u mij helpen aub?

dit is de link met de help pagina https://mijn.sohosted.com/support/faq/technisch/kan-ik-urls-rewriten-sef...

Mijn dank is groot.

Richard de Wit

afbeelding van vaneldijk

Hi Richard,
Je kunt het beste even contact opnemen met je hosting provider. Ten eerste is dit geen drupal maar een hosting probleem en ten tweede kan je hosting provider aangeven hoe je het .htaccess bestand het beste kunt instellen. Succes!

afbeelding van Ria Davids

gaat deze cursus over Drupal 7 of Drupal 8?

afbeelding van Jo

Drupal7. Er is nog geen productieversie van Drupal8 maar enkel een bèta.

afbeelding van Gert

Hoi,
Ik ben mijn site van frontpage aan het omzetten naar drupal.

Echter:
Na instal van vieuws is
* mijn menubalk bij de administrator inlog weg (dashboard )
* mij eerder aangemaakte content is ook verdwenen.
Vraag:
Hoe zet ik dashboard weer boven in beeld?

Dank, Gert

afbeelding van John

Nog niet verder gelezen dan deze pagina maar ik hoop hier de info te vinden waardoor ik weer enthousiast wordt qua de websitelarij. Ik ben nog uit de tijd van "made with notepad". Heb nog een aantal domeinnamen op de plank liggen en 1 van deze moet weer actief (ligt sinds 2000 stil. Ouch!) worden mbv Drupal!

afbeelding van krooshof

Hi John, ben je inmiddels verder geraakt en heeft Drupal de passie voor het maken van websites al enigzins weer doen aanwakkeren? Weet dat deze tutorial slecht het topje van de sluier oplicht en er nadien nog een hoop te ontdekken valt voor iedereen die meer wil dan een straight forward website, de eerste stap is dan je vertrouwd maken met modules als Views, Panels en Rules.

afbeelding van Irene

Nog nooit een website gemaakt... Ik ben benieuwd!

afbeelding van krooshof

Beste Irene, we zijn erg benieuwd of je inmiddels al een website hebt staan en of alles goed is verlopen. Vriendelijke groet, Thomas

afbeelding van vincent

Wat een fantastische uitleg hebt u gemaakt. We zijn er zo blij mee!
We proberen in de Corporate Clean wat linkjes te plaatsen in de footer. Dat lukt op zich wel maar we willen de linkjes (met plaatjes) naast elkaar hebben en niet onder elkaar. Blijkbaar moet dat ergens in de css veranderd worden. We hebben al in de style.css wat dingen toegevoegd aan de footers maar het lukt niet. Weet u de oplossing?

afbeelding van krooshof

Beste Vincent, bedankt voor het compliment. Gaat het om linkjes en afbeeldingen die met HTML in een blok zijn gezet? Zorg er dan voor dat elke link omgeven is met een DIV of SPAN element en voorzien is van een class. Bijvoorbeeld [span class="link"][a href="#"]link1[/a][img src="#" /][/span] (vervang [ ] met < >). Vervolgens geef je deze class in het css stylesheet een "display: inline-block" stijl mee, of anders een "float:left". Mocht dit niet werken of kom je er niet uit dan hoor ik het graag.

afbeelding van marcel

Hoi

Vraag kan je ook een clonen van een website maken en zo aanpassen dat je het zelf kan gebruiken en kan je drupel 6 omzetten naar drupal 7

afbeelding van Nicholas NEWMAN

Existe-t'il une version française ou anglaise de ceci svp ? Cela semble être une initiative très intéressante.
Bien à vous,
Nicholas Newman

afbeelding van krooshof

Nous n'avons pas de plans pour une version française. Désolé de vous demander. Décevoir Mais je peux vous dire que le tutoriel Drupal 8 pourrait avoir une version anglaise. Bien cordialement, Thomas

afbeelding van DENIS DE GROOF

Wat kunnen we hiermede doen,sorry maar ik begrijpt het niet zo goed.

afbeelding van Flim

Nogmaals bedankt voor jullie uitgebreide uitleg!
Ik zou ook graag een betalingsoptie met bv. Ideal willen toevoegen. Het gaat daarbij om 1 type betaling van steeds hetzelfde bedrag. Op Drupal.org zag ik een model van Ideal, maar daarbij worden specifieke serveropties gevraagd (zoals OpenSSL). Mijn huidige provider die wel aan Drupal-hosting doet, geeft aan dat dit niet mogelijk is binnen de Drupal-hosting.
Zijn er andere mogelijkheden voor een koppeling met Ideal?

afbeelding van Frank Verbuggen

Hallo

Ik zou willen dat bezoekers content kunnen toevoegen maar dan op een gebruiksvriendelijke manier, zoals bij Webforms.
Echter, webform data wordt geen content, kan dus niet opgeroepen worden via een bv een view.
Bestaat er een module om invulschermen te maken,
of kan de inhoud van een webform op één of andere manier aangesproken worden (met een module bvb).

Dank bij voorbaat,

Frank.

ps: zeer goede en overzichtelijke website heeft u!

afbeelding van krooshof

Hallo Frank,

Je zou natuurlijk ook een nieuw content type kunnen maken en dan onder toegangsrechten bezoekers het recht geven om nieuwe nodes aan te maken voor dit content type.

Je hoeft dan alleen nog maar ergens een voor bezoekers zichtbare (menu)link te plaatsen op de voorzijde van de website naar het aanmaak formulier voor deze nodes ("/node/add/[naam-van-het-content-type]"). Je kunt dan niet om een captcha beveiliging zoals Mollom heen, anders krijg je waarschijnlijk veel spambots die het formulier invullen.

Kijk ook eens naar Entity Forms of Webform report.

afbeelding van Adinda Visser

Als koordirigent wil ik de koorleden de gelegenheid bieden om thuis hun partijen te oefenen via midi's op een website. Ik deed dat altijd met een frontpage website. daar is iets in misgegaan, en op aanraden van iemand ben ik met joomla begonnen. Daar is het werken en hyperlinken van midifiles echter een probleem.
Voor ik met deze tutorial ga beginnen (wat een goed initiatief!), kan ik met drupal wel midifiles op de site zetten en linken?

afbeelding van krooshof

Beste Adinda, dit kan. Je kunt een content type aanmaken met een File veld. Dit veld maakt al onderdeel uit van de standaard Drupal installatie. Vervolgens kun je in de veldinstellingen opgegeven welke bestand extensies geoorloofd zijn, zoals *.midi. Zie ook "Dag 8: Velden toevoegen".

afbeelding van Adinda Visser

Dank je wel. Dan ga ik joomla weghalen bij de host en drupel installeren. Werk aan de winkel met deze turorial. Ik verheug me er op.

afbeelding van Jan Vleugels

Prachtig initiatief! Ben al een tijdje bezig met drupal maar sommige onderdelen waren me nog niet helemaal duidelijk! Maar dankzij deze tutorial klaren de wolkjes volledig op :-) Bedankt en doe zo verder!

afbeelding van Niles

Leuk deze Nederlandstalige, laagdrempelige maar kwalitatieve tutorial. Bedankt!

afbeelding van Oswald Govaerts

Ik hoorde van mijn zoon regelmatig hoe goed het is om met Drupal te werken.
Vroeger wel wat geprutst met HTML maar dit lijkt me handiger.
Vandaag de eerste stappen genomen en nu nid ik deze website. Geweldig !
Fantastisch initiatief. Nu al héél erg bedankt !

afbeelding van Gerard Kusters

Ik heb de 24 dagen doorlopen en ook de bonusdagen. Geweldig! Ik zou willen dat ik nog paar dagen door kon gaan om nog meer kennis te vergaren vooral om bepaalde dingen zelf te kunnen maken. Zoals bv een contributie systeem voor leden van een vereniging.

Ik moet een oude phpnuke website van een club met 400 leden upgraden naar iets nieuws / moderns. Ik denk eraan het forum te upgraden naar phpbb3 maar men wil er ook een portal omheen hebben. Dus nu zit ik te denken phpbb3 embedded/geïntegreerd in drupal.

Er zijn een aantal opties. Je kan phpbb3 omzetten naar drupal forum maar dan heb je minder mogelijkheden als met phpbb. Je kan phpbb3 integreren in drupal. Ik heb inmiddels op mijn lokale server de oude phpbb2 van phpnuke naar phpbb3 opgekrikt dat werk nu goed. Ik zou graag deze phpbb3 in drupal opnemen om er een portal omheen te bouwen met drupal.

Wat is jullie advies hieromtrent?

afbeelding van LENTstyles Woonaccessoires

als webshop zijnde bleek Drupal helaas niet geschikt gebleken voor ons....
zijn er ook webshop voorbeelden? ik ben best benieuwd!

afbeelding van krooshof

Voor een Drupal webshop is Drupal Commerce aan te raden. Dit gratis pakket bevat alle standaard functies voor een e-commerce website en er zijn daarnaast een hoop uitbreidingen voor beschikbaar, waaronder bijvoorbeeld een iDEAL module: http://drupal.org/project/idealcommerce.

Officiële website: http://www.drupalcommerce.org
Drupal Commerce projectpagina: http://drupal.org/project/commerce
Drupal Commerce Kickstart (voorgeconfigureerde distributie): http://drupal.org/project/commerce_kickstart
Demo van Drupal Commerce : http://demo.commerceguys.com/ck/
Voorbeelden van websites die Drupal Commerce gebruiken: http://www.drupalcommerce.org/showcase

afbeelding van sherilizz

Even perplex dat jullie deze tutorial gratis aanbieden. DANK-DANK-DANK.
Niet zo "DOL" op CMS-sen. Is een beetje LEGO stapelen... toch?! (grijns). Gebruikers zijn zo aan handen en voeten gebonden aan een theme/template. De layout een beetje naar je eigen hand zetten met css/(x)html is bijna ondoenlijk want de "engine" is een doolhof.
Er zijn natuurlijk veel en grote voordelen aan een CMS.
Een Joomla of WP site kan in een vloek en een zucht worden gelanceerd (met de 1click install vanuit ePanel), als je genoegen neemt met een voorgebakken them/template-layout.
Ben geen pro, maar heb wel jarenlang lekker geknutseld met static sites (css+xhtml). (leuke hobby)
PHP was me net een brug te ver.
Natuurlijk zie ik wel de voordelen van CMS gegenereerde sites wel, want in een paar klikken is een contactformulier, een poll of gallery klaar. Dat was toch even andere koek om een contactformulier handmatig met css+xhtml te maken.
De overstap naar CMS en dan zelf sleutelen/editen aan een theme/template vind ik nog altijd lastig, vergeleken met het bouwen vanaf scratch van een static site. Het mooiste zou zijn om zelf templates te maken natuurlijk.
Maar goed, nu ik tegen deze Drupal tutorial aangelopen ben, onderneem ik toch weer een nieuwe poging om een andere CMS te "temmen".
Misschien straks toch helemaal verliefd op dit systeem.
Fantastisch dat deze lessen gratis worden aangeboden. Nogmaals dank.

afbeelding van krooshof

Nog bedankt voor je reactie Sherilizz, ik denk dat je het gevoel van veel CMS doe-het-zelfers vertolkt. Het thema aanpassen is inderdaad het grootste obstakel. Toch, ook hier zijn pogingen gedaan om het gebruikersvriendelijker te maken, mede door modules als Panels en Display Suite hoef je minder met template bestanden te werken. Zodra je een child-theme kunt opzetten (zie bonus-dag), ben je eigenlijk slechts beperkt door je CSS kennis. Hoor graag of alles is gelukt.

afbeelding van Sanne Opstaken

Ik heb de "learning curve" bij Drupal altijd vrij hoog gevonden. Aan de andere kant was het ook het eerste systeem die ik ooit probeerde. Wordpress, Joomla, Magento, die leken allemaal veel simpeler daarna. Moet wel zeggen dat ik Ubercart niet zo handig vind. Gr Sanne

afbeelding van Mark Maas

Wat ben ik blij dat ik deze pagina heb gevonden. Lijkt me super om dit stap voor stap door te gaan nemen. Ik heb zoveel zaken waar eigenlijk een website bij hoort dat ik dit nooit allemaal uit kan gaan besteden. Dus ik zoek al een tijdje naar een geschikt CMS systeem waar ik veel mee zou kunnen. Ben niet bang van een steile leercurve. Als je Autocad kunt doorgronden dan kun je meer zeg maar.

Kortom super initiatief! Bedankt.

Mark Maas

afbeelding van john

in 'Dag 2' zie ik dat u er vanuit gaat in de toekomst dat de site op een windowsplatform gemaakt word, ik werk echter op een mac. Kan dit dan ook nog?
John

afbeelding van thomas van eldijk

Beste John, Drupal draait overal op zolang er maar een webserver geinstalleerd is met PHP en een mysql database. Je kunt dit kant en klaar afnemen bij een hosting partij maar als je dit lokaal wilt installeren dan zijn er applicaties zoals MAMP http://www.mamp.info/en/index.html voor de Mac of WAMP http://www.wampserver.com/en/ voor windows.

afbeelding van Frank R.

Goed initiatief en een mooie site!
Kleine opmerking: er mist een woord in de volgende zin volgens mij : Het maken van deze website zal je in aanraking brengen (met) de belangrijkste onderdelen van Drupal en de logica die hierachter schuilgaat.

afbeelding van tony

Geregeld over Drupal gehoord, net gelezen dat Dries Buytaert het ontwikkeld heeft,.. Benieuwd

afbeelding van lpvmc

Heb geleerd te werken met Joomla en wil nu Drupal leren. Ben benieuwd, maar ziet er veelbelovend uit allemaal.

Bvd, Leo

afbeelding van Tom

Super initiatief!

afbeelding van Jean

Ik ben pas in mijn eerste dagen, maar ik leer heel veel. Bedankt!

afbeelding van Rolfoe

Wanneer kunnen we de bonusdagen verwachten? Heb nu alle dagen doorlopen en wil graag weten hoe ik een drupal theme kan maken.

afbeelding van krooshof

Beste Rolfoe, deze bonusdag staat inmiddels online.

afbeelding van Gerard D.

Super website. Heb alle dagen doorlopen en een hoop opgestoken. Bedankt!

afbeelding van DanPan

Vraag: Wat heb ik geleerd?
Antwoord: ALLES!

24 dagen geleden wist ik niet wat Drupal was en had ik nog nooit een website gebouwd.

Vandaag dankzij deze 24-daagse cursus heb ik de basiskennis verworven om zelfstandig een website op te zetten.

De cursus is zeer structureel opgebouwd, de alle Drupal topics komen aan bod en worden op een zeer eenvoudige manier uitgelegd en aan de kand van een praktijkvoorbeeld wordt het kinderspel.

VANELDIJK bedankt voor dit prachtig initiatief!
Thomas bedankt voor de professionele ondersteuning!

Weer een nieuwe Drupalist erbij...

Mvg,
DanPan

afbeelding van Angelique

Helemaal goed deze website! Wilde net een Drupal handboek gaan bestellen. Denken jullie dat ik die nog moet bestellen of heb ik genoeg aan de handleiding die hier online staat? Ik moet voor mijn werk een Drupal website gaan beheren. Grtjs, Angelique.

afbeelding van rroose

Je kan altijd eerst proberen je door deze 24 dagen heen te worstelen. Aan het eind van de rit heb je dan heel veel Drupal kennis en kun je altijd nog beslissen om een boek te kopen. In ieder geval succes! Mocht je vragen hebben dan kun je deze gewoon ten alle tijden stellen in het commentaar.

afbeelding van Dieter

Begin nét met oriënteren op Drupal en kom dan deze site tegen...
Goed!

afbeelding van frank

Top site! Bedankt!

Pagina's