Op deze pagina heb ik een overzicht gemaakt van alle divi modules die we ter beschikking hebben om onze webpagina’s vorm te geven.Werken met modules is zeer belangrijk om webpagina’s te maken die op alle toestellen goed weergegeven kunnen worden. De modules regelen alle inhoud zodat alles altijd goed zichtbaar en bruikbaar is op zowel desktop als smartphone.

Het ordenen van de modules is ook belangrijk. Op een smartphone zullen de modules meestal onder mekaar zichtbaar zijn, terwijl op desktops de modules over de breedte van het scherm worden getoond. Hiervoor bestaan er verschillende indelingen zoals secties, rijen, kolommen, etc…

 

We beginnen met het eerste onderdeel:

 

FULLWITH MODULES: dit zijn modules die de volledige breedte van het scherm gebruiken

Wil je meer informatie over hoe je een module moet configureren, dan kan je in google altijd divi + de naam van de module ingeven om meer info te krijgen in een filmpje wat er allemaal mogelijk is met deze module. (vb: divi fullwith header module, geeft info over het gebruik van onderstaande module)

This is the fullwith header module

blablaabla

this is the text under the header. You can change the background.

Click Hereyou can add a second button

Je kan de fullwith image module zien onder deze tekst. Er zijn veel aanpassingsmogelijkheden, maar het belangrijkste is dat deze module zich aanpast op elk scherm waarop wordt gekeken.

Hieronder zie je de fullwith map module. Deze module werkt enkel met een google API key die ik nog niet heb aangevraagd. Maar als je dit nodig hebt, heb je hiermee enorm veel mogelijkheden om locaties te tonen.

hieronder zie je de fullwith menu module. Deze toont 1 van de gedefinieerde menu’s uit het systeem. (een menumoet je eerst definiëren voor je hem kan gebruiken)

Hieronder zie je de projectmodule. Deze toont projecten per categorie of alle projecten tesamen.

Hieronder zie je de fullwith Post slider. Dit dient om alle blogs weer te geven in een sliderstructuur. Je kan ook uitfilteren per categorie

En nu… 30 dagen: meer avontuur, minder wagen

Ga mee op avontuur met Netwerk Duurzame Mobiliteit gedragen door een breed netwerk van enthousiaste steden, gemeenten en organisaties. Hoe? Laat je wagen 30 dagen aan de kant en verplaats je eens op een andere manier. Doel: doorbreek je verplaatsingsgewoonten door een...

En toen verkochten wij onze auto

foto: copyright stad Mechelen.   In 2019 werd hij 10 jaar. Ons “crèmekarreke” zoals mijn schoonbroer hem spottend noemde toen we hem nieuw kochten. Voor ons was de Opel Combo Tour met grote achterklep een ideale wagen om alles in te laden als we gingen kamperen. Ook...

Klimavelo

In september 2023 zijn wij gestart met ons nieuw project Klimavelo. Met 3 fietsriksja's voorzien we binnen een straal van 5 km vanaf de Grote Markt van Mechelen milieuvriendelijk vervoer voor mensen die zich niet zo gemakkelijk kunnen verplaatsen (weinig financiële...

Tivoli Stiltebos na één jaar

In 2022 hebben we met een 100-tal vrijwilligers van Klimaan een stiltebos aangeplant op wat vroeger de parking van het Tivoli-park was.  Het was een initiatief dat we samen verwezenlijkten met Urban Forest, Sugi en Stad Mechelen. Een stiltebos groeit met één...

Nieuwe Vesten

De tijdelijke inrichting van De Vesten is klaar en gaat op 19 december na de ochtendspits in gebruik. Als Klimaner heb ik alle vergaderingen bijgewoond en actief  geparticipeerd. Alleen de extra vergadering van juni is me niet gelukt door Coronabesmetting, maar...

Red de planeet … het is de enige met koffie

Elke dag drinken we 1.6 miljard kopjes koffie.  Belgen doen zich tegoed aan gemiddeld 2 kopjes per dag.  Het is duidelijk : we houden van de koffiestruik.  Maar deze houdt niet van temperatuurschommelingen en zeer hoge temperaturen leveren slechte bessen op.  Als we...

“Freedom Club” – Arsenaal / Lazarus Mechelen

Vrijdagnamiddag 22 juli konden enkele Klimaners een tussentijdse try-out van de voorstelling ‘Freedom Club’ van theater Arsenaal/Lazarus i.s.m. Het Kwartier meemaken. Met 'Freedom Club' zetten regisseurs -auteurs Freek Mariën en Carl von Winckelmann hun succesvolle...

