WordPress is het meest gebruikte Content Management Systeem (CMS) voor het maken van een website of webshop. In combinatie met een pagebuilder ontwerpt u vervolgens super gemakkelijk de mooiste berichten en pagina’s. Het WordPress thema Divi van Elegant Themes is zowel een thema als een pagebuilder. U kunt dan ook gemakkelijk via de optie themabouwer een eigen header met menu maken. Ook kunt u zo een eigen footer onderaan uw pagina’s en berichten maken.
Hoe kunt u een Divi header en footer template (json bestanden) uploaden in WordPress?
Via de volgende stappen kunt u een Divi template (json bestand) uploaden in WordPress:
- Ga in het WordPress admin menu naar Divi
- Vervolgens klikt u op de optie “Themabouwer”

U gaat vervolgens naar de pijlen rechtsboven in het scherm. Hier klikt u op.

U krijgt vervolgens een pop-up scherm. Hier klikt u op het tabblad “Importeren”. Daarna selecteert u het bestand, dat u van mijn website heeft gedownload. Vervolgens klik u op “Divi Theme Builder-sjablonen importeren”.

Zodra het bestand klaar is met uploaden, ziet u twee lichtgroene blokken, namelijk één voor een header en één voor uw footer. U klikt vervolgens op de knop “Wijzigingen opslaan”.

U kunt zowel de header als footer nog aanpassen door op het pennetje te klikken.

