Invoering:
Als hartslag van talloze websites biedt WordPress een canvas voor creativiteit. Hier zullen we twee belangrijke instrumenten bekijken, ACF En Elementor, voor het maken van geweldige websites. Ze doen allebei verschillende coole dingen, maar ze willen allebei websites echt geweldig maken en gebruikers een geweldige ervaring bieden.
Elementor:
Elementor is een gebruiksvriendelijke en krachtige WordPress-plug-in voor het bouwen van pagina’s die veel aanpassingen biedt. Omdat er een drag-and-drop-interface is met zoveel vooraf ontworpen sjablonen, widgets en stijlopties, kunnen gebruikers de website bouwen zonder enige codeervaardigheden. Er zijn een “N” aantal functies beschikbaar. Laten we ze eens bekijken.
Voordelen:
Gebruiksvriendelijke interface:
Zelfs een gebruiker die geen voorkennis heeft, kan dingen uitproberen door met deze gebruiksvriendelijke interface te spelen.
Editor voor slepen en neerzetten:
Het heeft een editor voor slepen en neerzetten, waarmee de gebruiker de elementen eenvoudig kan slepen en neerzetten en ze naar behoefte kan gebruiken.
Realtime bewerken:
Met Elementor kun je dingen meteen bewerken. U brengt wijzigingen aan en ziet ze meteen, zonder te wachten.
Sjabloonbibliotheek:
Er zijn meer dan 300 door ontwerpers gemaakte sjablonen. U kunt degene kiezen die het beste bij uw project past. Dit maakt het bouwen van een website sneller en gemakkelijker voor u.
Uitgebreide widgetbibliotheek:
Het heeft een breed scala aan widgets of elementen die gebruikers aan hun pagina’s kunnen toevoegen. Het bevat primaire elementen zoals tekst, afbeelding en navigatiemenu, naast meer geavanceerde opties zoals formulier, schuifregelaar en getuigenis.
Reagerend ontwerp:
Websites gebouwd met Elementor zorgen voor responsiviteit op verschillende apparaten, waaronder tablets en telefoons.
Themabouwer:
Hiermee kunnen gebruikers niet alleen de inhoud van hun pagina’s aanpassen, maar ook de algehele themastructuur, inclusief kop- en voetteksten.
Dynamische inhoud:
Hiermee kunnen gebruikers dynamische gegevens van WordPress en plug-ins van derden rechtstreeks in hun ontwerpen integreren.
Regelmatige updates:
Het wordt actief onderhouden en regelmatig bijgewerkt om compatibiliteit met de nieuwste versies van WordPress te garanderen.
Uitdagingen:
- Compatibiliteit met andere plug-ins: Er kunnen compatibiliteitsproblemen optreden met sommige WordPress-plug-ins. In dergelijke gevallen kan dit de functionaliteit van de website beïnvloeden, dus we moeten het probleem oplossen.
- Prestatieproblemen: Het gebruik van zware ontwerpelementen, animaties of functies kan de laadtijden van de website beïnvloeden.
- Afhankelijkheid van shortcodes: Als de gebruiker ervoor kiest om over te stappen naar een andere paginabuilder, zijn de shortcodes die Elementor gebruikt een beetje uitdagend en hebben ze wat moeite nodig om op te ruimen.
- Beperkte stylingopties in de gratis versie: Sommige geavanceerde stijlopties en functies zijn alleen beschikbaar in de Pro-versie.
Geavanceerde aangepaste velden
Advanced Custom Fields (ACF) is de beste oplossing voor het maken van een unieke, op maat gemaakte website. Het valt op als de beste keuze als we kiezen voor ontwikkeling op maat, omdat we onze website kunnen aanpassen zoals wij dat willen.
Voordelen:
Uitgebreide documentatie:
Het bevat gedetailleerde documentatie over de velden die nuttig kunnen zijn bij het bouwen van de website en biedt ook een ondersteunende community.
Gemakkelijke aanpassing en flexibiliteit:
U kunt eenvoudig verschillende soorten aangepaste velden toevoegen, zoals tekst, afbeeldingen en repeatervelden. Het geeft zoveel flexibiliteit bij het aanpassen van de lay-out volgens de projectideeën.
Compatibiliteit:
Het integreert moeiteloos met verschillende plug-ins en thema’s, maar is ook compatibel met verschillende elementen binnen het WordPress-platform.
Gegevens importeren/exporteren:
De aangepaste veldconfiguraties kunnen tussen verschillende websites worden geïmporteerd/geëxporteerd.
Schaalbaarheid
Het is schaalbaar en geschikt voor zowel kleine websites als grote, complexe projecten.
Ontwikkelaarvriendelijk:
Het biedt hooks en filters voor het bevorderen van maatwerk, zodat de ontwikkelaars de functionaliteit kunnen uitbreiden volgens de behoeften van het project.
Voorwaardelijke logica:
Het ondersteunt voorwaardelijke logica, waardoor velden op basis van bepaalde voorwaarden kunnen worden weergegeven of verborgen.
Compatibiliteit met paginabouwers:
Het is compatibel met populaire plug-ins voor het maken van pagina’s, dus er zijn veel manieren om inhoud eenvoudig te ontwerpen en ordenen.
Het is als een controlecentrum waar sommige wijzigingen voor de hele website op één plek kunnen worden aangebracht, zoals algemene secties.
Alle gegevens die op een optiepagina worden opgeslagen, zijn globaal en worden opgeslagen in de tabel wp_options, en zijn niet specifiek voor een bepaald bericht of een bepaalde pagina. De gegevens kunnen dus overal op de site beschikbaar zijn.
Om de ‘optiepagina’s’ te vinden, navigeert u naar ACF in het WordPress-beheerderspaneel en selecteert u ‘Optiepagina’s’.
Flexibele inhoud:
Flexibele inhoud is als een canvas. U kunt verschillende lay-outs en subvelden toevoegen en volledige controle hebben over wat u toevoegt. Hierdoor kunt u uw inhoud precies zo ontwerpen en bijwerken als u dat wilt. Elke lay-out kan verschillende soorten inhoudsvelden bevatten, wat flexibiliteit biedt bij het structureren van de inhoud.
In eerste instantie wordt in ACF voor elke pagina een afzonderlijk sjabloon gemaakt en worden de secties hardgecodeerd in de sjablonen. Het nadeel hiervan is dat als we een sectie op een andere pagina willen hergebruiken, we die sectie opnieuw moeten hardcoderen in de sjabloon van de andere pagina.
Voordelen van het gebruik van flexibele inhoud:
- Het grote voordeel van het gebruik van flexibele inhoud is dat het als een blok werkt en het mooie is dat we deze blokken kunnen hergebruiken. Het is voldoende als we één keer code schrijven voor het weergeven van de velden die in elk blok worden gebruikt.
- Door flexibele inhoud te gebruiken, kunnen veel secties worden gemaakt.
- Als we bijvoorbeeld 20 secties voor een website maken, kunnen we elk van deze secties aan een pagina toevoegen en deze in elke gewenste volgorde plaatsen door de secties eenvoudigweg te slepen en neer te zetten, zoals we vroeger in Elementor deden.
- En we kunnen deze blokken ook dupliceren als we nog een nieuw blok maken met een aantal vergelijkbare velden.
- We kunnen een reeks stijlen maken, zoals achtergrondkleur, uitlijning, achtergrondafbeelding, opvulling, marge enz. door de velden in ACF te gebruiken, en dan kunnen we ze met deze blokken gebruiken door een veld te gebruiken met de naam “kloon”.
- We kunnen deze blokken ook herschikken op een pagina door ze eenvoudigweg omhoog en omlaag te slepen in de volgorde waarin we ze willen plaatsen.
- En we kunnen voorwaardelijke logica gebruiken voor de flexibele inhoudsvelden, waardoor bepaalde lay-outs kunnen verschijnen op basis van de waarden van andere velden.
Aangepast berichttype:
Aanvankelijk waren er twee manieren om aangepaste berichttypen te maken in WordPress.
- Een daarvan gebruikt plug-ins zoals Custom Post Type UI (CPT UI).
- En een andere is het toevoegen van een code voor het maken van een aangepast berichttype in het function.php-bestand.
Maar nu heeft ACF PRO een nieuwe optie toegevoegd om de aangepaste typen zelf te maken. Aangepaste berichttypen worden in principe gebruikt voor het creëren van een gepersonaliseerde inhoudsstructuur. We kunnen elk gewenst aantal aangepaste berichttypen toevoegen op basis van de vereisten.
Deze worden gebruikt voor het opslaan van verschillende gegevens, behalve berichten en pagina’s. Bovendien biedt WordPress een beheerdersinterface om deze gegevens en URL te verwerken, zodat gebruikers deze gegevens op de voorkant van de website kunnen bekijken.
Taxonomie:
Het helpt om speciale categorieën of groepen te creëren op basis van de projectvereisten. Voor nieuwsartikelen kunnen we bijvoorbeeld taxonomieën maken zoals sport, entertainment en zaken.
Uitdagingen:
- Leercurve: Het vereist enig leren begrijpen hoe dingen achter de schermen werken om grip te krijgen op ACF en het aan te passen op basis van de vereisten.
- Codeafhankelijkheid: Het gebruik van ACF kan een uitdaging zijn voor degenen die niet bekend zijn met of zich niet op hun gemak voelen met coderen.
- Interfacevergelijking: De gebruikersinterface van de editor is niet zo gebruiksvriendelijk als die van Elementor. Sommige gebruikers vinden het misschien een beetje ingewikkeld om te navigeren en te gebruiken.
- Stylingverschillen: In Elementor heb je talloze stijlopties beschikbaar voor elementen. Met ACF moet je echter handmatig de code schrijven om alles helemaal opnieuw op te maken.
Conclusie:
Daarom hangt de beslissing tussen Elementor en ACF volledig af van de specifieke behoeften van het project. ACF blinkt uit in het organiseren van gegevens en het is net als de architectuur van de inhoud. Hoewel Elementor geweldig is voor het visueel bouwen van pagina’s, gaat ACF verder dan de oppervlakte. Het is veelzijdig, waardoor we verschillende aangepaste gegevensstructuren kunnen creëren die veel verder gaan dan pagina-indelingen. Het is lichtgewicht en richt zich op maatwerk. Het vermijdt onnodige functies, waardoor het efficiënt is voor gerichte en impactvolle veranderingen zonder overweldigende complexiteit.
