Webstick.nl logo Webdesignburo en Wordpress-blog

TheGem vs Porto Theme vergelijking [2024] 💥

TheGem vs Porto


THE-GEM vs PORTO


Porto vs TheGem, we vergelijken deze populaire Wordpress-themes op laadsnelheid, het aantal demowebsite en -pagina's, de kwaliteit van de demo's, het type pagebuilder dat ze gebruiken en hoe goed ze aan te passen zijn. TheGem en Porto zijn beide bestsellers van de afgelopen jaren.



THE-GEM THEME (Porto vs TheGem)

The Gem Wordpress Theme Review


The Gem Wordpress Theme is het zeker waard om het theme eens nader onder de loep te nemen en er en review over te schrijven. Het eerste wat opvalt zijn de schitterende demo's die het theme aanbiedt, deze zijn apart en goed gestyled. In totaal heeft het theme op dit moment een slordige 70 met-1-klik te installeren demoversies beschikbaar (creative concepts noemen ze die zelf).


Advertisement

Divi Ad 680px


Nieuw: Elementor integratie

Er zijn themes als Be Theme met 600+ demo's maar die zitten redelijk eenvoudig in elkaar, The Gem biedt een veel hogere kwaliteit. Het Be Theme heeft wel meer verkopen en staat zelfs op nummer 3 hiervoor op de Themeforest marktplaats. Kennelijk zijn er veel mensen die voor de vele demo's kiezen terwijl ze er maar 1 kunnen installeren. Maar goed, laten we het over The Gem hebben en om te beginnen eens een aantal van de demo's bekijken.


The Gem demo 1

The Gem demo 2

The Gem demo 3

The Gem demo 4

The Gem demo 5


Met een goed multifunctioneel theme moet u letterlijk elk type website kunnen maken om in onze reviews maximaal te kunnen scoren. En na het spelen met TheGem, kan ik absoluut zeggen dat het die belofte waarmaakt. TheGem is de nieuwste intrede van CodexThemes in de veelzijdige thema-wereld en boy is het veelzijdig. CodexThemes heeft demo's samengesteld voor niches, variërend van creatieve bureaus tot sportscholen, tot restaurants en meer. Het is absoluut een mooi en functioneel thema.

TheGem Hoofdfuncties

  • Meer dan 70 eigengemaakte ontwerpconcepten voor verschillende niches
  • Templates voor meer dan 400 pagina's
  • Nadruk op prestaties
  • Handige aangepaste berichttypen
  • Schitterende ontwerpen
  • Inclusief Bakery Pagebuilder en Revolution Slider
  • Juiste code-opmaak voor paginasnelheid
  • Multi-page en one-page ready
  • 2,500 + font icons

Als een van de meer dan 70 homepage-concepten uw aandacht trekken, kunt u eenvoudig alle of een specifieke selectie importeren via de interface van TheGem. Het enige dat u hoeft te doen, is naar TheGem Import in uw admin-paneel gaan en de wizard zal u overal doorheen leiden. Wat het importproces betreft, kan het niet eenvoudiger zijn.


The Gem demo import


Installeren van TheGem WordPress Theme

Nadat u TheGem hebt geïnstalleerd, moet u eerst alle vereiste en aanbevolen plug-ins installeren. Zodra je dat hebt gedaan, zal je admin panel er veel voller uitzien. Naast alle nieuwe plug-ins, geeft TheGem je ook veel aangepaste berichttypen.


The Gem plugins


Zoals ik hierboven al zei in dit TheGem review voor [2024], kunt u altijd een of meer van de 70+ vooraf ontworpen ontwerpconcepten importeren door naar TheGem Import te gaan. Maar als u een van die ontwerpconcepten niet wilt gebruiken, moet u naar het aanpassingsmenu van het thema gaan.

TheGem WordPress Theme aanpassen

TheGem maakt gebruik van zijn eigen beheerder voor themaaanpassingen, niet van de WordPress Customizer. Ik begrijp waarom thema's dit doen, maar ik vind het altijd een beetje frustrerend dat ik een voorbeeld van wijzigingen moet blijven bekijken in plaats van ze in realtime te zien. Ik wou dat er een eenvoudige manier was om alle relevante opties rechtstreeks naar de WordPress Customizer te verplaatsen. Het beheerderspaneel is onderverdeeld in tien categorieën.

In het algemeen stelt u basisinformatie in zoals de lay-out en identiteit van uw blog. Er is niet veel te veranderen buiten je logo en wat informatie over de functionaliteit:


The Gem theme set up


Onder "Header" kunt u elk detail van de kop van uw site instellen. Dit omvat lay-out, uitlijning en vormgeving:


The Gem header set up


Je hebt een groot aantal header-opties dankzij de drop-outs met meerdere opmaakprofielen. In "Fonts" kunt u instellen welke lettertypen uw site gebruikt en hoe groot deze is. U kunt elke class doornemen om elk aspect van uw lettertypen aan te passen. TheGem bevat Google Fonts, dus je hebt tal van stijlvolle opties. En als u meer selectie wilt, kunt u altijd nieuwe lettertypen importeren via de meegeleverde Fonts Manager:


The Gem lettertypes set up


In de sectie "Colors" kunt u kleuren instellen voor letterlijk elk afzonderlijk element op uw site. Om alles door te nemen en aan te passen zou het een serieuze tijd duren, maar alle opties zijn er als je ze wilt:


The Gem kleuren set up


Precies zoals de naam al zegt, laat "Backgrounds" je de achtergronden aanpassen voor verschillende delen van je site. U kunt effen kleuren kiezen of afbeeldingen uploaden.


The Gem achtergronden set up


Onder "Footer" kunt u uw voettekst in- en uitschakelen en aangepaste tekst instellen. Nogmaals, niet veel aan deze sectie. Ik heb het gevoel dat hier nog andere waardevolle opties kunnen zijn - zoals het activeren / deactiveren van sociale pictogrammen of links:


The Gem footer set up


Met "Contacts & Socials" kunt u adres- en contactgegevens toevoegen, evenals koppelingen naar sociale pictogrammen. Deze sociale pictogrammen kunnen zowel in de kop- als voettekst worden weergegeven. Ik heb het gevoel dat dit gedeelte in de categorieën Header en Footer zou kunnen worden geplaatst, maar een kniesoor die daarop let.


The Gem contacts set up


In deze TheGem review moet vermeld worden dat "Back-up" een prachtige tool is om erin te hebben. Hiermee kun je een back-up van al je thema-instellingen exporteren. Op die manier kunt u, als u ooit enige thema-instellingen zou verliezen, deze eenvoudig herstellen met de back-up functie. In wezen maakt het experimenteren met thema-instellingen een actie met een laag risico, omdat je altijd op de back-up kunt terugvallen als dat nodig is:


The Gem backup


TheGem Custom Post Types

TheGem bevat standaard zeven aangepaste berichttypen. Dit zijn:

  • Nieuws
  • Portfolio's
  • Quickfinders
  • Klanten
  • Gallerijen
  • Teams
  • Recensies

Aangepaste velden voor berichten en pagina's

TheGem bevat een enorme hoeveelheid aangepaste velden voor het maken van berichten of pagina's. Wanneer u een nieuwe post of pagina toevoegt, ziet u onder aan het scherm tal van opties:


The Gem aangepaste velden


U kunt alles instellen, van videobeelden tot aangepaste fragmenten tot aangepaste lay-outs. Als u bijvoorbeeld de zijbalk voor één bericht wilt verplaatsen, kunt u dat doen met aangepaste velden. Als u aangepaste widgets aan één bericht wilt toevoegen, is dat ook mogelijk. Deze aangepaste velden hebben veel veelzijdigheid. Je hebt tal van nieuwe manieren om je individuele berichten en pagina's aan te passen met TheGem.

Inbegrepen is de Bakery Pagebuilder

Zoals ik in de lijst met functies heb vermeld, krijgt u ook toegang tot Bakery Pagebuilder voor het maken van pagina's. Bakery Pagebuilder is niet mijn favoriete paginabuilder, maar het is absoluut een solide optie en bevat zowel front-end als back-end bewerking. Telkens wanneer u een nieuwe pagina of bericht maakt, heeft u de mogelijkheid om de door u gekozen Bakery Pagebuilder-editorweergave in te voeren om ontwerpen met slepen en neerzetten te maken:


The Gem Bakery Pagebuilder

TheGem review Elementor

Het TheGem theme komt nu in 2 verschillende versies voor een prijs. Dat houdt in dat u kunt kiezen tussen de pagebuilder die gebruikt wordt, WP Bakery pagebuilder of Elementor.


The Gem Bakery Pagebuilder


TheGem laadtijd – Goede Google PageSpeed Insights Score

Ik heb mijn testen gedaan op een localhost, dus ik kon mijn testsite natuurlijk niet uitvoeren via Google PageSpeed Insights. Ik heb hun demosite wel aan een speedtest onderworpen. Het kreeg een score van 85 desktop zonder caching of geoptimaliseerde afbeeldingen, wat een goede score is.



Naar TheGem theme




PORTO THEME (Porto vs TheGem)

Porto Theme review


Ik zal hier de Wordpress versie van het Porto Theme bespreken. Er is ook een HTML-5 versie die al veel langer bestaat, die vindt u hier. Maar daar gaan we een andere keer op in. Het Porto Theme is de laatste tijd met stip gestegen al was het altijd al onder de beste themes te vinden.

Porto theme review: Rating

Porto theme review rating


Als we op Themeforest Porto's rating controleren, is deze inderdaad 4.92 uit 5. Ik ken de site en alle themes daar erg goed, en 4.92 kan zeer goed de hoogst mogelijke rating zijn voor de 20 best verkochte themes. Er zijn themes met een hogere rating, maar niet op Themeforest. Porto is meer dan 78.767+ keer verkocht en 2855 mensen gaven een rating, dus dat is erg betrouwbaar.