Als u dit heeft gedaan, moet u niet vergeten om nogmaals op de groen knop “Wijzigingen opslaan” te klikken.
Download gratis WordPress Header en Footer layouts
Hieronder kunt u gratis header & footer templates (json bestanden) downloaden. Vervolgens kunt u het bestand uploaden, zoals hiervoor beschreven.
Gratis WordPress Divi header, menu en footer layout 01 - Acupunctuur
Gratis WordPress Divi header, menu en footer layout 02 - Astrologie
Gratis WordPress Divi header, menu en footer layout 03 - Cosmetica
Gratis WordPress Divi header, menu en footer layout 04 - Fietsenmaker
Gratis WordPress Divi header, menu en footer layout 05 - Bistro
Gratis WordPress Divi header, menu en footer layout 06 - Kooklessen
Gratis WordPress Divi header, menu en footer layout 07 - Black Friday
Gratis WordPress Divi header, menu en footer layout 08 - Black Friday
Gratis WordPress Divi header, menu en footer layout 09 - Black Friday
Gratis WordPress Divi header, menu en footer layout 10 - Black Friday
Gratis WordPress Divi header, menu en footer layout 11 - Black Friday
Gratis WordPress Divi header, menu en footer layout 12 - Black Friday
Gratis WordPress Divi header, menu en footer layout 13 - Black Friday
Gratis WordPress Divi header, menu en footer layout 14 - Black Friday
Gratis WordPress Divi header, menu en footer layout 15 - Black Friday
Gratis WordPress Divi header, menu en footer layout 16 - Black Friday
Gratis WordPress Divi header, menu en footer layout 17 - Black Friday
Gratis WordPress Divi header, menu en footer layout 18 - Black Friday
Gratis WordPress Divi header, menu en footer layout 19 - Black Friday
Gratis WordPress Divi header, menu en footer layout 20 - Black Friday
Gratis WordPress Divi header, menu en footer layout 21 - Black Friday
Gratis WordPress Divi header, menu en footer layout 22 - Black Friday
Gratis WordPress Divi header, menu en footer layout 23 - Medisch centrum
Gratis WordPress Divi header, menu en footer layout 24 - Ramenwasser
Gratis WordPress Divi header, menu en footer layout 25 - Huwelijksfotograaf
Gratis WordPress Divi header, menu en footer layout 26 - Online fitness
Gratis WordPress Divi header, menu en footer layout 27 - Online Assistent
Gratis WordPress Divi header, menu en footer layout 28 - Stoffeerbedrijf
Gratis WordPress Divi header, menu en footer layout 29 - Medische helpdesk
Gratis WordPress Divi header, menu en footer layout 30 - Tarot kaartleggingdesk
Gratis WordPress Divi header, menu en footer layout 31 - Sushi restaurant
Gratis WordPress Divi header, menu en footer layout 32 - Kruidenwinkelt
Gratis WordPress Divi header, menu en footer layout 33 - Schoenmakerij
Gratis WordPress Divi header, menu en footer layout 34 - Robotica
Gratis WordPress Divi header, menu en footer layout 35 - Renovatie
Gratis WordPress Divi header, menu en footer layout 36 - Makelaar
Gratis WordPress Divi header, menu en footer layout 37 - Reclamebureau
Gratis WordPress Divi header, menu en footer layout 38 - Pizzeria
Gratis WordPress Divi header, menu en footer layout 39 - Dierenwinkel
Gratis WordPress Divi header, menu en footer layout 40 - Parfumerie
Gratis WordPress Divi header, menu en footer layout 41 - Schilder
Gratis WordPress Divi header, menu en footer layout 42 - Nagelstudio
Gratis WordPress Divi header, menu en footer layout 43 - Meditatie
Gratis WordPress Divi header, menu en footer layout 44 - Leerbewerking
Gratis WordPress Divi header, menu en footer layout 45 - Italiaans restaurant
Gratis WordPress Divi header, menu en footer layout 46 - Tolk
Gratis WordPress Divi header, menu en footer layout 47 - Influencer
Gratis WordPress Divi header, menu en footer layout 48 - Holistische therapie
Gratis WordPress Divi header, menu en footer layout 49 - Kruidenremedie
Gratis WordPress Divi header, menu en footer layout 50 - Freelance schrijver
Gratis WordPress Divi header, menu en footer layout 51 - Fitness coach
Gratis WordPress Divi header, menu en footer layout 52 - Financieel adviseur
Gratis WordPress Divi header, menu en footer layout 53 - Huisarts
Gratis WordPress Divi header, menu en footer layout 54 - Ingenieursbureau
Gratis WordPress Divi header, menu en footer layout 55 - Diëtist
Gratis WordPress Divi header, menu en footer layout 56 - Online samenwerkingsplatform
Gratis WordPress Divi header, menu en footer layout 57 - Effectenkantoor
Gratis WordPress Divi header, menu en footer layout 58 - Fixed header with divi's position options
Gratis WordPress Divi header, menu en footer layout 59 - Global sticky header
Gratis WordPress Divi header, menu en footer layout 60 - Responsive slide-in menu
Gratis WordPress Divi header, menu en footer layout 61 - Slide down push menu
Gratis WordPress Divi header, menu en footer layout 61 - Header en menu verticaal
Gratis WordPress Divi header, menu en footer layout 62 - Global floating menu bar
Gratis WordPress Divi header, menu en footer layout 64 - Transparant header sticky on scroll
Gratis WordPress Divi header, menu en footer layout 65 - Header en menu verticaal en gedraaid
Gratis WordPress Divi header, menu en footer layout 66 - Uitklapbaar mobiel menu
Als u dit Json bestand wilt gebruiken om voor mobiele weergave een uitklapbaar mobiel menu te tonen, dan dient u nog enkele aanpassingen te doen bij uw menu instellingen. Uitleg hierover vindt u in deze blog van Elegant Themes. U hoeft enkel de CSS class aan te geven van het eerste en tweede niveau van uw menu. Alle overige instellingen zitten al in het Json bestand.
Gratis WordPress Divi header, menu en footer layout 67 - Animatie binnen uw header
Gratis WordPress Divi header, menu en footer layout 68 - Animatie binnen uw header
Gratis WordPress Divi header, menu en footer layout 69 - Inline login formulier in uw header
Gratis WordPress Divi header, menu en footer layout 70 - Menu met 2 aansluitende knoppen
Gratis WordPress Divi header, menu en footer layout 71 - Dropdown contact formulier in uw header
Gratis WordPress Divi header, menu en footer layout 73 - Label toevoegen aan menu items
Gratis WordPress Divi header, menu en footer layout 74 - Het plaatsen van een verdeler (divider) tussen header en body
Gratis WordPress Divi header, menu en footer layout 75 - Website titel en ondertitel in uw header
De website titel en ondertitel voert u in via het WordPress admin menu bij het onderdeel “Algemeen”.
Gratis WordPress Divi header, menu en footer layout 76 - Een audio afspeellijst aan uw header toevoegen
U moet nog wel een audio bestand uploaden in uw media bibliotheek en de url hiervan plakken bij de instellingen van de audio module die in deze header is verwerkt.
Gratis WordPress Divi header, menu en footer layout 77 - Bij een sticky header wisselen in logo bij scrollen
Hoe maakt u een global header met de Divi themabouwer?
U kunt er natuurlijk ook voor kiezen om zelf een header met menu te maken. Als u éénmaal ervaring heeft opgedaan met de Divi themabouwer, dan is het niet meer zo moeilijk om zelf een header te maken. Mocht u dit toch nog moeilijk vinden, dan kunt u beter nog even de volgende video bekijken. Hierin wordt stap-voor-stap uitgelegd hoe u in de themabouwer een eigen header met menu maakt.
Hoe maakt u een global footer met de Divi themabouwer?
Heeft u hiervoor de bovenstaande video bekeken en een eigen global header gemaakt? Bekijk dan ook onderstaande video en maak ook uw eigen global footer in de Divi themabouwer