Dolibarr is een krachtige open-source ERP- en CRM-oplossing die door bedrijven van elke omvang wordt gebruikt voor het beheren van processen zoals facturering, voorraadbeheer, HR en meer. Zoals bij elke bedrijfstool zijn branding en visuele identiteit van belang. Een van de eerste stappen om Dolibarr echt uw eigen te maken, is het aanpassen van de uitstraling, met name het logo en het kleurenschema. Deze uitgebreide handleiding begeleidt u stap voor stap door het hele proces, zodat uw Dolibarr-omgeving de huisstijl van uw bedrijf weerspiegelt.

Inhoudsopgave

  1. Inleiding tot Dolibarr

  2. Waarom Dolibarr aanpassen?

  3. Inzicht in de bestandsstructuur van Dolibarr

  4. Uw aangepaste activa voorbereiden

  5. Het logo wijzigen

    • Logo van de inlogpagina

    • Topnavigatielogo

    • PDF-documentlogo's

  6. Het kleurenschema aanpassen

    • CSS-bestanden en thema's

    • Themabestanden wijzigen

    • Aangepaste CSS gebruiken

  7. Een aangepast thema maken en toepassen

  8. Tips voor het behouden van aanpassingen tijdens updates

  9. Terugkeren naar standaardweergave

  10. Laatste gedachten en beste praktijken

1. Inleiding tot Dolibarr

Dolibarr ERP/CRM is een modulaire softwaresuite waarmee bedrijven een breed scala aan activiteiten kunnen beheren. Het is gebouwd met PHP en gebruikt MySQL of PostgreSQL voor databasebeheer. Omdat het open source is, biedt het een hoge mate van flexibiliteit en maatwerk. Gebruikers kunnen het aanpassen aan hun specifieke operationele behoeften zonder de licentiebeperkingen van propriëtaire software.

Dolibarr kan on-premise worden geïnstalleerd of gehost op een cloudserver, waardoor het toegankelijk is voor een brede gebruikersgroep. Het is populair bij kleine en middelgrote ondernemingen (MKB), freelancers en ngo's die op zoek zijn naar een alles-in-één oplossing voor bedrijfsbeheer.

2. Waarom Dolibarr aanpassen?

Merkconsistentie is essentieel voor interne en externe communicatie. Een gepersonaliseerde Dolibarr-installatie kan:

  • Verbeter de gebruikerservaring door de interface af te stemmen op de huisstijl van het bedrijf

  • Verbeter de professionaliteit tijdens klantinteracties (bijvoorbeeld bij het versturen van PDF-facturen)

  • Maak uw exemplaar eenvoudiger te navigeren en intern te gebruiken

Personalisatie gaat niet alleen over esthetiek; het gaat ook over bruikbaarheid en identiteit. Door de look en feel van Dolibarr aan te passen, maakt u het een meer geïntegreerd onderdeel van het ecosysteem van uw bedrijf.

3. De bestandsstructuur van Dolibarr begrijpen

Voordat u wijzigingen aanbrengt, is het cruciaal om te begrijpen hoe Dolibarr is gestructureerd. Weten waar u bepaalde bestanden kunt vinden, bespaart tijd en voorkomt onnodige fouten.

De typische Dolibarr-installatie bevat de volgende mappen:

  • /htdocs - De belangrijkste webtoegankelijke directory

  • /htdocs/theme - Bevat alle thema-gerelateerde bestanden

  • /htdocs/includes - Kernconfiguratiebestanden van huizen

  • /documents - Slaat geüploade documenten en logo's op

Binnen /htdocs/theme, elke submap komt overeen met een thema (bijv. eldy, md, bureau2crea). Elke themamap bevat CSS-bestanden, afbeeldingen en JavaScript die specifiek zijn voor dat thema.

4. Uw aangepaste activa voorbereiden

Verzamel uw aangepaste middelen voordat u de wijzigingen aanbrengt:

  • Logo-bestanden:Bij voorkeur in PNG-formaat met transparante achtergronden

  • Kleurcodes: Hex-codes van de primaire en secundaire kleuren van uw merk

  • backup: Maak altijd een back-up van de originele themabestanden voordat u wijzigingen aanbrengt

Als u deze paraat hebt, verloopt het aanpassingsproces soepeler.

5. Het logo wijzigen

Dolibarr gebruikt verschillende logo's voor verschillende onderdelen van de applicatie. U zult uw nieuwe logo op verschillende plaatsen moeten vervangen of ernaar moeten verwijzen.

Logo van de inlogpagina

Het logo van de inlogpagina bevindt zich vaak op het volgende pad:

/htdocs/theme/eldy/img/logo_login.png

Om het te veranderen:

  1. Hernoem uw aangepaste logo naar logo_login.png.

  2. Vervang het originele bestand in de img directory.

  3. Wis de cache van uw browser of start de webserver opnieuw op om de wijzigingen te zien.

Topnavigatielogo

Het logo linksboven in de applicatieheader bevindt zich hier:

/htdocs/theme/eldy/img/logo_setup.png

