Staatilised lehed töötavad maandumislehtede puhul hästi: saabud, näed pealkirja, klõpsad nuppu. Kuid niipea, kui saidil on üle tosina postituse, toote või asukoha, staatiline sisu enam ei toimi. Iga lehe käsitsi muutmine on ummiktee. Ja slaidiseadistuse muutmine korraga viiekümnel postitusel? Ilma dünaamilise sisuta on see võimatu.

Probleem pole ajapuuduses. Probleem on selles, et WordPress töötab vaikimisi staatiliste plokkidega: üks slaidiseade võrdub ühe pildikomplektiga. Kui spordisaalide ketil on kümme asukohta, on vaja kümmet slaidiseadet. Lahendus on dünaamiline slaidiseade, mis tõmbab sisu otse andmebaasist ja kuvab iga postituse jaoks automaatselt asjakohased pildid, hinnad ja pealkirjad.

Allpool on täielik juhend: alates dünaamilise sisu kontseptsioonist kuni kahte tüüpi slaidiseadete seadistamiseni, kasutades Toolseti koos Gutenbergiga. Minimaalselt koodi, maksimaalne automatiseerimine.

💡 Kiirülevaade:

• Saad aru, mille poolest dünaamiline sisu erineb staatilisest ja kus seda tegelikult vaja on.
• Valid õige slaidiseadme tüübi: pildid või postituse sisu (erinevad ülesanded, erinev loogika).
• Valid pistikprogrammi: Toolset struktuuri täielikuks kontrolliks, Slider Revolution visuaalse võimekuse jaoks, Smart Slider 3 kiireks alustamiseks.
• Järgid samm-sammult dünaamilise pildislaidiseadme seadistamist (CPT, väljad, mall, slaidiseadme plokk).
• Seadistad dünaamilise postituse sisu slaidiseadme, kasutades Viewse ja Toolseti konteinereid.

Mis on dünaamiline sisu ja miks su WordPressi sait seda vajab

Dünaamiline sisu on teave lehel, mis muutub sõltuvalt sellest, millist postitust, toodet või andmebaasi kirjet parajasti vaadatakse. Vastand on staatiline sisu: sama leht näitab sama asja olenemata kontekstist.

Staatiline sisu on maandumislehtedel õigustatud. WordPressi.org allalaadimisleht on klassikaline näide: pealkiri, kirjeldus ja nupp ei muutu, ükskõik kes klõpsab.

Kuid kui sul on blogi, siis staatiline sisu ei toimi. Uus postitus peaks automaatselt ilmuma voo ülaossa. Kui sisu on staatiline, on ülemisel positsioonil igavesti sama postitus. Dünaamiline voog aga korraldab end pärast iga avaldamist ümber.

Teine stsenaarium: reisisait, millel on ekskursioonide jaoks kohandatud postituse tüüp. Iga ekskursioon on eraldi postitus oma hinna, kuupäevade ja fotodega. Sa võiksid iga ekskursiooni eraldi kujundada, kuid mis juhtub, kui otsustad kaardi struktuuri muuta? Pead kõiki postitusi käsitsi muutma.

Õige lahendus on luua mall dünaamilise sisuga: pealkiri, pildid ja hind tõmmatakse postituse väljadelt automaatselt. Klõpsad „Semuc Champey" ja näed selle kohta infot. Klõpsad „Kuningate org" ja sisu muutub. Üks mall kõigile postitustele.

Dünaamiliste slaidiseadete tüübid

1. Dünaamiline pildislaidiseade

Dünaamiline pildislaidiseade on plokk, mille paigutad ühe korra malli ja see tõmbab andmebaasist pilte sõltuvalt sellest, millist postitust vaadatakse. Üks slaidiseade teenindab kõiki seda tüüpi postitusi.

Tüüpiline näide on spordisaalide keti veebisait. Sul on kohandatud postituse tüüp nimega „Spordisaal" ja kümme asukohta. Iga asukoha lehel on vaja slaidiseadet selle konkreetse spordisaali fotodega. Kümne slaidiseadme asemel lood ühe malli slaidiseadme ja see kuvab automaatselt pilte praeguse postituse „Fotogalerii" väljalt.