Climate4Change: het Hagelstein vervolginterview!

Hoe twee enthousiaste studenten op Hagelstein een klimaatmetamorfose afdwongen   Vorige week kwam ik Daan Vandenberghe nog eens tegen, die in december een interview gaf over zijn klimaatambities op school. Hagelstein was toch nog niet klaar voor grote klimaatacties,...

SSST… Hier groeit een bos

Het was een stralende zaterdagochtend, om 9 uur op 26 maart 2022 in het Tivolipark in Mechelen. Vroege "Klimaanvogels" van het feestcomité hadden al een tentje klaargezet met drank en allerlei lekkers om de vrijwillige bomenplanters te verwelkomen. Vandaag ging het...

Klimaan als Energiegemeenschap: PART II

Hier zijn we weer met onze tweede blog over Energiegemeenschappen!  In onze eerste editie legde Elise uit wat een Energiegemeenschap juist is. Maar wat is het nut van een energiegemeenschap, en hoe werkt het precies?  Daarvoor moeten we even onze blik verleggen van...

Hieronder zie je de fullwith post titel settings, die kan gebruikt worden om in samenwerking met andere modules een titel toe te voegen

divivoorbeelden

door nov 16, 2018

hieronder zie je de fullwith slider. Dit is de module die op onze klimaan pagina bovenaan staat en onze bezoekers toelaat om snel naar bepaalde belangrijke onderdelen te surfen. Niet onbelangrijk, inplaats van een foto als achtergrond kunnen we ook filmpjes als achtergrond gebruiken.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Dit waren alleFULLWITH MODULES. We gaan voort met de

REGULAR MODULES. 

Deze modules kunnen onder, maar ook naast mekaar worden geplaatst. De module zal zich dan aanpassen naar de breedte die hij toegewezen krijgt. Bij vertonen op smartphone worden de naast mekaar geplaatste modules meestal onder mekaar getoond.

 

dit is de accordeon module.

de module laat toe om meerdere delen te definiëren waarbij de gebruiker er maar 1 tegelijk kan openen. De breedte van de module past zich aan aan de breedte die toegewezen is via de rows.

2e deel van de accordeon module, er kunnen zoveel delen worden gedefinieerd als je wenst.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

dit is de audio module, ik heb geen audio opgeladen

met john de zanger | album naam

  • dit is de bar counter module, eerste bar 80% 80%
  • dit is de bar counter module, 2e bar 40% 40%

Hieronder staat de Blog post module. De afbeelding neemt de breedte die jij hebt toegewezen. Je kan ook kiezen hoeveel posts je weergeeft. In dit voorbeeld heb ik 1 ingesteld, omdat dit anders een zeer lange module wordt.

Klimavelo

Klimavelo

In september 2023 zijn wij gestart met ons nieuw project Klimavelo. Met 3 fietsriksja's voorzien we binnen een straal van 5 km vanaf de Grote Markt van Mechelen milieuvriendelijk vervoer voor mensen die zich niet zo gemakkelijk kunnen verplaatsen (weinig financiële...

Dit is de blurb module

Deze module is op de startpagina gebruikt om de onderdelen energie, water, lucht, etc… te tonen.

dit is de call to action module

deze dient om uw gebruikers te doen interageren met de site en is gebruikt om “lid te worden” op de onepager of je in te schrijven op de nieuwsbrief

%

dit is de circle counter module

hieronder staat de comments module. Comments zijn momenteel niet gedefinierd op onze site.

0 reacties

hieronder staat de contact form module. Deze module wordt niet gebruikt in ons systeem. Wij gebruiken een extra plugin genaamd “contact form 7”, die veel meer mogelijkheden heeft dan deze module. Toch is de opmaak van deze module veel mooier. We kunnen dit aanpassen door CSS (Cascading style sheets) toe te passen op Contact form 7.

8 + 13 =

DIt is de countdown counter. Hij telt hier af naar 31 dec 16:06

Dag(en)

:

Uur(s)

:

Minute(s)

:

Second(s)

Hieronder zie je (met moeite) de divider module. Deze trekt een lijn tussen verschillende modules

Hieronder zie je de “filterable portfolio module”. Gebruikers kunnen hiermee de projecten filteren per categorie. Deze module kan zeer lang worden en dus heb ik maximum 1 post gedefinieerd. De module past zich aan aan de breedte die is toegewezen.

Hieronder zie je de image gallery module. Deze toont foto’s.

