De File Manager in DirectAdmin is een webgebaseerde interface die je in staat stelt om bestanden en mappen op je webserver te beheren. Dit betekent dat je toegang hebt tot alle bestanden en mappen van je website zonder dat je een FTP-client of andere externe software nodig hebt.

Filemanager DirectAdminFuncties van de DirectAdmin File Manager

Met de File Manager in DirectAdmin kun je eenvoudig bestanden van je lokale computer naar de server uploaden en vice versa, wat handig is voor het toevoegen van nieuwe website bestanden of het downloaden van back-ups. Je kunt tekstbestanden zoals HTML, CSS, en PHP direct op de server bewerken met de ingebouwde editor, zonder de bestanden te hoeven downloaden en opnieuw te uploaden.

Ook kun je nieuwe bestanden en mappen aanmaken om je website georganiseerd te houden, en bestanden en mappen eenvoudig verplaatsen, kopiëren of verwijderen om de juiste structuur te behouden en ongewenste bestanden op te ruimen.

Daarnaast kun je de lees-, schrijf- en uitvoerrechten van bestanden en mappen aanpassen, wat belangrijk is voor de beveiliging van je WordPress website en ervoor zorgt dat alleen geautoriseerde gebruikers toegang hebben tot bepaalde bestanden.

File Manager in DirectAdmin uitleg

  1. Inloggen op DirectAdmin:
    • Ga naar de inlogpagina van DirectAdmin en voer je gebruikersnaam en wachtwoord in om toegang te krijgen tot het controlepaneel.
  2. Filemanager DirectadminNavigeren naar de File Manager:
    • In het hoofdmenu van DirectAdmin, zoek je naar het gedeelte Account Manager en klik je op File Manager. Dit opent de webgebaseerde interface voor bestandsbeheer.
  3. Bestanden en mappen beheren:
    • Bestanden uploaden: Klik op de knop Upload files. Selecteer de bestanden die je wilt uploaden vanaf je computer en bevestig je keuze.
    • Bestanden bewerken: Navigeer naar het bestand dat je wilt bewerken, klik op het bestand en selecteer de optie edit. Voer je wijzigingen door en sla het bestand op.
    • Nieuwe mappen/bibliotheken aanmaken: Klik op create directory, geef de nieuwe map een naam en klik op create.
    • Bestanden verplaatsen/Kopiëren: Selecteer het bestand of de map, klik op move/copy, en kies de doelmap waar je het item naartoe wilt verplaatsen of kopiëren.
    • Bestanden verwijderen: Selecteer het bestand of de map die je wilt verwijderen en klik op de delete knop. Bevestig de verwijdering.
  4. Bestandsrechten aanpassen:
    • Klik met de rechtermuisknop op het bestand of de map waarvoor je de rechten wilt wijzigen en selecteer change permissions. Pas de rechten aan zoals nodig en sla de wijzigingen op.

De File Manager in DirectAdmin is een handig hulpmiddel voor het beheren van de bestanden en mappen van je WordPress website. Het biedt een eenvoudige interface waarmee je bestanden kunt uploaden, bewerken, organiseren en beveiligen. Of je nu een ervaren WordPress agency bent of een website eigenaar die zijn eigen website wil beheren, de File Manager maakt het proces eenvoudig en efficiënt.

Een footer is het onderste gedeelte van een WordPress website dat meestal op elke pagina terugkomt. In een WordPress website dient de footer verschillende belangrijke functies en kan deze worden aangepast om zowel informatief als functioneel te zijn.

Functies van een footer in WordPress

Waar kun je een footer voor inzetten? Wij geven je een aantal opties die we zelf vaak inzetten in onze WordPress projecten.

Informatieve inhoud: De footer bevat vaak in ieder geval informatie zoals contactgegevens, openingstijden, en links naar belangrijke pagina’s zoals de privacybeleid, algemene voorwaarden, en een sitemap.

Navigatie en SEO: Veel websites gebruiken de footer als een extra navigatiegebied. Hier kunnen bezoekers snel toegang krijgen tot belangrijke secties van de site zonder terug naar het hoofdmenu te hoeven scrollen. Dit zijn vaak ook belangrijke interne links in je SEO structuur van je website.

Social media links: Footers zijn populaire plekken om links naar sociale media profielen toe te voegen. Dit helpt om je online aanwezigheid te vergroten en bezoekers te verbinden met je sociale kanalen.

Nieuwsbrief aanmeldingen: Veel bedrijven plaatsen een aanmeldingsformulier voor hun nieuwsbrief in de footer, zodat bezoekers gemakkelijk kunnen inschrijven voor updates en aanbiedingen in bijvoorbeeld ActiveCampaign of Mailerlite.

