Bob de webbouwer bouwt en verbetert websites 040 848 80 69 bob@bobdewebbouwer.com

Als je Elementor, Brizy of een andere WordPress page builder gebruikt heb je een thema nodig dat daar goed mee omgaat. Als iemand op Facebook of een forum vraagt naar een uitgebreid thema dat goed werkt met page builders worden vaak thema’s als Astra en OceanWP genoemd. Maar de laatste tijd zie ik ook steeds vaker een nieuwe naam: Zita.
Dus besloot ik Zita eens te checken 🙂 In deze Zita theme review vertel ik je of Zita een goede keuze is of je volgende Elementor of Brizy project, en of de pro versie zijn geld waard is. 

Zita theme header and footer builder

Zita is een gratis thema, dat is altijd een goed begin natuurlijk. 😉 Nog beter is dat de gratis versie van Zita een hele hoop mooie features bevat, waaronder een header en footer builder!

Zita’s header builder geeft je behoorlijk wat design vrijheid, met een above header area, main header area en below header area. Dat wil zeggen dat je header eigenlijk uit 3 rijen bestaat, die je weer kunt onderverdelen in meerdere kolommen.

Zo kun je de above en below header areas verdelen in maximaal 3 kolommen, en je kunt bij elke kolom zelf bepalen welke content je daarin wilt tonen. In mijn screenshot heb ik bijvoorbeeld custom tekst in de eerste kolom geplaatst, social media icoontjes in de tweede kolom en een zoek icoontje in de derde kolom.

Je kunt ook een menu in een kolom plaatsen (handig voor een zogenaamd utilities menu, zoals login links enzo), maar het gaafste is nog dat je ook een widget area in elke kolom kunt plaatsen.

Dat geeft je een hele hoop nieuwe mogelijkheden; want nu kun je bijvoorbeeld een afbeelding widget in de header plaatsen, een zoekvenster, een WooCommerce widget of zelfs een custom HTML widget zodat je werkelijk alles erin kunt plaatsen wat je maar wilt. En onthoud, dit zit dus allemaal in de gratis versie van Zita!

De above en below header areas bieden dus een hele hoop flexibiliteit en design vrijheid. De main header area biedt wat beperktere mogelijkheden, maar heeft toch een aantal mooie features. Om te beginnen kun je kiezen uit
8 verschillende header layouts; een klassieke layout met het logo links en het menu rechts, maar ook een layout met het logo in het midden en het menu eronder, alles in een sidebar links of rechts, en zelfs een “mobile style” menu op de desktop met een menu knop die een sidebar links tevoorschijn tovert als je erop klikt.

Daarnaast kun je kiezen wat je als laatste menu item wilt instellen. Je kunt daar bijvoorbeeld een zoekicoontje toevoegen, of een knop, maar je kunt ook eigen tekst of social media icoontjes toevoegen.

Je kunt ook een lijn tussen de header en de inhoud toevoegen en daar de kleur en dikte van aanpassen, evenals enkele opties voor het mobiele menu. Verder kun je kiezen tussen een licht of donker kleurenschema. In Zita Pro heb je meer opties en kun je alle kleuren, lettertypes enzovoorts instellen.

Je kunt wel een transparante header instellen in de gratis versie van Zita, iets dat normaal alleen in de pro versie van een thema mogelijk is. 

Naast een header builder biedt Zita ook een footer builder, die ongeveer dezelfde mogelijkheden biedt. Je hebt dus een above en below footer area die je kunt verdelen in 3 kolommen, en in elk van die kolommen kun je tekst, widgets enzovoorts toevoegen. De below footer area is de ideale plek voor je copyright tekst, voorwaarden en privacy statement. 

De footer zelf biedt je de keuze uit 8 verschillende layouts: naast de traditionele 1, 2, 3 en 4 koloms layout kun je ook kiezen voor een 2/3 – 1/3 layout of een 1/4 – 1/2 – 1/4 layout. Elke kolom is een widget area waarin je alles kunt zetten wat je maar wilt. 

Zita sidebar, blog, woocommerce en andere instellingen

Het Zita thema laat je een standaard sidebar layout instellen (links, rechts of geen sidebar). Je kunt de breedte van de sidebar instellen in %, en je kunt een afwijkende standaard layout instellen voor pagina’s, blog posts en WooCommerce pagina’s. 
Je kunt de instellingen zelfs per pagina aanpassen, en je kunt ook de (above en below) header en footer per pagina tonen of verbergen. Lekker flexibel dus!

