Elementor Font-Awesome van CDN

Elementor Font-Awesome van CDN

code voor Elementor paginabouwer

Elementor is een populaire paginabouwer voor WordPress. Het komt gebundeld met Font-Awesome icons. Elementor is slim en laadt die bestanden niet wanneer je geen Font-Awesome gebruikt. Maar als je dat wel doet – zelfs slechts één – worden de pictogrammen en stijlen natuurlijk geladen. Helaas komen deze uit de plug-in directory en niet van een Content Delivery Network (CDN) dat veel beter is voor de snelheid van de website.

Hoe kun je dat bereiken? Met slechts een klein stukje code in het bestand functions.php van het ‘child theme’ of in een plug-in genaamd Code Snippets. Zie onderstaande code, waar we CloudFlare’s gratis CDN gebruiken:


function cambodesign_font_awesome () {
    wp_dequeue_style ('font-awesome');
    wp_enqueue_style ('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
}
add_action ('wp_enqueue_scripts', 'cambodesign_font_awesome', 100);

Let op het nummer ‘100’ aan het einde van ‘add_action’. Dit zorgt ervoor dat deze functie op het juiste tijdstip aangeroepen wordt.

Een alternatieve benadering is dat je font-awesome van een CDN haalt, vóórdat Elementor dat doet:


function cambodesign_font_awesome () {
wp_enqueue_style ('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
}
add_action ('wp_enqueue_scripts', 'cambodesign_font_awesome ()', 3);

Let op: we hebben ‘wp_dequeue_style’ verwijderd en het nummer in ‘add_action’ is nu ‘3’. Hiervoor moet je wel weten op welk punt in je thema Elementor font-awesome laadt. Als uw CDN-bestand eerder is geladen, wordt dat eenvoudig overgeslagen.