Copyright informatie: De footer bevat vaak copyrightinformatie om de auteursrechten van de website-eigenaar te beschermen. Deze vind je vaak helemaal onderaan.

Footer aanpassen WordPress

WordPress biedt verschillende manieren om de footer van je website aan te passen. We hebben de vier meest gebruikte voor je op een rijtje gezet.

  1. Via de Customizer:
    • Ga naar je WordPress dashboard.
    • Navigeer naar Weergave > Customizer.
    • Zoek naar de optie voor de Footer. Hier kun je vaak tekst, widgets, en andere inhoud toevoegen en aanpassen.
  2. Widgets Gebruiken:
    • Ga naar Weergave > Widgets.
    • Voeg widgets toe aan de voettekstsecties. Widgets kunnen verschillende soorten inhoud bevatten zoals tekst, recente berichten, categorieën, en meer.
  3. Thema Opties:
    • Sommige thema’s, zoals het populaire Avada thema of Elementor, hebben specifieke instellingen voor de footer in hun thema-opties. Hier kun je vaak de lay-out, kleuren, en inhoud aanpassen.
  4. Custom Code:
    • Voor meer geavanceerde aanpassingen kun je de footer aanpassen via het thema’s footer.php bestand. Dit vereist enige kennis van HTML, CSS en mogelijk PHP.

Wat is jQuery?

jQuery is een snelle, kleine en feature-rijke JavaScript-bibliotheek. Het maakt dingen zoals HTML-document traversing, event handling, animatie en Ajax veel eenvoudiger met een gemakkelijk te gebruiken API die werkt in een groot aantal browsers.

Het primaire doel van jQuery is om het voor ontwikkelaars gemakkelijker te maken om JavaScript op hun websites te implementeren.

jQuery in WordPress

WordPress maakt veel gebruik van jQuery om de functionaliteit en interactiviteit van WordPress websites te verbeteren. Hier zijn enkele manieren waarop jQuery wordt gebruikt in WordPress:

  1. Thema’s en plugins: Veel WordPress-thema’s en -plugins gebruiken jQuery om interactieve elementen toe te voegen, zoals sliders, pop-ups, tabbladen en meer. Dit helpt om een rijkere gebruikerservaring te creëren zonder uitgebreide JavaScript-codering.
  2. Core functionaliteit: WordPress zelf gebruikt jQuery voor verschillende kernfunctionaliteiten binnen de admin-omgeving. Dit omvat alles van het slepen en neerzetten van widgets tot het beheren van mediabestanden.
  3. Compatibiliteit: jQuery biedt een uniforme API die werkt in een groot aantal browsers, wat betekent dat ontwikkelaars zich minder zorgen hoeven te maken over cross-browser compatibiliteit.
  4. Eenvoud van gebruik: De syntaxis van jQuery is ontworpen om gemakkelijker en beknopter te zijn dan traditionele JavaScript, wat het voor ontwikkelaars sneller maakt om functies te implementeren en problemen op te lossen.

Inladen van jQuery in WordPress

WordPress laadt standaard al jQuery in voor zowel de front-end als de back-end. Echter, als je jQuery specifiek in je thema of plugin wilt inladen, kun je dit doen via het functions.php bestand van je thema:

function my_theme_enqueue_scripts() {
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_scripts');

FacetWP ververst automatisch wanneer er een interactie met een facet plaatsvindt. Het is mogelijk om deze functie uit te schakelen en in plaats daarvan een verzend/toepas/filter knop toe te voegen, zodat de gebruiker zelf de filtering van de resultaten kan initiëren.

FacetWP autorefresh uitschakelen

Om de auto-refresh functionaliteit van FacetWP uit te schakelen, voeg je de volgende code toe aan het functions.php bestand van je (child) thema:

add_action( 'wp_footer', function() {
  ?>
  
  <?php
}, 100 );

De bovenstaande code zal auto-refresh voor alle facettypes uitschakelen, behalve voor Pager-facetten en Reset-facetten. Indien nodig kun je auto-refresh opnieuw inschakelen voor individuele facetten of facettypes met FWP.refresh(), bijvoorbeeld wanneer je een Sorteer-facet gebruikt.

Button toevoegen aan pagina

Na het uitschakelen van de auto-refresh functionaliteit in stap 1, kun je een knop aan je pagina toevoegen zodat de gebruiker handmatig alle gemaakte facetselecties kan toepassen. Je kunt de knop stylen zoals je wilt. Het belangrijkste is dat de FWP.refresh() methode wordt geactiveerd bij het klikken:

<button onclick="FWP.refresh()">Apply</button>

Meer details vind je op de website van FacetWP.

FacetWP’s Listing Builder stelt je in staat om snel en visueel een resultatenlijst te ontwerpen. Het is een handig alternatief voor het zelf bouwen van WP-archiefpagina’s of aangepaste WP_Query-lussen.

Na het bouwen van de lijstsjabloon kun je deze op elke WordPress pagina weergeven met een shortcode of direct in een sjabloon opnemen met PHP. Vervolgens kun je een willekeurig aantal facetten op de pagina plaatsen om ermee te interageren.

Het is zelfs mogelijk om meerdere lijstsjablonen op dezelfde pagina te hebben: één is de dynamische lijst waarmee de facetten op de pagina interageren, en de andere zijn “statische” lijsten.

Als je liever je post loops en query-argumenten met de hand codeert, kun je nog steeds profiteren van de Listing Builder door de Dev-modus te gebruiken.

FacetWP uitleg

Navigeer naar Instellingen > FacetWP, klik op het tabblad Listings en vervolgens op Nieuw toevoegen.

Dev mode FacetWP template

Nieuwe sjablonen gebruiken standaard de “visuele” Listing Builder. Als je echter meer flexibiliteit nodig hebt en ervaring hebt met WordPress-codering, kun je zowel het tabblad Weergave als het tabblad Query onafhankelijk van elkaar naar “Dev mode” schakelen door het selectievakje aan de rechterkant aan te klikken.

In de Dev-modus kun je PHP gebruiken om de uitvoer van de lijstsjabloon en de query-argumenten te bouwen.

Houd er rekening mee dat, hoewel je elk tabblad vrij kunt schakelen tussen de “visuele modus” en de Dev-modus, de twee modi niet aan elkaar gerelateerd zijn (behalve tijdelijk wanneer je de knop Convert to query args gebruikt). Voor zowel het tabblad Weergave als het tabblad Query gebruikt een lijstsjabloon één modus: de modus waarin je de tabbladen laat staan wanneer je de lijstsjabloon opslaat, wordt gebruikt.

Je kunt ook modi mixen. Je kunt bijvoorbeeld de visuele modus gebruiken in het tabblad Weergave en de Dev-modus in het tabblad Query.

Meer informatie vind je in het artikel van FacetWP.

Wat is de UX Builder in het Flatsome Thema?

De UX Builder is een krachtige en gebruiksvriendelijke visuele paginabouwer die speciaal is ontworpen voor het Flatsome thema. Als je werkt met het Flatsome thema, biedt de UX Builder een intuïtieve manier om je WordPress website te ontwerpen en aan te passen zonder enige kennis van codering. Hier zijn de belangrijkste aspecten van de UX Builder:

Visuele paginabouwer

De UX Builder is een drag-and-drop paginabouwer, wat betekent dat je eenvoudig elementen kunt slepen en neerzetten om je pagina’s te ontwerpen. Je kunt direct zien hoe je veranderingen eruitzien terwijl je ze aanbrengt, wat het ontwerpen van een website veel gemakkelijker en sneller maakt.

Elementen UX builderDe UX Builder wordt geleverd met een uitgebreide bibliotheek van vooraf gebouwde elementen en secties, zoals banners, knoppen, iconen, schuifregelaars, en meer. Deze elementen kunnen eenvoudig worden aangepast en gecombineerd om unieke en aantrekkelijke pagina’s te maken.

Met de UX Builder in het Flatsome thema kun je volledige controle hebben over de lay-out van je pagina’s. Je kunt kolommen, rijen en containers toevoegen en aanpassen, waardoor je flexibiliteit hebt in hoe je content wordt gepresenteerd. Dit is bijzonder handig voor het creëren van responsieve ontwerpen die er goed uitzien op zowel desktop- als mobiele apparaten.

Live preview

Een van de meest handige functies van de UX Builder is de live preview optie. Hiermee kun je in real-time zien hoe je pagina eruitziet terwijl je deze bewerkt. Dit maakt het gemakkelijk om direct aanpassingen te doen en de resultaten meteen te zien.

Integratie met WooCommerce

Voor e-commerce websites biedt de UX Builder naadloze integratie met WooCommerce. Je kunt productpagina’s, winkelpagina’s en afrekenpagina’s aanpassen en optimaliseren om de winkelervaring voor je klanten te verbeteren.

De UX Builder is ontworpen om snel en efficiënt te werken, zelfs op grotere websites met veel content. Dit helpt bij het minimaliseren van laadtijden en zorgt voor een soepele ontwerpervaring.

Voor meer gedetailleerde informatie over de functies en mogelijkheden van de UX Builder, kun je de officiële documentatie van Flatsome raadplegen.

Als je een FacetWP listing gebruikt om producten uit WooCommerce te tonen dan heb je geen ‘add to cart’ knop bij de producten staan. Als je deze toe wilt voegen kun je deze code uit dit artikel in de functions.php van je WordPress thema toevoegen en een knop met genoemde css class in je listing. Dan los je dit probleem op.

FacetWP listing add to cart code

add_filter( 'facetwp_builder_item_value', function( $value, $item ) {
    if ( 'add-to-cart' == $item['settings']['name'] ) {
        global $post;
        $value = do_shortcode( '[add_to_cart id="' . $post->ID . '"]' );
    }
    return $value;
}, 10, 2 );

Button in listing met class

Voeg een knop toe in de FacetWP listing en geef deze de unique name add-to-cart.

Meer informatie vind je op deze link.

Een alt tekst (alternatieve tekst) is een beschrijving die je toevoegt aan afbeeldingen op je WordPress website. Deze tekst wordt gebruikt door zoekmachines om beter te begrijpen waar de afbeelding over gaat, en helpt ook bezoekers met een visuele beperking die schermlezers gebruiken om de inhoud van je website te begrijpen.

Alt tekstAlt tekst belangrijk?

Waarom zijn alt teksten bij afbeeldingen in je webshop of website van belang? We geven je drie redenen.

  1. SEO: Zoekmachines gebruiken alt teksten om de inhoud van je afbeeldingen te indexeren, wat kan helpen om je website hoger in de zoekresultaten te laten verschijnen.
  2. Toegankelijkheid: Alt teksten maken je website toegankelijker voor mensen met een visuele beperking.
  3. Foutmeldingen: Als een afbeelding niet kan worden geladen, wordt de alt tekst weergegeven in plaats van de afbeelding.

Hoe voeg je Alt tekst toe in WordPress?

  1. Upload of selecteer een afbeelding:
    • Ga naar je WordPress dashboard en navigeer naar de pagina of het bericht waar je een afbeelding wilt toevoegen.
    • Klik op Media toevoegen en upload een nieuwe afbeelding of selecteer een bestaande uit je mediabibliotheek.
  2. Alt tekst toevoegen:
    • Nadat je de afbeelding hebt geselecteerd, zie je aan de rechterkant een aantal velden.
    • Zoek het veld Alt tekst (alternatieve tekst).
    • Vul hier een beschrijvende tekst in die uitlegt wat er op de afbeelding te zien is. Zorg ervoor dat de beschrijving relevant en duidelijk is.
  3. Afbeelding invoegen:
    • Klik op invoegen in bericht/pagina om de afbeelding met de toegevoegde alt tekst in je content te plaatsen.

Door alt teksten toe te voegen, verbeter je zowel de SEO als de toegankelijkheid van je website, wat leidt tot een betere gebruikerservaring voor al je bezoekers.

Bezoekers van je WordPress website wil je stimuleren om jouw content te delen op sociale media zoals Pinterest. Een handige manier om dit te doen is door een Pinterest bewaarknop toe te voegen aan je WordPress website. Hier is een korte uitleg over hoe je dit kunt doen met behulp van een gratis WordPress plugin.

Plugin installeren

De makkelijkste manier om een Pinterest bewaarknop toe te voegen is door een WordPress plugin te installeren. Ga naar je WordPress dashboard, ga naar Plugins > Nieuwe Plugin en zoek naar “Pinterest Pin It Button”. Kies een plugin zoals “Weblizar Pin It Button On Image Hover And Post” en klik op Nu installeren en vervolgens op Activeren.

Weblizar Pin It Button On Image Hover And Post

Pin It Plugin configureren

Na de installatie ga je naar Instellingen > Pinterest Pin It in je dashboard. Hier kun je de knopinstellingen configureren, zoals waar de knop moet verschijnen (bijvoorbeeld op alle afbeeldingen of alleen op specifieke posttypes), de stijl van de knop en eventuele extra opties zoals hover-effecten.

Zonder plugin Pinterest bewaarknop toevoegen

Als je geen plugin wilt gebruiken, kun je de Pinterest bewaarknop handmatig toevoegen door de officiële Pinterest widget code te gebruiken. Ga naar de Pinterest Widget Builder en genereer de knopcode. Voeg deze code vervolgens toe aan de HTML van je website, bij voorkeur in je thema’s header- of footer-bestand via Weergave > Bewerker in je WordPress dashboard.

Door een Pinterest bewaarknop toe te voegen, maak je het voor bezoekers gemakkelijk om je content te delen, wat kan helpen om het bereik en de zichtbaarheid van je website te vergroten.