hieronder zie je de image module. Deze toont een foto. Het is belangrijk om foto’s in modules te gebruiken en niet constant tussen de tekst, omdat deze module de foto’s veel beter aanpast naar het gebruikte scherm dan foto’s in tekst.

hieronder zie je de map module. Deze is gelijk aan de fullwith map module, behalve dat hij zich gaat aanpassen als er andere modules naast worden geplaatst. Op dit moment is de google API key niet geconfigureerd, dus zie je geen gegevens

%

dit is de nummer counter module, hij telt...

dit is de persoon module

dit is de persoon module

Position

We gebruiken deze module niet, omdat je enkel statische profielen kan ingeven. Wij hebben de team members modules bijgekocht, die de gegevens van onze klimaners in de databank bijhoudt en die dus veel geavanceerder is dan dit.

hieronder zie je de portfolio module, ik heb weer maar 1 post gedefinieerd, omdat deze anders heel, heel lang kan worden.

Hieronder zie je de post navigation module. Deze toont enkel de naam van de vorige post of volgende post. Als je dan het aantal posts van de vorige module aanpast, kan de gebruiker toch navigeren in de verschillende posts.

Hieronder zie je de post slider module. Deze laat toe om te “sliden” tussen de verschillende posts. Je kan ook enkel posts van een bepaalde categorie tonen.

En nu… 30 dagen: meer avontuur, minder wagen

Ga mee op avontuur met Netwerk Duurzame Mobiliteit gedragen door een breed netwerk van enthousiaste steden, gemeenten en organisaties. Hoe? Laat je wagen 30 dagen aan de kant en verplaats je eens op een andere manier. Doel: doorbreek je verplaatsingsgewoonten door een...

En toen verkochten wij onze auto

foto: copyright stad Mechelen.   In 2019 werd hij 10 jaar. Ons “crèmekarreke” zoals mijn schoonbroer hem spottend noemde toen we hem nieuw kochten. Voor ons was de Opel Combo Tour met grote achterklep een ideale wagen om alles in te laden als we gingen kamperen. Ook...

Klimavelo

In september 2023 zijn wij gestart met ons nieuw project Klimavelo. Met 3 fietsriksja's voorzien we binnen een straal van 5 km vanaf de Grote Markt van Mechelen milieuvriendelijk vervoer voor mensen die zich niet zo gemakkelijk kunnen verplaatsen (weinig financiële...

Tivoli Stiltebos na één jaar

In 2022 hebben we met een 100-tal vrijwilligers van Klimaan een stiltebos aangeplant op wat vroeger de parking van het Tivoli-park was.  Het was een initiatief dat we samen verwezenlijkten met Urban Forest, Sugi en Stad Mechelen. Een stiltebos groeit met één...

Nieuwe Vesten

De tijdelijke inrichting van De Vesten is klaar en gaat op 19 december na de ochtendspits in gebruik. Als Klimaner heb ik alle vergaderingen bijgewoond en actief  geparticipeerd. Alleen de extra vergadering van juni is me niet gelukt door Coronabesmetting, maar...

Red de planeet … het is de enige met koffie

Elke dag drinken we 1.6 miljard kopjes koffie.  Belgen doen zich tegoed aan gemiddeld 2 kopjes per dag.  Het is duidelijk : we houden van de koffiestruik.  Maar deze houdt niet van temperatuurschommelingen en zeer hoge temperaturen leveren slechte bessen op.  Als we...

“Freedom Club” – Arsenaal / Lazarus Mechelen

Vrijdagnamiddag 22 juli konden enkele Klimaners een tussentijdse try-out van de voorstelling ‘Freedom Club’ van theater Arsenaal/Lazarus i.s.m. Het Kwartier meemaken. Met 'Freedom Club' zetten regisseurs -auteurs Freek Mariën en Carl von Winckelmann hun succesvolle...

Climate4Change: het Hagelstein vervolginterview!

Hoe twee enthousiaste studenten op Hagelstein een klimaatmetamorfose afdwongen   Vorige week kwam ik Daan Vandenberghe nog eens tegen, die in december een interview gaf over zijn klimaatambities op school. Hagelstein was toch nog niet klaar voor grote klimaatacties,...

SSST… Hier groeit een bos

Het was een stralende zaterdagochtend, om 9 uur op 26 maart 2022 in het Tivolipark in Mechelen. Vroege "Klimaanvogels" van het feestcomité hadden al een tentje klaargezet met drank en allerlei lekkers om de vrijwillige bomenplanters te verwelkomen. Vandaag ging het...

Klimaan als Energiegemeenschap: PART II