Porto theme review: Demo's

Porto Theme review demos


Het theme heeft een aantal vrij extreme verbeteringen doorlopen waar we het nu over gaan hebben. Net als ieder ander zichzelf respecterend WP-theme tegenwoordig heeft Porto kant-en-klare demo websites die met 1 klik geïnstalleerd kunnen worden. Hiervan hebben ze er sinds de laatste upgrade 30 bij gekregen war het totaal bijna op 100 brengt.

Het prettige van demo's is dat u daarmee een snelle start kunt maken. De website staat al maar met de verkeerde foto's en teksten in principe. Plaats dus uw logo erin, pas teksten en foto's aan en u bent al goed op weg een eigen site te hebben.

Porto theme review: Webshops

Er zijn 66 multipurpose demo's beschikbaar voor alle denkbare niches waarmee prachtige corporate- and prive-websites gemaakt kunnen worden. Geweldig is dat maar liefst 33 demo's kant-en-klare shops zijn. Van hieruit kunt u razendsneleen webshop opstarten dus.


Porto Theme review webshops


Porto theme review: Speed

Porto Theme review laadtijden


Ondertussen wil geen theme achterblijven qua laadtijden oftewel speed, aangezien daar steeds meer waarde aan gehecht wordt door Google. Ook Porto is daarom gebouwd met een snelle code die zorgt voor goede laadtijden in browsers. Porto heeft ook een ingebouwde speed wizard die u helpt uw website nog sneller te maken, dit is vrij uniek. Uiteraard kunt u dit ook gewoon zelf als u mijn tutorial hier volgt.

Porto theme review: Pagebuilders

Porto Theme review pagebuilders


Het Porto theme komt standaard met de mijns inziens zeer goede WP Bakery Pagebuilder. Een solide pagebuilder die verschillende plug-ins van derden beschikbaar heeft om de elementen uit te breiden. Ook is het theme volledig compatible met de Elementor pagebuilder, een van de beste die er zijn op dit gebied. Onder de demo's vindt u een twintigtal lay-outs die ermee gemaakt zijn en waarmee dus met Elementor gewerkt kan worden nadat u er een installeert.


Klik op de video hierboven om de pagebuilder in actie te zien.



Porto theme review: Header builder

Porto Theme review header builder


De header is als een rooster waar u met drag & drop elementen in kunt slepen. Het is zo zelfs voor leken eenvoudig om precies de header te bouwen die ze in gedachten hadden. Een coole tool! We kunnen niet anders dan de volle punten hiervoor geven in dit Porto theme review.

Porto theme review: Elementen

Porto Theme review elements


Porto biedt op het moment 33 elementen voor de Bakery Pagebuilder, wat zoals eerder gezegd simpel uit te breiden is met plug-ins.

Porto theme review: Revolution Slider

De Revolution Slider is met afstand de beste plug-in voor sliders. Er zijn erg veel opties, dat is even wennen als men de plug-in nog niet kent en trouwens ook na een grote upgrade zoals pas gebeurd is met de nieuwe versie 6. De documentatie van de plug-in is echter erg goed, wat betekent dat je snel zult ontdekken hoe alles werkt. Ook Google-zoekopdrachten helpen me daar altijd mee. De goede kant is dat als je er eenmaal aan gewend bent, je niets anders meer wilt. Er zijn praktisch geen grenzen aan wat het kan doen en alles werkt soepel.

Porto theme review: Conclusie

Ik vind het Porto theme geweldig. De demo lay-outs zijn schitterend, de set up van het theme is snel en eenvoudig, en het heeft een goede laadtijd. Het theme is inderdaad erg geschikt om er shops mee te bouwen en de header builder is natuurlijk fantastisch. De prijs is gewoon standaard voor themes op Themeforest dus dat is ook okay. Het theme biedt veel waar voor zijn geld.

TheGem vs Porto conclusie

Allereerst bedankt voor het lezen van deze Porto vs TheGem-vergelijking tot het einde. TheGem en Porto zijn 100% compatibel met Elementor pagebuilder wat geweldig is. TheGem is een multipurpose theme, waar Porto voor mij meer gespecialiseerd is op de bouw van webshops. Porto en TheGem laden ongeveer even snel. In het geval u een webshop wilt bouwen, kies dan voor Porto. In het geval u een blog, corporate website of portfolio wilt maken, neem dan TheGem. Beide themes zijn hun geld zeker waard mits het slecht voor 1 enkele website is.

In het geval u 2 of meer websites van een theme wilt voorzien, raad ik deze beide themes af want dan wordt het veel te duur aangezien voor elke website een aparte dure licentie nodig zal zijn. In dat geval kunt u veel beter Astra of Divi gebruiken aangezien u daarmee voor meerdere sites veel goedkoper uit bent. Daar komt nog bij dat deze laatstgenoemde themes hoger gerangschikt zijn in mijn top 10 themes voor [2024] dan TheGem en Porto.



Advertisement

Divi Ad 680px



Scroll naar boven