Staatiline slaidiseade siin ei töötaks: see näitaks samu pilte nii kesklinnas kui ka äärelinnas asuva spordisaali puhul.

2. Dünaamiline postituse sisu slaidiseade

Paljud slaidiseaded vajavad enamat kui lihtsalt pilte. Avalehtede slaidiseadmed sisaldavad sageli pealkirju, kirjeldusi, hindu ja nuppe ning kogu see teave peab slaidi kaupa muutuma.

Tuleme tagasi spordisaalide keti juurde: kolm slaidi, millest igaüks esindab ühte spordisaali. Kui kuvad ainult taustapilti, ei saa külastajad teada spordisaali nime, liikmemaksu hinda ega saadaolevaid mugavusi. Lahendus on kohandatud väljadele ehitatud dünaamiline sisu slaidiseade: pilt, nimi, hind, aadress ja CTA-nupp tõmmatakse iga spordisaali postituse meta-väljadelt.

Iga slaid on siin nagu eraldi leht. Pühid ja sisu muutub täielikult teise asukoha teabeks. Staatiline sisu ei suuda seda efekti saavutada.

Pistikprogrammid dünaamiliste slaidiseadete loomiseks

Kolm tööriista katavad praktiliselt iga ülesande, alates kiirest käivitamisest kuni sügava struktuuri kohandamiseni.

1. Toolset

🔗 Toolset’i ametlik veebisait

Toolset on üks mitmekülgsemaid tööriistu dünaamilise sisuga WordPressi saitide ehitamiseks. Selle lipulaev, Toolset Blocks, on Gutenbergi laiendus, mis võimaldab kuvada kohandatud sisu ilma koodi kirjutamata: liugurid, kohandatud väljad, kujundusmallid, arhiivid, otsing ja kaardid.

Toolset’i peamine eelis on integratsioon: loote kohandatud postitüübid, lisate kohandatud välju (sealhulgas korduvaid välju nagu pildigaleriid), ehitate dünaamiliste plokkidega malli ja saate täielikult automatiseeritud struktuuri. Lisaks liuguritele pakub Toolset saidiotsingut, esivorme ja kaardiintegratsiooni, kõik ühes paketis.

2. Slider Revolution

🔗 Slider Revolutioni ametlik veebisait

Slider Revolution on valik, kui vajate maksimaalset visuaalset paindlikkust. Versioon 7 pakub visuaalset redaktorit, üle 200 malli ja sisseehitatud dünaamilise sisu mooduleid, mis võimaldavad tõmmata WordPressi postitusi otse slaididesse.

Oluline märkus: Slider Revolution loob dünaamilisi liugureid, kuid ei loo kohandatud välju, kust andmeid tõmmata. Teil on vaja kas sisseehitatud kohandatud väljade toega teemat, eraldi pluginat (ACF, Meta Box, Pods) või koodis kirjutatud välju. Rohkem kui 9 miljonit saiti kasutab seda pluginat, tehes sellest kõige populaarsema liuguriehitaja WordPressi jaoks.

3. Smart Slider 3

🔗 Smart Slider 3 WordPress.org-is

Smart Slider 3 paistab silma oma intuitiivse reaalajas slaidiredaktoriga: näete tulemusi kohe. Tasuta versioon suudab ehitada dünaamilisi slaide WordPressi postitustest (filtreerides kategooriate ja siltide järgi). Pro versioon laiendab allikaid kohandatud postitüüpidele, WooCommerce’i toodetele, sotsiaalmeedia voogudele (Facebook, Twitter, YouTube, Flickr) ja kalendripluginatest pärit sündmustele.

Teine pluss on ühilduvus kõigi populaarsete leheehitajatega: Elementor, Divi, Beaver Builder, Gutenberg ja teised. Kiireks käivitamiseks ilma sügava struktuuri seadistamiseta on see üks tasakaalustatumaid valikuid.

Kuidas luua dünaamiline pildislaider

Nüüd praktilise osa juurde. Demonstreerin seadistust, kasutades Toolseti ja selle Gutenbergi plokke. Toolset valiti, sest see katab kogu tsükli: kohandatud väljad → mall → slaider, ilma et peaks erinevate pluginatega žongleerima.

Võrdluseks on siin Toolseti ametlik videojuhend dünaamiliste galeriide ja slaiderite kohta mallides.