Hier zijn we weer met onze tweede blog over Energiegemeenschappen!  In onze eerste editie legde Elise uit wat een Energiegemeenschap juist is. Maar wat is het nut van een energiegemeenschap, en hoe werkt het precies?  Daarvoor moeten we even onze blik verleggen van...

hieronder zie je de search module. Je ziet dan een invoerzone en een zoekknop. Deze module is zeer krachtig om inhoud te zoeken op de site.

Hieronder zie je de pricing module. Deze dient om de prijs van verschillende diensten of artikelen mooi weer te geven.

Hieronder zie de “sidebar” module. Deze maakt een sidebar op elke pagina waar ze wordt geplaatst, zodat gebruikers makkelijker de inhoud van de site kunnen verkennen. De inhoud van de sidebar, wordt zoals de menu’s gedefinieerd in de native wordpress.

Dit is de slider module

deze werkt hetzelfde als de fullwith slider module, maar dan niet fullwith, duh.

De 2e slider van de slider module

Je kan zoveel sliders definiëren als je wil

Hieronder zie je de social media module: hij plaatst icoontjes van de sociale media (fb, twitter, instagram, etc..)

Hier kan je tekst in verschillende tabs plaatsen.

Met een andere tekst

Hieronder zie je de team members module. We hebben er verschillende die de medewerkers van klimaan op verschillende manieren kunnen weergeven

Team members grid module

Team members horizontal grid module

Team members list module.

Charlotte Spaas

Ik zet me in voor een groenere stad binnen de werkgroepen Grond en Water: ontharden, geveltuintjes en groene buurtparticipatietrajecten!

View More
Lieven Vandezande

Kalm van geest in moeilijke tijden.

View More
Luc Verdickt

We hopen op een veilige toekomst voor ons eigen kleindochtertje maar ook voor alle andere (klein)kinderen in de wereld.  Laat ons dat samen realiseren door elk een steentje bij te...

View More
Katrien Moubax

Een nieuw evenwicht met de natuur, proper water, gezonde bodem en zuivere lucht. Als iedereen de wereld rondom zich beter maakt dan krijgen we het voor elkaar. Klimaatneutraal vols...

View More
Patrick Van Assche

Gepassioneerd van wandelingen in natuur. Kunnen genieten van stilte. Overtuigd dat we zorgzamer met energie en grondstoffen moeten omspringen. Samen kunnen we meer dan alleen.

View More
Ludo Keppens

Lang geleden zongen we in de Chiro een liedje met de zin: "We kunnen er iets aan doen, dat is zeker." En een ander liedje ging zo: "Wat de mensen denken, deert ons niet." Ze blijve...

View More
Bart De Bruyne

Ik geloof dat alles kan veranderen, om het klimaat zo min mogelijk te veranderen.
Anders leven – de periode 1960-2020 is niet de referentie van hoe het moet zijn.
Anders produc...

View More
Tris Segers

Gefascineerd door de wonderbaarlijke planeet waarop wij leven en bezorgd om haar behoud als een mooie plek om op te leven. Met een diep geloof dat mensen door samen te werken een r...

View More
Kristel Bogaerts

Vanuit positieve verbinding en met de lokale gemeenschap werk ik mee aan een leefbare omgeving, gezond voedsel en duurzaam leven. Draag jij ook een steentje bij ?

View More
Lieven Havermans

De transitie naar een duurzame samenleving moet sociaal zijn.

View More
Jan Van De Merckt

Verbonden met alles.
Voor onze mooie wereld en voor diegenen die hem nog niet zien...
Dans!
Vragensteller.
Zang, muziek, emotie!
Natuurmens.

View More
Joachim Nuyttens

Wat je niet kan hergebruiken, ombouwen, upcyclen, verkopen, repareren, recycleren of composteren moet opnieuw ontworpen of uit productie gehaald worden.

View More
Els Van Besien

Als je snel wil gaan, ga dan alleen. Als je ver wil komen, loop dan samen.

View More
Tim Hermans

Op alle manieren bezig met het verkleinen van mijn ecologische voetafdruk. Via klimaan wil ik enerzijds mensen bewust maken van hun ecologische voetafdruk en aanzetten om die te ve...

View More
Carl Boeckx

Ik ben gepensioneerd verkoper wonende in Niel .
Met het opzetten van diverse projectjes draag ik op mijn manier bij aan een duurzamere samenleving .

View More
Kris De Cree

Don Quichot eerste klas die graag SAMEN met anderen VOOR windmolens vecht in plaats van er tegen.
Ik geloof erg in de kracht om samen iets te doen eerder dan er over te klagen.

