Wilt u geanimeerde GIF's toevoegen aan uw artikelen? WordPress blog ?

Soms wanneer u een toevoegt GIF geanimeerd op WordPress, verliest het zijn animatie en wordt het weergegeven als een statische afbeelding.

in deze tutoriel, laten we je zien hoe je geanimeerde GIF's correct kunt toevoegen WordPress.

Opgemerkt moet worden dat sommige WordPress plugins kan worden geïnstalleerd, als je niet weet hoe je het moet doen, ontdek Hoe maak je een plugin in WordPress installeren

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Hoe geanimeerde gif toe te voegen aan wordpress 1 e1565163903841

Waarom worden geanimeerde GIF's omgezet in een statische afbeelding op WordPress?

WordPress wordt geleverd met een mediamanager gemakkelijk te gebruiken en waarmee u afbeeldingen aan uw WordPress-berichten of -pagina's kunt toevoegen. Wanneer u een afbeelding uploadt met de mediabeheerder, maakt WordPress automatisch meerdere exemplaren van verschillende maten van deze foto.

Ontdek het om verder te gaan Hoe u uw bulkmedia uploadt op WordPress

Er zijn drie standaardafbeeldingsformaten: miniatuur, medium en groot. Het behoudt ook uw originele afbeelding.

Wordpress afbeeldingsgrootte lijst

Wanneer u nieuwe afbeeldingsformaten maakt voor geanimeerde GIF's, slaat WordPress uiteindelijk alleen de eerste afbeelding van de GIF op.

Als je nu een van deze afbeeldingsformaten aan je bericht of pagina toevoegt, zijn het statische GIF's zonder animatie.

Ontdek ook de 9 WordPress plug-ins om uw mediabibliotheek te optimaliseren

Met dat gezegd, laten we eens kijken hoe we geanimeerde GIF's op de juiste manier aan WordPress kunnen toevoegen zonder animatie te verliezen.

Voeg geanimeerde GIF's correct toe aan WordPress

Eerst moet je het bericht of de pagina bewerken waaraan je de geanimeerde GIF wilt toevoegen en op de knop " Voeg een medium toe .

Voeg media toe op wordpress

Hierdoor wordt het pop-upvenster van de WordPress media-editor weergegeven. U moet op de " Stuur bestanden»En selecteer het geanimeerde GIF-bestand u wilt publiceren.

Na het downloaden van het bestand selecteert u de "fullsizeIn de sectie "Instellingen voor weergave van bijlagenAan de rechterkant.

Origineel formaat wordpress mediatheek

Klik daarna op de knop Invoegen in het artikel"Om door te gaan.

WordPress voegt je geanimeerde GIF in de berichteditor in.

Ontdek veel grafische bronnen door Graphicriver te bezoeken

Deze afbeelding op volledige grootte is de originele geanimeerde GIF die u naar WordPress hebt geüpload. Je zult de animatie meteen zien spelen in de berichteditor.

Wordpress visuele editor

Blijf uw publicatie bewerken of opslaan.

Bonustips voor het gebruik van geanimeerde GIF's in WordPress

Geanimeerde GIF-afbeeldingen zijn over het algemeen groter van formaat. Dit komt omdat ze meerdere afbeeldingen bevatten die zijn gecomprimeerd en als afbeeldingen worden gebruikt om de animatie te maken.

Het toevoegen van te veel GIF-afbeeldingen aan een WordPress-pagina kan het laden van uw website vertragen. 

Ga verder door te ontdekken Waarom u moet beginnen met het optimaliseren van uw WordPress-blog op basis van afbeeldingen

Als u Giphy gebruikt om geanimeerde GIF's te vinden, kunt u de plug-in vinden Giphypress, wat in dit geval erg handig zal zijn. Hiermee kunt u vanaf uw WordPress-dashboard naar GIF's in de Giphy-database zoeken en GIF's toevoegen zonder uw website te verlaten.

Zie onze handleiding over het toevoegen van GIF's van Giphy aan voor meer informatie WordPress met Giphypress.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. WP Media Manager

WP Media Manager is een van de beste en krachtigste WordPress plugins beheer van de mediabibliotheek. Het is geweldig in het beheren van mappen en dankzij het gebruiksgemak kunt u uw duizenden mediabestanden ordenen.

Wp media manager de gemakkelijkste plug-in voor wordpress media manager

Gebruik eenvoudig de methode slepen en neerzetten om mediabestanden in mappen / submappen in te voegen. Deze mogelijkheid verbetert niet alleen het bestandsbeheer, maar stelt u ook in staat om mappen te beheren. Dit is meestal een must voor beginnende gebruikers.

Lees ook; Laadtijd: succesfactor voor e-commerce

Ce WordPress Plugin heeft functies zoals het maken van mappen, het filteren hiervan, 3 prachtige responsieve galerijen, de mogelijkheid om bestanden te dupliceren, het creëren van een onbeperkte hiërarchie en vele andere ...

Downloaden | demonstratie | web hosting

2. WP Real Media Library

WP Real Media Library (RML) is een van de meest begeerde plug-ins voor mediabeheer op het WordPress-platform. Het is gemakkelijk te gebruiken en u kunt in feite duizenden afbeeldingen in mappen ordenen.

Wordpress echte mediabibliotheek media categorieën mappen bestandsbeheer

Het gebruik ervan is heel eenvoudig. Gebruik uw muis (of tik op) om uw bestanden te slepen en neer te zetten. U kunt eenvoudig uw mappen op uw website maken, hernoemen, verwijderen en reorganiseren. Als u een afbeelding moet selecteren, kunt u bijvoorbeeld uw bibliotheek filteren om uw bestand snel te vinden.

WP Real Media Library ondersteunt al uw afbeeldingen, evenals uw mediabestanden, zodra deze is geïnstalleerd. Het ondersteunt ook het multisite-netwerk van WordPress.

Downloaden | demonstratie | web hosting

3. Visuele restaurantreservering

Maak het systeem online boeken van uw restaurant- of caféwebsite, dankzij deze uitstekende plug-in. Met de laatste heb je de mogelijkheid om zelf tafels en stoelen te maken op het rooster dat deze plug-in biedt en je klanten de gratis te laten reserveren, dit is het belangrijkste kenmerk van deze plug-in en wat het onderscheidt van de andere plug-ins in deze lijst.Visuele restaurantreservering

Met slepen en neerzetten kunt u verschillende soorten tafels naar het rooster van uw restaurant slepen en bereken het maximale aantal zitplaatsen voor elke tafel evenals het aantal tafels. Bezoekers van uw restaurant kunnen de vorm van de tafel kiezen die hun voorkeur heeft en de locatie van deze laatste ten opzichte van de andere tafels in het raster.

Ontdek ook onze 6 WordPress plug-ins om uw factureringssysteem te verbeteren

De klanten van uw restaurant zullen deze keuze graag op internet maken in plaats van reizen. Met deze plug-in kunnen ze een idee krijgen van wat hen vandaag te wachten staat.

Het biedt onder andere: Drag and Drop-ondersteuning, 3-types van reserveringssysteem, een redelijk intuïtieve bediening, volledige aanpassing van de lay-out en nog veel meer.

Downloaden | demonstratie | web hosting

Andere aanbevolen bronnen

Ontdek ook deze bronnen waarmee u de SEO en het verkeer van uw website kunt optimaliseren of stimuleren

Conclusie

Alstublieft ! Dat is alles voor deze zelfstudie, we hopen dat u hiermee eenvoudig geanimeerde GIF's kunt toevoegen aan uw WordPress-blog. Wij raden u aan deel dit artikel op uw verschillende sociale netwerken.

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...