Kasutan Toolseti spordiklubiketi demosaidi, mis põhineb tasuta jõusaali kujundusel. Eesmärk: lisada igale „Gym" postituse tüübile slaider, mis näitab selle konkreetse jõusaali fotosid.

1. Samm. Loo kohandatud postituse tüüp ja kohandatud väljad

Enne slaideri lisamist pead ette valmistama struktuuri: loo kohandatud postituse tüüp (CPT) ja määratle, milliseid andmeid kuvatakse.

Postituse tüübi loomine Toolsetis võtab ühe toimingu; lihtsalt määra nimi.

Kui „Gym" postituse tüüp on valmis, seadista selle sisu kohandatud väljade kaudu. Pildislaideri jaoks on vaja galeriivälja. Kuid tavaline kohandatud väli salvestab ühe väärtuse, samas kui slaider vajab mitut pilti.

Lahendus on korduv kohandatud väli. Toolset võimaldab muuta välja korduvaks ühe märkeruuduga loomise ajal.

Lisaks galeriile lisasin väljad hinnangu, aadressi ja lahtiolekuaegade jaoks, mis on kasulikud postituse sisu slaideri jaoks selle juhendi teises osas.

2. Samm. Lisa postitustele pilte

Väli on loodud; nüüd täida see sisuga. Mine iga „Gym" postituse tüübi juurde ja lisa pildid väljale „Photo Gallery" samamoodi, nagu lisad esiletõstetud pilti: klõpsa nuppu „+" → laadi üles.

Need pildid on nüüd dünaamilise slaideri allikaks. Iga jõusaali postitus kuvab esilehel kõik selle „Photo Gallery" väljale lisatud pildid.

3. Samm. Lisa slaider mallile

Kui kohandatud väli on täidetud, loo dünaamiline slaider. Sul peaks juba olema postituste mall (Toolset → Mallid).

Sisestan malli Toolseti Image Slider ploki. Kuna pildid on juba „Photo Gallery" väljale üles laaditud, valin dünaamilise allika ja määran selle välja.

Slaider kuvab valitud kohandatud väljale üles laaditud pilte.

Saad kontrollida, kas slaider on tõeliselt dünaamiline, kasutades redaktori ülaosas olevat rippmenüüd: lülitu teisele postitusele ja slaider laeb pildid sellest postitusest. See töötab.

Kuigi see näide kasutab Toolseti, töötavad enamik dünaamilise funktsionaalsusega WordPressi slaidereid sarnasel loogikal: kõigepealt lood sisu, seejärel valid slaideri postitusele, lehele või mallile lisamisel „dünaamilise" andmeallika.

Kuidas luua dünaamiline postituse sisu slaider

Kui sinu slaider peab kuvama mitte ainult pilte, vaid ka pealkirju, hindu, hinnanguid ja nuppe, ehita see Toolset Views abil. Toolseti videoõpetus käsitleb seda stsenaariumi üksikasjalikult.

1. Samm. Loo kohandatud postituse tüüp koos väljadega

Alus on sama, mis pildislaideril: kohandatud „Gym" tüüp väljadega nime, hinna, hinnangu, aadressi ja galerii jaoks. Kasutan uuesti esimeses osas juba loodud struktuuri.

2. Samm. Seadista dünaamilised allikad Viewsi kaudu

Erinevalt pildislaiderist töötan siin Views plokiga. See laeb andmebaasist postitusi ja kuvab neid erinevates formaatides, sealhulgas slaiderina.

Pärast Views-ploki lisamist käivitan seadistusviisardi. Määran lehitsemise, et külastajad saaksid slaidide vahel liikuda, ja jätan stiili vormindamata (kujundusega tegelen hiljem konteinerite abil).

Valin allika postitüübiks „Gym". View on loodud.

Nüüd liuguri parempoolsel külgribal seadistan selle käitumist. Esmalt valin Views-ploki ülemises vasakus nurgas asuva plokinavigatsiooni kaudu.

Kui liuguri struktuur on valmis, lisan konteinerploki ja täidan selle dünaamilise sisuga: taustapilt, pealkiri, hind, hinnang, aadress, nupp. Iga elementi lisades valin „Dynamic Sources" → sobiva kohandatud välja → seadistan kuvamissätted (värvid, fondid, paigutus).

