Wilt u een accordeon van afbeeldingen toevoegen aan een pagina Elementor ?

Dit is geweldig, want met de afbeeldingsaccordeon kunt u afbeeldingen creatiever weergeven. Jammer genoeg, Elementor heeft geen standaardwidget waarmee u een accordeon van afbeeldingen aan een pagina of sjabloon kunt toevoegen.

Als je echt een afbeeldingsaccordeon wilt toevoegen, kun je een add-on of add-on installeren die wordt geleverd met een afbeeldingsaccordeon-widget. Een van de add-ons die u kunt installeren is JetTabs.

JetTabs is een add-on Elementor Familielid JetPlugins, een set Elementor-add-ons ontwikkeld door Crocoblock. JetTabs wordt geleverd met vier widgets: Swicther, Tabs, Image Accordeon en Classic Accordion.

Hoe de afbeeldingaccordeon in Elementor toe te voegen met JetTabs

Controleer voordat u begint of u de JetTabs-add-on hebt geïnstalleerd en geactiveerd. U kunt deze add-on krijgen voor slechts $ 23 per jaar. Als alternatief kunt u ook JetTabs krijgen met een eenmalige aankoopoptie via de themabundel Jupiter X of Monstroid2.

Lees ook: Hoe maak je een navigatiemenu met één pagina in Elementor

Als u klaar bent, maakt u een nieuwe pagina (Pagina's -> Nieuw toevoegen) of een nieuw bericht (Berichten-> Toevoegen) en bewerkt u deze met Elementor. Je kunt natuurlijk ook een bestaande pagina of bericht bewerken.

Sleep in de Elementor-editor de Image Accordeon-widget van het widgetpaneel naar het bewerkingsgebied.

voeg een afbeeldingaccordeon toe aan een Elementor-pagina

Zodra de afbeeldingsaccordeon-widget is toegevoegd, gaat u naar het linkerdeelvenster om deze aan te passen. Standaard bestaat de accordeon uit drie elementen. Om een ​​afbeelding aan elk element toe te voegen, opent u eenvoudig een element onder het blok Elementen en klikt u op de afbeeldingskiezer. U kunt ook de titel, beschrijving en knoplink van het item instellen.

voeg een afbeeldingaccordeon toe aan een Elementor-pagina

Herhaal de bovenstaande stappen voor de andere items. Klik op de knop om een ​​nieuw element aan de accordeon toe te voegen Voeg een item toe.

voeg een afbeeldingaccordeon toe aan een Elementor-pagina

Open het blok Instellingen onder het tabblad Inhoud om de oriëntatie (verticaal of horizontaal), de grootte van het actieve element, de duur van de animatie en de stijl van het versoepelingseffect in te stellen.

Accordeon stilering

Om je accordeon te stylen, heb je toegang tot het tabblad Style in het linkerpaneel. Er zijn 7 blokken die je kunt openen om de accordeon te stylen. In het eerste blok (Containerblok) kun je de accordeonhoogte, achtergrondkleur, randradius en slagschaduw instellen.

voeg een afbeeldingaccordeon toe aan een Elementor-pagina

In het blok Item kunt u de ruimte tussen items, de achtergrondkleur van het item, de straal van de rand van het item en de schaduw van de itembox instellen.

voeg een afbeeldingaccordeon toe aan een Elementor-pagina

Je kunt met de andere 5 blokken spelen om andere stylingopties te creëren. Als u klaar bent, klikt u op de knop publiceren/werk uw pagina bij.

Alstublieft.

Koop Elementor Pro nu!!!

Conclusie

Alstublieft ! Dat is het voor dit artikel dat je laat zien hoe voeg een afbeeldingaccordeon toe aan een Elementor-pagina. Als u zich zorgen maakt over hoe u daar kunt komen, laat het ons dan binnen weten commentaires.

U kunt echter ook overleggen onze middelen, 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 of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...