Hoe maak je eenvoudig een responsieve WordPress Slider met Soliloquy

Schuifregelaars worden vaak gebruikt op de voorpagina van bedrijfs- of portfoliowebsites. Er zijn honderden WordPress slider plug-ins beschikbaar, elk met zijn eigen functies. We hebben echter van onze gebruikers gehoord dat de meeste slider plug-ins gewoon te gecompliceerd voor hen zijn. In dit artikel laten we u zien hoe u eenvoudig een WordPress-schuifregelaar op uw site kunt toevoegen met Soliloquy. Het doel is hier om de beste WordPress slider-plug-in te vinden die gemakkelijk te gebruiken is, werkt met alle thema's en responsief is, wat betekent dat hij geschikt is voor alle schermen (smartphones, desktop en tablets).

Waarom gebruiken Soliloquy als uw WordPress Slider?

Soliloquy is een krachtige responsieve plug-in voor WordPress met veel functies en is redelijk gemakkelijk te beheren. Hier zijn enkele dingen die we leuk vinden aan Soliloquy ten opzichte van andere plug-ins:

• Soliloquy houdt zich aan de coderingsstandaarden en best practices van WordPress.
• Het gebruikt een aangepast berichttype om sliders af te handelen, waardoor het gemakkelijker wordt om schuifregelaars te importeren / exporteren met een WordPress Backup-oplossing.
• Het is 100% klaar voor vertaling, wat goed is voor een internationaal publiek.
• Het is SEO-vriendelijk. U kunt metagegevens, titels, alt-tekst en bijschriften aan elke dia toevoegen.
• Door Ajax aangedreven drag-drop slide-sortering is het zeer eenvoudig in gebruik.
• Responsieve WordPress-schuifregelaar met touch-swipe-ondersteuning voor apparaten met aanraakbediening, zoals smartphones en tablets.
• Ontwikkelaarsvriendelijk met geweldige documentatie en 50+ hooks en filters. U kunt het indien nodig gemakkelijk van een witte label voorzien.

Afgezien van alle functies, is Soliloquy vrij betaalbaar in vergelijking met andere slider plug-ins. Basisoptie is slechts $ 19. WPBeginner-gebruikers krijgen een exclusieve 25% korting door gebruik te maken van de Soliloquy-coupon waardoor de deal nog beter wordt. Gebruik code: WPBEGINNER.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Een WordPress Slider maken met Soliloquy

Het eerste wat u hoeft te doen is Soliloquy kopen. Zodra u Soliloquy hebt, moet u het installeren en activeren (zie hoe u een WordPress-plug-in installeert). Na activering zal de plug-in een nieuw menu voor monovolumes toevoegen aan je WordPress-beheerder. Als u hierop klikt, gaat u naar de lijst met schuifregelaars die leeg is omdat u nog geen schuifregelaars hebt gemaakt. Klik op de knop om een ​​nieuwe schuifregelaar toe te voegen Soliloquy »Nieuw toevoegen.

U wilt beginnen door uw slider-titel toe te voegen. Klik vervolgens op Upload dia's knop. Er verschijnt een pop-up, net als de standaard WordPress media-uploader. U kunt afbeeldingen voor uw dia uploaden, afbeeldingen uit de mediabibliotheek kiezen, videodia's toevoegen door URL's van YouTube- of Vimeo-video's toe te voegen of een HTML-dia maken.

Om een ​​video als een dia toe te voegen, moet je je video uploaden naar YouTube of Vimeo (lees waarom je nooit een video naar WordPress zou moeten uploaden). Zodra u de video-URL heeft, plakt u deze en zorgt Soliloquy voor de rest.

Voor HTML-dia's moet je de HTML-code plakken. Deze html kan alles zijn wat je wilt. Een voorbeeld is het toevoegen van een aanmeldingsformulier voor e-mails voor uw nieuwsbrief of een call-to-action-knop.

In dit artikel laten we u zien hoe u een afbeeldingsschuiver kunt maken in WordPress. Klik op de Selecteer bestand om dia's van uw computer te uploaden.

Nadat u de dia's hebt geselecteerd, worden deze naar uw mediabibliotheek geüpload. Klik op Dia's invoegen om deze dia's toe te voegen aan uw schuifregelaar. Nadat u uw dia's hebt ingevoegd, kunt u andere opties configureren op de pagina voor het toevoegen van een nieuwe schuifregelaar. Hoewel u de standaardschuifregelaar kunt aanpassen, kunt u met de responsieve vaardigheid automatisch aanpassen voor kleinere schermen. De standaardformaten is het relatieve punt, aangezien uw schuifregelaar zichzelf aanpast op verschillende apparaten.