Samm 3. Kontrolli tulemust esiküljel

Salvestan liuguri ja kontrollin seda esiküljel. Sõltuvalt lisatud väljadest peaksid nägema täielikult toimivat dünaamilise sisuga liugurit: iga slaid kuvab andmeid konkreetse jõusaali kohta.

Põhimõte on universaalne: Toolset pakub igale plokile dünaamilise andmeallika valikut, Slider Revolution sisaldab sisseehitatud dünaamilise sisu mooduleid ja Smart Slider 3 kasutab generaatoreid. Loogika on kõikjal sama: lisa sisumoodul, määra dünaamiline allikas, seadista stiilid.

⁉️🤔 Korduma kippuvad küsimused

Kas dünaamiliste liugurite loomiseks pean oskama kodeerida?

Loetletud pluginatega mitte. Toolset töötab täielikult Gutenbergi visuaalse redaktori kaudu, Slider Revolution oma visuaalse ehitaja kaudu ja Smart Slider 3 reaalajas redaktori kaudu. Piisab WordPressi struktuuri (postitüübid, kohandatud väljad) algtasemel mõistmisest. Kui kirjutad liugurit PHP-s nullist, vajad teadmisi WP_Query, tsüklite ja metaväljade kohta.

Millise plugina peaksin oma esimese dünaamilise liuguri jaoks valima?

Kui vajad täielikku kontrolli struktuuri üle (CPT, väljad, mallid), vali Toolset. Kui visuaalne tulemus ja animatsioonid on olulisemad, vali Slider Revolution. Kui vajad kiiret algust minimaalse seadistusega, vali Smart Slider 3 (tavalistest postitustest liuguri tegemiseks piisab tasuta versioonist). Kõiki kolme pluginat hooldatakse ja uuendatakse aktiivselt ka 2026. aastal.

Kas ma saan luua dünaamilise liuguri WooCommerce'i toodetega?

Jah, kõik kolm pluginat toetavad seda. Smart Slider 3 Pro töötab otse WooCommerce'i toodetega kui dünaamilise slaidi allikaga. Slider Revolution kasutab oma dünaamilise sisu moodulit mis tahes kohandatud väljade, sealhulgas WooCommerce'i väljade toomiseks. Toolset saab tooteid laadida kohandatud postitüübina Views-ide kaudu ja kuvada neid liuguris.

Mida teha, kui liugurit lehel ei kuvata?

Esmalt ava brauseri konsool (F12) ja kontrolli JavaScripti vigu. Levinud põhjus on see, et teema või mõni teine plugin laeb jQuery aegunud versiooni, blokeerides liuguri skripti. Teiseks kontrolli, et liuguri lühikood või plokk on malli õigesse kohta lisatud. Kolmandaks veendu, et dünaamiline allikas osutab tegelikult olemasolevale kohandatud väljale, millel on sisu.

Kas dünaamilise liuguri jaoks pean looma kohandatud postitüübi?

Ei. Smart Slider 3 ja Slider Revolution suudavad ehitada dünaamilisi slaide tavalistest WordPressi postitustest (blogipostitused) ja lehtedest. Kohandatud tüüpi on vaja siis, kui töötad kindlat tüüpi sisuga (jõusaalid, reisid, portfoolio), millel on oma väljastruktuur.

Kas dünaamilise liuguri juurutamine on 2026. aastal seda väärt

Dünaamilised liugurid pole enam arendajate nišitööriist. Kaasaegsed pluginad nagu Toolset, Slider Revolution 7 ja Smart Slider 3 on muutnud tehnoloogia kättesaadavaks kõigile, kes oskavad Gutenbergi plokkidega töötada. Üks kord seadistatud mall teenindab automaatselt kümneid või sadu postitusi: lisa uus asukoht, reis või toode ja selle lehel olev liugur juba töötab.

Kui sinu saidil on rohkem kui viis sarnast üksust, mis vajavad oma liugurit, tasub dünaamiline lähenemine seadistusaja juba pärast esimest kolme ära. Staatiline sisu tähendab siin iga lehe käsitsi muutmist iga muudatuse korral ja 2026. aastal on see põhjendamatu ressursi raiskamine.