Beste bezoekers, Ik heet je welkom op de pagina's van mijn blog startgeluk. Vandaag zal ik je vertellen hoe gemakkelijk het is, en vooral, om het gratis te installeren. mooie schuifregelaar naar uw website. Het zal een aantrekkelijk designelement zijn voor elk artikel een uitstekend alternatief reclame blok, waarmee u winst kunt maken.

Sinds 2013 voorspellen verschillende onderzoeken dat sliders binnenkort van het internet zullen verdwijnen, maar hun populariteit neemt nog steeds niet af. Wat je ook zegt, ze ‘doen het portaal nieuw leven in’ en vestigen de aandacht op de informatie. Je wilt er gewoon op klikken. Natuurlijk als de slider mooi en goed ontworpen is, maar daar komen we later op terug.

Ik zal het hebben over de WordPress-slider. Hoe u snel, gratis en zonder enige speciale kennis iets aantrekkelijks en interessants aan uw website kunt toevoegen. Laten we bespreken of het de moeite waard is om het zelf te doen. Je ontvangt er ook meerdere nuttige tips door te vullen.

Nou, zullen we aan de slag gaan?

Om te beginnen wil ik je er graag over vertellen beste plug-in voor een site op WordPress. Het komt zelden voor dat je tegelijkertijd iets waardevols en gratis kunt vinden.

Als u mijn artikel daarover leest, zult u zich herinneren hoe verontwaardigd ik was over sommige voorstellen. Het nut uit die publicatie kostte ook geld.

Nou, ik zal je laten zien hoe je met het programma kunt werken.

Dus, gedetailleerd artikel Je kunt erover lezen op WordPress op mijn blog. Laten we kort herhalen wat we moeten doen specifieke situatie. Ga naar het gedeelte over plug-ins en selecteer de optie ‘Nieuw toevoegen’ in de lijst in de zoekbalk aan de rechterkant bovenste hoek rijd naar binnen: "Meta Slider" en Enter. Zodra de pagina de gewenste toepassing wordt geopend, klikt u op “Installeren”.

Vergeet niet Meta Slider te activeren via het tabblad "Geïnstalleerd" of in het venster dat na de installatie wordt geopend.

Als gevolg hiervan zou het configuratiescherm aan de rechterkant moeten verschijnen nieuwe categorie. Je kunt de Pro-versie kopen voor $ 19 of de gratis versie gebruiken, naar mijn mening zijn de functies voldoende, dus kopen is helemaal niet nodig.

Laten we nu eens kijken hoe we een carrousel kunnen maken en invoegen; soms wordt een schuifregelaar ook wel zo genoemd. Ga naar de applicatie via de link aan de rechterkant (in het WordPress-beheerderspaneel) en klik op het plusteken naast de zinsnede “Nieuw toevoegen”.

Je kunt zoveel foto's uploaden als je wilt, maar ik raad niet aan om overdrijven te gaan. Niemand zal te veel doorzien. Optimaal aantal varieert van drie tot acht.

Rechts van de geüploade foto's bevindt zich een veld waarin u het adres kunt invoeren van de pagina waar iemand naartoe gaat als hij op de foto klikt. U kunt ook een beschrijving, bijsnijden en alt aan afbeeldingen toevoegen.

Je hebt ook 4 ontwerpopties. In de onderstaande video laat ik je zien hoe elk ervan eruit ziet.

De Pro-versie bevat alle opties voor effecten, dat wil zeggen hoe de ene dia de andere zal vervangen, voor elke weergavemethode. IN gratis versie mogelijkheden zijn beperkt. Maar er zijn er nog steeds genoeg. Goede optie je zult vinden.

Naast de 4 belangrijkste ontwerpvariaties kunt u kiezen uit een van de vier kleurenschema's.

Naast dit alles is er ook extra maatwerk. Als je de lezer de mogelijkheid wilt geven om het terugspoelen te regelen, moet je het vakje naast het woord ‘Pijlen’ aanvinken. Navigatie is ook mogelijk met behulp van punten. Zorg ervoor dat u de lezer controle geeft, vooral als het een advertentieblok is.

Wat betreft de maten, u kunt deze aanleveren. De plug-in is echter niet dom, zo blijkt maximale beperkingen en wordt automatisch geïntegreerd in het ontwerp. Als je het installeert in zijpanelen startpagina, even later laat ik je zien hoe je dit doet, de verhoudingen veranderen automatisch.

Hallo SEOBID-bloglezers! Jullie hebben vast wel eens sites met sliders op internet gezien en wilden er zelf een. Nou ja, niet zo, een beetje anders, maar zodat het werkt en de site niet laadt. Maar zoals u weet, een plug-in, als deze werkt WordPress-schuifregelaar, laadt een blog of website met verzoeken, dus niet alle webmasters willen de slider als plug-in installeren.

Carrousel-sliders geïmplementeerd met behulp van PHP-code, zogenaamde scripts, worden populair. Niet iedereen kan echter overweg met meerregelige code, en ook slider-scripts blijven grotendeels onopgeëist.

De tussenliggende link is een schuifregelaar voor het gecombineerde WordPress-type. Dat wil zeggen, er is een plug-in die werkt door code in een websitesjabloon in te sluiten. De belasting van de site en database wordt dus minder, het plug-inscript wordt sneller aangeroepen en het resultaat is hetzelfde. De plug-in zelf moet niet in de map /plugins worden geladen, maar in de map van de sjabloon die momenteel op de site wordt uitgevoerd. Deze plaatsing vermindert ook het aantal zoekopdrachten naar de database.

Dus wat voor soort ontwerp is dit: een gecombineerde slider voor WordPress? Bijvoorbeeld de gebruikelijke bxslider-plug-in, die u niet in de WordPress-repository zult vinden, maar die kan en moet worden gedownload van de officiële plug-inwebsite - http://bxslider.com/. Uiteraard bevat de plug-in alles wat je nodig hebt om de slider op elke pagina('s) van je blog te organiseren en te bedienen, maar deze moet wel naar de site worden geüpload, aangesloten en geconfigureerd. Dit is wat we vandaag gaan doen.

De WordPress slider bxslider weegt slechts 157 kB, en dit is al een groot pluspunt. Het draait op JQuery, wat betekent dat we een extern bestand moeten aansluiten JQuery-bibliotheek. Zo worden verzoeken specifiek aan uw server voor onze ogen verminderd. Deze plug-in heeft één nadeel: vanwege de veelzijdigheid voor elke sjabloon WordPress-thema's je zult een aantal instellingen moeten aanpassen in css-bestand en in de basisinstellingen van de code, die we nu zullen leren hoe we deze in de sitesjabloonbestanden kunnen invoegen.

In totaal zul je drie fragmenten moeten invoegen php-code. De eerste en tweede fragmenten – in het header.php-bestand, op elke plaats tussen de tags en . Het eerste stukje code is om de externe JQuery-bibliotheek op te nemen. Zonder deze zullen de afbeeldingen stilstaan, hoewel alles correct wordt weergegeven.

Hier is het eerste fragment:

schrijf de HTML-code: