• Home
  • Nieuws
  • Afbeeldingen optimaliseren voor WordPress Elementor Plugin

Afbeeldingen optimaliseren voor WordPress Elementor Plugin

Het concept van modulaire blokken waaruit WordPress-berichten en -pagina's bestaan, kwam samen met Gutenberg, maar eigenlijk is WordPress zelf modulair van structuur. Neem bijvoorbeeld uw WordPress Mediabibliotheek. U kunt afbeeldingen uploaden en ze gebruiken in berichten of pagina's, ongeacht de editor die u gebruikt. In dit artikel richten we ons specifiek op Elementor en hoe u afbeeldingen kunt optimaliseren met ImageRecycle .

 Hoes

Net als Gutenberg is Elementor een Wordpress-editor waarmee je berichten of pagina's kunt maken terwijl je ziet hoe ze eruit zullen zien voor je lezers. De structuur van Elementor is ook vergelijkbaar met die van Gutenberg omdat het gebruik maakt van het inmiddels bekende concept van blokken. Dat maakt het gebruik van de WordPress Media Library nog eenvoudiger, ook bij het toevoegen van geoptimaliseerde afbeeldingen. Maar eerst en vooral: hoe optimaliseer je afbeeldingen op WordPress?

 

Afbeeldingen optimaliseren met ImageRecycle

Als je ImageRecycle nog nooit hebt gebruikt , is het optimaliseren van WordPress-afbeeldingen een snel en eenvoudig proces. U moet eerst de ImageRecycle plug- in downloaden en installeren op uw WordPress-website. Nadat je de plug-in hebt geïnstalleerd, ga je naar de configuratie onder het instellingenmenu en voer je je API-sleutel en geheim in. Sla wijzigingen op en als de sleutel en het geheim overeenkomen, kunt u onmiddellijk beginnen met het optimaliseren van afbeeldingen.

1. Opstelling

 

U kunt de hoofdinterface van ImageRecycle vanuit het mediamenu . Deze pagina is eenvoudig en redelijk rechttoe rechtaan te gebruiken. Het geeft een overzicht van alle afbeeldingen in uw mediabibliotheek en hun formaten en compressieverhoudingen. U kunt op het optimaliseren knop naast afzonderlijke beelden om ze te comprimeren, of op het optimaliseren van alle knop om alle beelden tegelijk te optimaliseren.

Veel van wat er gebeurt tijdens compressie hangt af van ImageRecycle . U kunt er bijvoorbeeld voor kiezen om de beste opslag of compressie van originele kwaliteit te gebruiken, waarmee u afbeeldingen tot respectievelijk 80% en 20% kunt comprimeren. hier meer lezen over het verschil tussen deze twee modi .

2. Optimaliseer

 

Welke optimalisatiemodus u ook kiest, deze afbeeldingen worden opgeslagen in uw WordPress-mediabibliotheek, wat betekent dat u ze kunt gebruiken in uw berichten en pagina's ... ongeacht welke editor u gebruikt. In de rest van dit artikel richten we ons op één bepaalde editor: Elementor.

 

Geoptimaliseerde afbeeldingen gebruiken in Elementor

Elementor is een krachtige editor voor WordPress-berichten en -pagina's. Net als Gutenberg organiseert het inhoud in blokken, die elk een ander element vertegenwoordigen. Zoals u weet, is geen enkele website echt compleet zonder afbeeldingen en Elementor ontbreekt niet in het domein van afbeeldingsblokken. Dit is waar de mediabibliotheek binnenkomt.

3. Afbeeldingsblokken

 

We begonnen het artikel door uit te leggen dat WordPress zelf nogal modulair is, en dit is waar het allemaal samenkomt. Waar zou Elementor zijn afbeeldingen vandaan halen, zo niet uit de mediabibliotheek? Dat wil zeggen, dezelfde WordPress-mediabibliotheek die u zojuist hebt geoptimaliseerd met ImageRecycle .

Het gebruik van de gecomprimeerde afbeeldingen van ImageRecycle in Elementor is net zo eenvoudig als het slepen en neerzetten van een afbeeldingsblok - of het nu gaat om een ImageRecycle , een carrousel, galerij of iets anders - en het laden van de afbeeldingen. U kiest afbeeldingen rechtstreeks uit de WordPress Media Library, die de gecomprimeerde afbeeldingen automatisch laadt.

4. Kies Afbeelding

 

WordPress is in wezen modulair en het zou zonde zijn om er geen gebruik van te maken. ImageRecycle sluit aan op elke editor die u gebruikt, zonder uw workflow te ImageRecycle . Het enige dat u hoeft te doen, is afbeeldingen optimaliseren en later in uw blog invoegen, zodat u de ervaring van uw WordPress-lezers kunt optimaliseren, ongeacht de editor die u gebruikt.

    Reacties | Voeg de jouwe toe
      • Geen commentaren gevonden

      Linguise vertaling mobiel