U kunt onder andere de schuifregelaarsnelheid, het dia-animatie-effect, het overgangseffect, enz. Kiezen. Als u tevreden bent met de instellingen, klikt u op de publicatieknop om uw schuifregelaar op te slaan en openbaar te maken.

Een WordPress-schuifregelaar toevoegen aan berichten / pagina

Nu u uw schuifregelaar hebt gemaakt, is de volgende stap om die schuif in een bericht of een pagina in te voegen. Open de berichteditor, selecteer de locatie waar u de schuifregelaar wilt toevoegen en klik op de Slider toevoegen knop naast de media-uploader.

U ziet de vakjes voor elke schuif die u hebt gemaakt. Kies de schuifregelaar die u wilt invoegen en klik vervolgens op Plaats schuifregelaar knop.

Dit zal een schuifregelaar shortcode toevoegen aan je bericht. Je kunt nu je bericht opslaan of een voorbeeld bekijken en de schuifregelaar in actie zien.

Een WordPress Slider met Soliloquy bewerken en bijwerken

Het mooie aan het maken van een WordPress-schuifregelaar met Soliloquy is dat je je schuifregelaar op elk gewenst moment kunt bewerken zonder het bericht of de pagina te bewerken waarop je de schuifregelaar hebt geplaatst. Klik eenvoudig op het pictogram Soliloquy in uw beheerderszijbalk en klik vervolgens op de koppeling Bewerken onder de schuifregelaar die u wilt bijwerken.

Laten we nu de schuifregelaar bewerken die we hierboven hebben gemaakt. Vergeet niet dat we je hebben verteld dat sliders gemaakt met Soliloquy SEO-vriendelijk zijn. U kunt metabeschrijvingen, titel, URL en bijschriften toevoegen aan uw afzonderlijke dia's. Klik op de knop Bewerken naast een afzonderlijke dia in uw schuifregelaar.

Hierdoor wordt een pop-up geopend waarin u de afbeeldingstitel, alt-tekst, link van uw dia naar een URL en een bijschrift kunt invoeren. U kunt ook HTML gebruiken in uw bijschrift voor het geval u een aanmeldingsformulier voor een nieuwsbrief wilt toevoegen. Nadat u de meta-informatie voor de dia hebt ingevoerd, klikt u op de knop Dia opslaan.

Uw wijzigingen worden automatisch in de schuifregelaar weergegeven, overal waar deze op uw site is ingesloten.

Het toevoegen van Soliloquy WordPress Slider in sjablonen en widgets

Soliloquy wordt geleverd met een widget die u kunt gebruiken om een ​​schuifregelaar toe te voegen aan elk widgetgebied op uw website. Ga naar Uiterlijk »Widgets en sleept u de widget Soliloquy naar uw zijbalk. U ziet de lijst met dia's die u hebt gemaakt. Kies degene die u wilt invoegen en sla de widget op. Omdat schuifregelaars die met Soliloquy zijn gemaakt, reageren, passen ze zich automatisch aan de breedte van uw zijbalk aan.

Elke Soliloquy-schuifregelaar heeft zijn eigen unieke shortcode en een functie. U kunt deze functie gebruiken om de schuifregelaar overal in uw themasjabloonbestanden toe te voegen. Om de functiecode te verkrijgen, klikt u op het pictogram Soliloquy in uw WordPress-beheerder. Dit toont de lijst met schuifregelaars die u hebt gemaakt, samen met de shortcode en functie naast de titel van de schuifregelaar. Kopieer en plak de functiecode dienovereenkomstig.

Laatste gedachten

Soliloquy is een van de betere WordPress slider plug-ins die we op de markt hebben gezien. Vertrouw ons, we hebben er veel van getest. Na uitgebreid gebruik te hebben gemaakt van Soliloquy, zijn we echt onder de indruk van zijn snelheid en kracht.

De meeste slider plug-ins zijn opgeblazen met code en zijn slecht gedocumenteerd. Soliloquy is licht en snel. Het is gebouwd voor zowel gebruikers als ontwikkelaars. Ze hebben geweldig werk verricht om alle WordPress-normen te volgen, terwijl ze de schuifregelaar voor beginners eenvoudig kunnen gebruiken. Hun codedocumentatie maakt het gemakkelijk voor andere ontwikkelaars om de functionaliteit naar behoefte aan te passen en uit te breiden.

We kunnen gemakkelijk zeggen dat Soliloquy nu is verhuisd naar onze # 1 keuze voor een WordPress slider plug-in.

We hopen dat dit artikel u heeft geholpen om een ​​schuifregelaar toe te voegen aan uw WordPress-site. Laat voor feedback en vragen hieronder een reactie achter. Vergeet ook niet om ons te volgen op Twitter @wpbeginner.