Hoe GIF-animaties aan WordPress toe te voegen

Rifat WordPress-zelfstudies Jan 26, 2023

Tegenwoordig domineren GIF's (Graphics Interchange Format) het web. Sinds 1987 zijn er voorbeelden geweest van dit alomtegenwoordige fenomeen, maar ze zijn nog nooit zo gewoon geweest als nu.
Welke sociale netwerksite je ook bezoekt, je zult uiteindelijk de GIF van de intelligente denker tegenkomen. Mensen nemen GIF's op in hun teksten, vakantie-e-cards of websites en gebruiken ze op sociale mediaplatforms wanneer ze een grap willen delen, emotie willen tonen of hun gedachten effectiever online willen communiceren. Dit artikel is voor jou als je af en toe een GIF aan je WordPress-website wilt toevoegen om smaak toe te voegen. Dus houd ons in de gaten als we het hebben over het toevoegen van geanimeerde GIF's aan WordPress met behulp van de Classic Editor, Gutenberg en Elementor .

De voordelen van het gebruik van GIF's

U kunt aanzienlijk profiteren van het gebruik van geanimeerde GIF's voor uw bedrijf. Dit zijn enkele redenen waarom merken ze de afgelopen jaren zijn gaan opnemen in hun online campagnes.

GIF's zorgen voor een betere verbinding met gebruikers

Volgens onderzoek verwerkt het menselijk brein afbeeldingen 60.000 keer sneller dan tekst en ontvangt 90% van de informatie via visuele signalen. Het lijkt er dus op dat geanimeerde GIF's een sterker emotioneel effect op mensen hebben en gemakkelijker te relateren zijn dan welke andere visuele inhoud dan ook, ook al zijn afbeeldingen beslist krachtig. Dit maakt het voor merken mogelijk om met hun klanten in contact te komen en sterkere banden op te bouwen.

GIF's zijn geweldig voor het promoten van producten

Voel je vrij om GIF's op te nemen in je marketingcampagne om je diensten te promoten. Ja, je kunt video's gebruiken, maar vergeet niet dat GIF's veel sneller laden en veel minder bandbreedte verbruiken.

Maak geweldige websites

Met de beste gratis paginabuilder Elementor

Begin nu

Ze zijn een creatieve en leuke manier om uw bedrijf te promoten, uw aanbod te laten zien en de voordelen van het gebruik van uw goederen te benadrukken. Bovendien kunnen GIF's de exacte boodschap weergeven die u probeert over te brengen. Dankzij websites zoals Giphy.com die een verzameling GIF's aanbieden, hoef je je geen zorgen te maken over het vinden van de perfecte voor elke situatie.

GIF's vertegenwoordigen uw merkpersoonlijkheid

Uw klanten moeten weten dat er een echte persoon achter uw merk zit, en GIF's helpen uw bedrijf een menselijker tintje te geven. Ze laten u communiceren met uw gebruikers op dezelfde manier waarop individuen omgaan met hun vrienden, en ze helpen u een merkpersoonlijkheid te creëren waar mensen zich mee willen verbinden. Het resultaat is dat hoe herkenbaarder u bent, hoe groter uw publiek zal worden.

GIF's werken geweldig in "How-To" -inhoud

GIF's zijn een uitstekende optie om uw gebruikers te laten zien hoe iets werkt en hoe ze een product kunnen gebruiken. Een geanimeerde GIF zal een lange weg gaan en helpen bij het begrijpen van instructies in plaats van het handboek en talloze pagina's tekst te lezen.

GIF's toevoegen in WordPress

Gutenberg-editor

Ga naar de pagina of post waar je het GIF-bestand wilt uploaden om GIF's aan WordPress toe te voegen.

Als u Gutenberg als uw primaire paginabuilder gebruikt, moet u eerst het afbeeldingsblok opnemen.

Gutenberg Image

Upload daarna het vereiste document, kies het uit je mediabibliotheek of voer de URL van de GIF in (we vonden de onze op giphy.com).

Gutenberg Insert Image

Nadat u op de knop Publiceren hebt geklikt, wordt de GIF nu aan de pagina toegevoegd en zichtbaar op uw website.

Animated GIF

Klassieke editor

U zult wat extra moeite moeten doen als u nog steeds de klassieke editor gebruikt.

Klik op Media toevoegen op de pagina waar u het GIF-bestand wilt toevoegen.

Add Media Button

Upload het bestand of kies het vervolgens uit uw bibliotheek. Zoek vervolgens de Attachment Display Setting (dit staat onderaan de pagina) aan de rechterkant van het scherm en kies Grootte. Het selecteren van Volledige grootte is essentieel als u wilt dat het bestand wordt weergegeven als een geanimeerde GIF in plaats van een stilstaand beeld.

Attachment Display Settings

Drukken op de knop "Invoegen in pagina" en het publiceren van uw GIF-bevattende pagina zijn de enige resterende stappen.

Met behulp van de iframe-code kunt u ook uw GIF insluiten. Op sommige websites, zoals giphy.com, kunt u de iframe-code van de GIF kopiëren, die u vervolgens in de teksteditor van uw pagina kunt plakken. In die situatie hoeft u zich geen zorgen te maken over het wijzigen van de grootte van het bestand, omdat het al geanimeerd is.

Elementor-bouwer

Als u liever Elementor als uw paginabuilder gebruikt, voegt u eerst de afbeeldingswidget toe aan uw pagina en selecteert u vervolgens het GIF-bestand om te uploaden.

Elementor Image

Je hoeft zelf niets in te stellen, net als bij Gutenberg. Zoek gewoon het bestand, upload het en kijk hoe het op uw website verschijnt.

Gevolgtrekking

Ongetwijfeld spelen GIF's een belangrijke rol in de moderne internetcultuur. De meeste mensen zien GIF's als krachtige componenten die oninteressante en routinematige berichten veranderen in boeiende en plezierige stukjes inhoud. Sommigen denken echter dat ze dom of onnodig zijn.

Pas op dat u het niet overdrijft als u besluit ze op uw website op te nemen. Ook al laden GIF's sneller dan video's, als er te veel op een pagina staan, kunnen ze de functionaliteit van uw website in gevaar brengen. Matiging is ook in alles essentieel. Gebruik ze waar nodig, maar spreek niet uitsluitend via hen. Behoud een professionele toon en voeg een vleugje leuke GIF's toe.

Divi WordPress Theme