Het Zita WordPress thema biedt ook flink wat blog instellingen. Zo kun je instellen of je 1, 2, 3 of 4 kolommen wilt, en je kunt ook kiezen welke elementen je wilt tonen (auteur, categorie, datum, uitgelichte afbeelding, samenvatting) en zelfs de volgorde van die elementen aanpassen door ze simpelweg naar een andere plek te slepen. Dit zowel voor het blog overzicht als voor de individuele blog posts (berichten). 

Alsof dat nog niet genoeg is biedt Zita ook een flink aantal WooCommerce instellingen. Ook hiervoor kun je instellen welke elementen je wilt tonen (afbeelding prijs, review sterren, de in winkelwagen knop enzovoorts), en hoe de winkelwagen widget in de header eruit moet zien.

thdeNet als bij de blog instellingen kun je ook nu de elementen in de gewenste volgorde slepen, waardoor je behoorlijk wat controle hebt over hoe je WooCommerce pagina’s eruit zien.
En niet alleen voor de shop pagina, maar ook voor de product pagina zelf. Daarnaast kun je instellen hoeveel gerelateerde en upsell producten je wilt tonen,en er zijn zelfs wat instellingen voor de checkout pagina.

 

Andere Zita thema instellingen zijn:

  • Global colors, waarmee je o.a. de standaard accent kleur, titel kleur, tekst kleur en link kleur kunt instellen.
  • Styling voor het hamburger menu icoon, de terug naar boven knop, het zoek icoontje en standaard knoppen. 
  • Basis typografie voor de body, titel en content (font family, font size, text transform, line height en letter spacing)
  • Links naar je social media

Alle instellingen doe je in de WordPress customizer, zodat je het effect van je aanpassingen in real time ziet. Bij elke instelling staat een link naar de help pagina over dat onderwerp op de Zita website, erg handig! 

Zita theme templates

Alsof dit alles nog niet genoeg is krijg je ook een aantal gratis demo templates die er standaard bij zitten. Momenteel kun je kiezen uit zo’n 20 van die templates voor Elementor, en nog maar een stuk of 4 voor Brizy, maar er worden regelmatig nieuwe templates toevoegt. 

 

 

 

Zita Pro review (Premium Zita)

Nogmaals, alle bovenstaande features zitten in de gratis versie van Zita. Voor degenen die nog meer functionaliteit willen is er Zita Pro, de premium versie van het Zita thema.
Laten we eens kijken wat Zita Pro te bieden heeft in deze Zita Premium review!

Op de Zita website is te lezen dat Zita Pro op dit moment de volgende onderdelen bevat: 

  • White label
  • Sticky header / footer / sidebar
  • Kleuren en achtergrond opties
  • Geavanceerde typografie opties
  • Meer blog layouts
  • Spacing instellingen
  • Meer WooCommerce opties
  • Meer controle over containers
  • Meer menu stijlen
  • Mega menu (coming soon)
  • Meer header en footer layouts
  • Ingebouwde social sharing
  • Pagination styling

Klinkt goed, laten we er eens wat dieper induiken!

 

White label

Het eerste item op de lijst is white label. Dat biedt webdesigners zoals mij de mogelijkheid om alle Zita branding te verwijderen en het thema een eigen naam te geven, zodat het lijkt alsof je het thema zelf gemaakt hebt. Dat werkt redelijk, maar in de customizer staat nog steeds Zita als actief thema en die handige links naar de documentatie op de Zita website zijn natuurlijk ook niet zo handig meer als je niet wilt dat je klanten weten dat je eigenlijk Zita gebruikt.

Sticky header / footer / sidebar

In Zita Pro kun je instellen dat de header, footer en/of sidebar sticky zijn. Een sticky header zie je regelmatig: als je scrollt blijft de header bovenaan het scherm staan. Zoals eerder besproken kun je een aparte above, main en below header area instellen, en je kunt dan ook voor ieder deel apart instellen of je dit sticky wilt maken of niet. Je kunt er zelfs voor kiezen om de sticky header alleen te tonen als de gebruiker omhoog scrollt, en deze te verbergen als er omlaag gescrollt wordt.

De sticky footer werkt een beetje anders – de footer blijft niet standaard onderaan de pagina staan, maar er verschijnt een subtiel pijltje waarop je kunt klikken om de footer tevoorschijn te toveren. Dat is slim, want anders zou de footer waarschijnlijk veel te veel ruimte innemen op het scherm. De sticky sidebar staat wel altijd in beeld, wat met name handig kan zijn bij WooCommerce shops enzo.

Kleuren en typografie

Zita Pro geeft je een stuk meer controle over kleuren en typografie. In de gratis versie van het thema kun je alleen enkele global colors instellen, maar met Zita Premium kun je elk element apart stylen: de titel, meta informatie, deel icoontjes, WooCommerce prijzen enzovoorts. Zo kan een producttitel bijvoorbeeld een andere kleur en lettertype hebben dan je blog titel. 

Meer blog layouts

Zita Pro voegt 3 extra blog layouts toe. In de gratis versie staan alle elementen onder elkaar, maar in Zita Pro kun je de uitgelichte afbeelding ook links of rechts van de content plaatsen, of een zig zag layout instellen waarbij de uitgelichte afbeelding om en om links en rechts staat. Eerlijk gezegd had ik wat meer verschillende layouts verwacht, zoals en mansonry layout (zeker omdat die op de afbeelding op de website staat) dus dat viel me een beetje tegen.

Spacing

Zita Pro laat je spacing instellen voor een behoorlijk aantal elementen, zoals het menu, de header, footer, blog, producten enzovoorts. Je kunt dit instellen in px, % of em, en je kunt andere instellingen gebruiken voor tablet en telefoon.

Meer WooCommerce opties

Zita Pro voegt ook wat extra WooCommerce opties toe, zoals een off canvas sidebar (een sidebar die verborgen is en tevoorschijn komt als de gebruiker op een pijl icoontje klikt) en quick view (een popup waarin de productdetails te zien zijn zodat je niet naar de productpagina hoeft te navigeren).

Meer header en footer layouts

Nou… nu even niet. Door wat technische problemen zijn deze momenteel verwijderd, maar volgens de ontwikkelaar zullen ze snel weer worden toegevoegd. 

Pro templates

Tenslotte krijg je ook nog enkele extra templates bij Zita Pro, maar op dit moment zijn dat er maar een stuk of 5. 

Elite addons for Elementor

Je hebt waarschijnlijk niet op die knop hierboven geklikt he? Snap ik, dat deed ik in eerste instantie ook niet. De Zita Pro features zijn oke, maar ook niet meer dan dat. Ze konden me niet overtuigen om het premium Zita thema te kopen. De WOW factor ontbreekt gewoon nog. Kleuren, typografie, spacing… dat zijn allemaal dingen die je ook in Elementor of Brizy kunt instellen. De blog layouts zijn simpelweg net goed genoeg en de extra header en footer layouts ontbreken momenteel uberhaupt. Sticky header is leuk maar niet bepaald uniek; elk betaald WordPress thema biedt die optie. Dan blijft eigenlijk alleen de WooCommerce opties over, maar dat alleen is niet genoeg. Dus ik had al besloten dat de gratis versie van Zita een prima thema is, maar de pro versie de investering nog niet waard is. En toen ontdekte ik Elite Elementor addons

Elite Addons voor Elementor geeft je 12 nieuwe widgets voor deze populaire page builder. Op de Zita site vind je demo’s van elke widget, en sommige zijn echt heel gaaf!

De Advance Heading widget laat je schitterende (sub)headings maken, met (icon)  dividers en headings waarbij de achtergrondafbeelding door de tekst heen komt. 

De Content Switcher widget is een soort van flip box met twee content areas; een voor de linker optie van de schakelaar en een voor de rechter optie. Door de schakelaar om te zetten kunnen je wisselen tussen de twee content areas.

Het gaafste is echter dat je niet alleen tekst in die content areas kan zetten, maar ook opgeslagen secties of zelfs complete opgeslagen pagina’s! Op de manier kun je er echt alles in zetten wat je maar wilt.

Hetzelfde geldt voor de Tabs widget. Er zit standaard een tabs widget in Elementor, maar daarmee kun je alleen maar content met een text editor toevoegen. In de tabs widget van Elite Addons kun je ook complete Elementor templates toevoegen, dus wederom alles wat je maar wilt. 

De Image Animation widget is ook erg gaaf. Je moet echt even de demo bekijken om te zien hoeveel mogelijkheden deze widget biedt. Je krijgt flip box effecten, zoom effecten, kleuren overlays, enkele filter effecten… en je kunt ze allemaal naar wens combineren.

De Image Pointer widget is ook een goed idee, maar de uitvoering heeft nog wel wat werk nodig. Deze widget laat je icoontjes op een afbeelding plaatsen met een tooltip erbij. Je kunt ervoor kiezen de tooltip alleen te tonen bij mouse over, en je kunt ook een animatie instellen. 

Je kunt echter geen link instellen voor zo’n icoontje, en je kunt het incoontje ook niet simpelweg naar de gewenste positie slepen (terwijl dat wel mogelijk is in Elementor). Dus zoals ik al zei, een goed idee maar het heeft nog wat werk nodig.

 