View More
Wim Debacker

… vindt de transitie naar een klimaat-neutrale samenleving onvermijdelijk, onomkeerbaar en onweerstaanbaar! Ik breng graag mensen samen om positieve veranderingen te creëren.

View More
Kevin Van Linden

Binnen het onderwijs probeer ik om leerlingen het beste uit zichzelf naar boven te laten halen. Ik hoop hen wat ondernemingszin en respect voor de wereld om hen heen mee te geven. ...

View More
Fabienne Bogaers

Klimaan Rand (Sint Katelijne Waver, Bonheiden, Putte)

Creatieve generalist(e) met sterke interesse in innovatie en transfomatie naar hernieuwbare energie

View More
An Van Damme

"Twijfel er nooit aan dat een kleine groep geëngageerde burgers de wereld kan veranderen. Sterker nog, dat is het enige dat ooit gewerkt heeft." Dank u, Margaret Mead, voor de ins...

View More
Kris Steyaert

Horen , zien , niet meer zwijgen maar doen.

View More
Friedl Decock

gepassioneerd, geïntrigeerd door de 'commons' als weg naar duurzame en rechtvaardige samenleving

(meer…)...

View More
Paul Laforce

Als we altijd denken dat anderen het gaan doen dan zijn we gezien. Verandering is mogelijk.

View More
Karl Lauwers

Gepassioneerd door duurzaamheid en hernieuwbare energie.

 

View More
Tim De Cock

Vader van 2 jonge kids, die hopelijk niet moeten denken dat we het voor hen goed verkloot hebben.

View More
Hans Vankerckhoven

Je suis klimaatverandering.

(meer…)...

View More
Jerina Demolon

Samen onze krachten bundelen brengt ons zo veel verder. Alle kleine beetjes maken samen een mooie burgerbeweging!

View More
Bram Van Genabet

"We hebben onze planeet niet gekregen van onze voorouders, maar geleend van onze kinderen. Het is onze plicht daar zorg voor te dragen"

View More
Kristof Descheemaeker

Fossielvrij was vroeger ondenkbaar, nu stilaan bespreekbaar en later evident.

View More
Steven Laurijssen

Number cruncher, algemene duurzaamheid
(meer…)...

View More
Elise Steyaert

Doorwinterde optimist, doordrongen van het idee dat we met vele geëngageerde schouders bakens kunnen verzetten. (meer…)...

View More
Wim De Saeger

Energy monitoring expert en sustainable building sollutions.

(meer…)...

View More

Team members slider module

Charlotte Spaas

Charlotte Spaas

Ik zet me in voor een groenere stad binnen de werkgroepen Grond en Water: ontharden, geveltuintjes en groene buurtparticipatietrajecten!

Lieven Vandezande

Lieven Vandezande

Kalm van geest in moeilijke tijden.

Luc Verdickt

Luc Verdickt

We hopen op een veilige toekomst voor ons eigen kleindochtertje maar ook voor alle andere (klein)kinderen in de wereld.  Laat ons dat samen realiseren door elk een steentje bij te...

Katrien Moubax

Katrien Moubax

Een nieuw evenwicht met de natuur, proper water, gezonde bodem en zuivere lucht. Als iedereen de wereld rondom zich beter maakt dan krijgen we het voor elkaar. Klimaatneutraal vols...

Patrick Van Assche

Patrick Van Assche

Gepassioneerd van wandelingen in natuur. Kunnen genieten van stilte. Overtuigd dat we zorgzamer met energie en grondstoffen moeten omspringen. Samen kunnen we meer dan alleen.

team members table module.

Testimonial module. Deze module dient om een testimonial van bijvoorbeeld een tevreden klant weer te geven

John de gelukkige klant

YDe tekstmodule bestaat natuurlijk ook. Dit is de meestgebruikte module.

Dit is de toggle module

hij laat toe om tekst weer te geven of niet “toggelen” dus.

Hieronder zie je de video module. Hij laat toe om een video af te spelen, maar past zich ook aan aan beeldschermafmetingen en andere modules

Hieronder zie je de video slider module. Hij laat toe om verschillende video’s in hetzelfde frame te tonen. Je kan zelf kiezen hoeveel video’s je wil configureren.

Dit is het overzicht van alle verschillende modules. Er zijn echter enorm veel configuratiemogelijkheden en dat is de kunst. Ik stel voor om nooit tekstkleuren aan te passen, maar de css style van het thema te volgen. Enkel op die manier blijft de site mooi 1 geheel, anders gaat elke pagina er anders uitzien..