Stappen om te veranderen:

  1. Hernoem uw nieuwe logo naar logo_setup.png.

  2. Vervang het bestand op dezelfde manier img directory.

  3. Pas eventueel de grootte aan via CSS als deze niet goed past.

PDF-documentlogo's

Facturen, offertes en andere PDF-documenten die door Dolibarr worden gegenereerd, gebruiken ook logo's. Deze worden meestal opgeslagen in de documentenmap of per derde partij of bedrijf gespecificeerd.

Een aangepast logo instellen:

  1. Ga naar Home > Instellingen > Bedrijf/Organisatie.

  2. Upload uw logo in het gedeelte met de naam 'Logo gebruikt op documenten'.

  3. Sla de instellingen op en test het door een PDF-factuur te genereren.

Elke derde partij kan ook een eigen logo krijgen, wat handig is bij activiteiten met meerdere locaties of meerdere merken.

6. Het kleurenschema aanpassen

Dolibarr-thema's worden gebouwd met CSS. Het standaardthema heet eldy, maar er bestaan ​​ook andere, die gekloond of gewijzigd kunnen worden.

CSS-bestanden en thema's

Thema-CSS-bestanden bevinden zich in:

/htdocs/theme/eldy/style.css.php

Dit is een dynamisch PHP-bestand dat CSS genereert. Door het direct te bewerken, kun je kleuren wereldwijd wijzigen.

Veelvoorkomende kleurverwijzingen in het bestand zijn:

--colorbackbody: #f4f4f4;
--colorbackhmenu1: #333;
--colortexttitle: #222;

Themabestanden wijzigen

Om kleuren te wijzigen:

  1. Open style.css.php in een code-editor.

  2. Zoek naar de CSS-variabele die u wilt wijzigen (bijv. --colorbackbody).

  3. Vervang de waarde met uw merknaam.

  4. Sla uw Dolibarr-instantie op en vernieuw deze.

Test altijd eerst in een ontwikkelomgeving.

Aangepaste CSS gebruiken

In plaats van het standaardthema te bewerken, kunt u een aangepast CSS-bestand maken:

  1. Kopieer de bestaande themamap en hernoem deze (bijv. mytheme).

  2. wijzigen style.css.php en alle afbeeldingen daarin.

  3. Ga naar Home > Instellingen > Beeldscherm > Thema en selecteer uw aangepaste thema.

Dit is een veiligere aanpak, omdat hiermee wordt voorkomen dat wijzigingen tijdens updates worden overschreven.

7. Een aangepast thema maken en toepassen

Om een ​​volledig aangepast thema te maken:

  1. Een bestaande themamap dupliceren:

cp -r /htdocs/theme/eldy /htdocs/theme/mytheme

  1. Edit style.css.php in de nieuwe map, zodat deze bij uw kleurenpalet past.

  2. Vervang afbeeldingen (zoals logo's) in uw aangepaste themamap.

  3. Werk de themaselectie bij in de instellingen van Dolibarr.

Deze aanpak biedt volledige controle over de gebruikersinterface en zorgt voor compatibiliteit met toekomstige updates (mits Dolibarr de themaverwerking niet vernieuwt).

8. Tips voor het behouden van aanpassingen tijdens updates

Dolibarr wordt actief onderhouden en updates kunnen kernbestanden overschrijven. Om te voorkomen dat uw aanpassingen verloren gaan:

  • Gebruik een aangepaste themamap: Wijzig nooit rechtstreeks het standaardthema.

  • Documenteer uw wijzigingen: Houd een wijzigingenlogboek bij van bewerkte bestanden en vervangen assets.

  • Automatische back-upsRegelmatige back-ups zorgen ervoor dat u kunt terugkeren naar de oorspronkelijke staat, ook als er updates zijn die iets kapotmaken.

  • Test updates in een testomgeving: Werk uw live-installatie nooit bij zonder deze te testen.

Als u deze stappen volgt, bespaart u zich uren aan extra werk.

9. Terugkeren naar standaardweergave

Als er iets fout gaat of als u gewoon terug wilt:

  1. Herstel originele logobestanden vanuit een back-up.

  2. Schakel terug naar het standaardthema onder Weergave > Thema.

  3. Verwijder of hernoem uw aangepaste themamap om conflicten te voorkomen.

10. Laatste gedachten en beste praktijken

Het aanpassen van Dolibarr kan de gebruikerservaring verbeteren en het merk van uw bedrijf versterken. Het is echter belangrijk om dit systematisch te doen:

  • Plan uw wijzigingen ruim van tevoren.

  • Gebruik ontwikkel- en stagingomgevingen.

  • Houd back-ups en documentatie bij.

  • Gebruik aangepaste thema's om verstoringen tijdens upgrades tot een minimum te beperken.

Of u nu een logo aanpast of de volledige gebruikersinterface vernieuwt, dankzij personalisatie voelt Dolibarr als een natuurlijk onderdeel van uw bedrijfsvoering. Met de stappen in deze handleiding kunt u vol vertrouwen de look en feel van uw instance bepalen.