Ik schreef eerder dat de extra blog layouts in Zita Pro me een beetje teleur stelden, maar de Posts & Page Pro widget in Elite Elementor Addons maakt het weer goed 🙂  Deze widget biedt enkele hele gave opties om je blog pagina te pimpen, zoals randen en schaduws rondom je posts, achtergronden (je kunt per kolom een andere achtergrond instellen en je kunt kleuren, gradients en afbeeldingen instellen), een datum box enzovoorts. 

Je kunt zelfs een andere bron kiezen, dus je kunt ook een grid maken met je pagina’s of WooCommerce producten in plaats van je blogberichten. Een hele gave widget dus!

 

Elite Addons voor Elementor niedt ook enkele widgets die normaal alleen in Elementor Pro beschikbaar zijn, zoals een Countdown widget en Prijstabel widget. Dingen als een Instagram widget zorgen ervoor dat je weer een plugin minder hoeft te installeren. Alle widgets bieden een flink aantal styling opties, en ook de standaard geavanceerde opties in Elementor zoals motion effects, animaties, margin en padding enzovoorts zijn beschikbaar.

Je krijgt Elite Addons voor Elementor als een gratis bonus als je Zita Pro koopt! Naar mijn mening biedt Elite Addons voor Elementor meer waarde dan de Zita Pro features zelf, en dat was dan ook meer dan genoeg reden voor mij om de lifetime licentie toch te kopen 🙂 Ben jij ook klaar om op de knop hieronder te klikken?

Conclusie

De gratis versie van Zita is een prima en uitgebreid thema, maar de pro versie alleen is nog niet goed genoeg naar mijn mening.
De Elite Addons voor Elementor zijn echter wel zeer de moeite waard, en aangezien je deze gratis krijgt bij Zita Pro maakt dat de prijs meer dan waard!

Onthoud ook dat Zita pas in september 2018 is uitgebracht, dus het is nog een heel nieuw thema dat volop in ontwikkeling is. De ontwikkelaar staat ook echt open voor suggesties van gebruikers, dus ik verwacht flink wat verbeteringen de komende maanden. Ik heb een uitgebreid gesprek met de ontwikkelaar gehad en hij beloofde mijn suggesties zo snel mogelijk te implementen dus ik ben benieuwd!

Al het bovenstaande was meer dan genoeg reden voor mij om voor de lifetime deal te gaan. Als je zo vroeg in de ontwikkeling van een thema instapt is dat nog zeer betaalbaar; op dit moment betaal je slechts $149,00 voor een ongelimiteerd aantal websites

Beetje bindingsangst? Geen probleem, want Zita biedt ook een jaarlijkse licentie voor $49,00 per jaar. Koop Zita Pro nu!

Zelf je website bouwen, maar dan wel met wat hulp van een expert?

Kies dan voor Bobs Doe Het Zelf website! Dan regelt Bob alle technische zaken zoals het instellen van WordPress en het installeren van een thema zoals Zita en een page builder als Elementor, zodat jij je alleen nog maar bezig hoeft te houden met het leukste gedeelte; Bob bouwt het huis, en jij doet de inrichting!

Bovendien krijg je een 2 uur durende “Werken met WordPress” training, gegeven door Bob de webbouwer zelf (de auteur van dit artikel). Dat kan op Bobs kantoor in Waalre, maar ook op afstand waarbij Bob live meekijkt op jouw scherm. Na deze training weet je precies hoe WordPress werkt en hoe je alles kunt aanpassen. En kom je er toch even niet uit? Dan mag je Bob altijd even mailen, want er is 3 maanden support bij dit pakket inbegrepen!

Bekijk alle details van Bobs Doe Het Zelf website pakket

Dit artikel bevat affiliate links. Dat wil zeggen dat ik een vergoeding krijg als je Zita Pro of andere software koopt via een link op deze pagina. Dat kost jou verder niets extra’s, maar zorgt er wel voor dat ik jou kan blijven helpen met dit soort gratis artikelen. Dus als je Zita Pro wilt aanschaffen stel ik het zeer op prijs als je dat via deze pagina doet 😉

Ga je voor de gratis versie van Zita? Dan kun je eventueel ook een
kleine eenmalige donatie doen via de button hiernaast 🙂

 

Bedrag €*



WordPress verstuurt geen e-mail

Gratis website tips ontvangen?

Wil je op de hoogte gehouden worden van interessante artikelen, kortingsacties van populaire plugins en andere dingen om je website nog beter te maken? Laat dan hieronder je e-mail adres achter!

Gelukt! Controleer je inbox even voor de bevestigingslink.