Wordpress

Wéi erstellen ech dynamesch WordPress Bildgalerien a Sliders mat Toolset Blocks

Sicht Dir no engem méi flexibele Wee fir mat Biller am neie WordPress Block Editor ze schaffen?

An dësem Post wäerte mir Iech weisen wéi Dir Toolset Blocks benotze kënnt fir Är eege statesch oder dynamesch Bildschieber a Galerien am Blockeditor ze kreéieren.

Wann Dir net mat Toolset vertraut sidd, ass et eng Suite vun Tools déi Iech hëllefen mat personaliséierten Inhalt an dynamesche WordPress Siten ze schaffen.

Et kann Iech hëllefen, personaliséiert Posttypen, personaliséiert Felder a méi ze addéieren an ze weisen. A mat Toolset Blocks kënnt Dir dat alles maachen mat engem native WordPress Block Editor.

WP Buergermeeschter Lieser kënnen eng exklusiv 20% Remise kréien wann se Toolset kafen.

Drënner wäerte mir op ee spezifeschen Deel vun Toolset Blocks konzentréieren - Biller.

Weiderliesen fir ze léieren wéi et funktionnéiert a wéi et Iech hëllefe kann besser WordPress Siten ze bauen.

Wéi hëlleft Toolset Blocks mat WordPress Biller?

Toolset Blocks hëlleft Iech den Inhalt vun Ärem WordPress Site mat dem gebiertege WordPress Block Editor ze weisen - kee Code erfuerderlech.

Mir hunn virdru geschriwwen iwwer Toolset Blocks hei.

Dir kéint soen, "Colin, de Block Editor léisst Iech schonn Inhalt weisen - dat ass de ganze Punkt!".

Den Ënnerscheed mat Toolset Blocks ass datt et Iech och hëlleft ze weisen Benotzerdefinéiert Inhalt, wéi personaliséiert Felder an Taxonomien déi Dir mat Toolset bäigefüügt hutt. Dir kënnt souguer de Blockeditor benotze fir Schabloune fir all personaliséiert Posttypen ze designen déi Dir erstallt hutt.

Ech ginn awer e bëssen aus der Streck, well dëse Post iwwer Biller geet.

Mat Toolset Blocks v. 1.3 kritt Dir Zougang zu zwee Bildfokusséierte Blocks:

  • Gallery - Gitter, Steemetzerei oder Collage Galerien erstellen.
  • Bild Slider - Erstellt Schieber a Karussell mat verschiddene Layouten, Iwwerschrëften a méi.

Béid vun dëse Blocken erlaben Iech Galerien oder Schieber aus engem statesche Set vu Biller ze kreéieren, zesumme mat vill Méiglechkeeten fir de Stil an de Layout vun Äre Galerien / Schieber ze kontrolléieren.

Wéi och ëmmer, wou dës Blocke méi nëtzlech ginn, a wou se sech vun anere Galerie- a Schieberblock-Plugins ënnerscheeden, ass datt Dir och dynamesch Biller an Är Galerien a Schieber vun iwwerall op Ärem Site kënnt asetzen.

Dir kënnt Biller eropluede mat engem personaliséierte Feld dat Dir mat Toolset bäigefüügt hutt an dann dës Biller automatesch an eng Galerie setzen. Dir kënnt souguer e Schabloun fir e personaliséierte Posttyp erstellen deen Dir bäigefüügt hutt an dann automatesch d'Galerie esou ausfëllen.

Zum Beispill, op enger Immobilie Websäit, kënnt Dir e "House" personaliséierte Posttyp mat engem Bildrepeaterfeld erstellen fir Biller vun all Haus Interieur eropzelueden. Da kënnt Dir dës Biller benotzen fir dynamesch eng Galerie ze populéieren déi als Deel vun der Oplëschtung vun all Haus erschéngt.

Cool, richteg? Ech weisen Iech wéi dëst funktionnéiert an der nächster Rubrik.

Wéi benotzen ech d'Toolset Image Blocks Mat stateschen Inhalt

Elo weisen ech Iech Schrëtt-fir-Schrëtt wéi Dir déi nei Toolset Galerie a Schieberblocken benotzt.

Fir all Block wäert ech ufänken mat Iech ze weisen wéi Dir et mat engem statesche Set vu Biller benotzt. Dëst gëtt Iech eng gutt Iddi vun all Block d'Fäegkeeten.

Dann, an der nächster Sektioun, weisen ech Iech wéi et funktionnéiert fir Är Galerien a Schieber dynamesch ze populéieren.

Galerie Block

Wann Dir déi nei aginn Gallery blockéieren, kënnt Dir aus dräi verschiddene Layouten wielen:

  1. Gitter
  2. Steemetzer
  3. Problem
Galerie Layouten

Wann Dir Äre Layout gewielt hutt, kënnt Dir Biller addéieren duerch:

  • Eroplueden nei Biller
  • Wielt bestehend Biller aus Ärer Mediabibliothéik
  • Dynamesch populéieren se aus personaliséierte Felder, déi zu dësem Post (oder all anere Post) bäigefüügt ginn.

Ech späicheren den dynamesche Inhalt fir déi nächst Sektioun, also loosst eis e puer nei Biller fir dëst Beispill eroplueden:

Bildquellen

A voila - Dir hutt eng Galerie. Dir kënnt dann d'Block Sidebar op der rietser Säit benotze fir ze konfiguréieren:

  • Stiler fir Äre Layout, wéi wéi vill Saile fir an engem Gitter oder Mauerwierkgalerie ze benotzen.
  • Ënnerschrëft fir all Bild.
  • Ob Biller an enger Lightbox opmaachen oder net.
Mauerwierk Galerie Beispill

D'Gitter- a Steemetzerei Layouten sinn zimlech selbstverständlech, awer de Collage Layout enthält eng ordentlech Feature, déi Iech erlaabt aus pre-made Collage Layouten ze wielen oder Äert eegent ze designen:

Collage Layouten

Wann Dir Ären eegene Layout designt, kënnt Dir e Gittersystem benotze fir d'Gréisst an d'Placement vun all Galerieartikel ze konfiguréieren, wat wierklech cool ass:

Benotzerdefinéiert Collage
Software: Snipaste

Bild Slider Block

De Image Slider Block funktionnéiert ähnlech wéi de Gallery Block. 

Wann Dir en neie Bildschieber erstellt, kënnt Dir aus deenen selwechten dräi Quelle wielen:

  • Eroplueden
  • Medienbibliothéik
  • Dynamesch Quellen

Da kënnt Dir d'Optiounen op der Säit benotzen fir:

  • Änneren d'Zuel vun de Sailen. Eng Kolonn wier en traditionelle Schieber, wärend Dir Karussell erstellt andeems Dir verschidde Kolonnen bäidréit.
  • Wielt verschidde Schieberstiler.
  • Kontroll Stiler.
Bild Schieber Beispill

Elo datt Dir d'Basis kennt, loosst eis an déi méi fortgeschratt Benotzung fir dës zwee Widgets goen an ech weisen Iech wéi Dir Är Galerien a Schieber dynamesch populéiere kënnt.

Wéi benotzen ech d'Toolset Image Blocks Mat Dynamic Content

Wärend déi nei Toolset Blocks nëtzlech sinn mat statesche Biller, et gi scho vill Blocks déi Iech hëllefe kënne statesch Galerien a Biller ze kreéieren.

Wou déi nei Toolset Bildblocken wierklech mächteg (an eenzegaarteg) ginn ass wann et ëm dynameschen Inhalt kënnt.

Dir kënnt dynamesch den Inhalt vun enger Galerie oder Schieber mat Biller aus engem Bild personaliséiert Feld populéieren deen Dir mat Toolset bäigefüügt hutt. Dir kënnt och eng benotzen widerhuelen Bildfeld, wat Iech erlaabt esou vill Biller ze addéieren wéi néideg an dat personaliséiert Feld.

Also ... wéi kann dëst an der Praxis funktionnéieren?

Fir dëst Beispill e bësse méi konkret ze maachen, hunn ech Toolset benotzt fir en "House" personaliséierte Posttyp ze kreéieren. Duerno hunn ech e widderhuelend Bildfeld bäigefüügt, wou ech Fotoe vum Interieur vun deem Haus eropluede kann.

Hei ass e Beispill vu wéi de reguläre Widderhuelungsbildfeld ausgesäit wann ech en neit "Haus" erstellen:

Benotzerdefinéiert Feld Beispill
Software: Snipaste

Elo weisen ech Iech wéi Dir dës Biller dynamesch an eng Galerie oder Schieber zitt.

Gallery

Wann Dir e Gallery Block derbäi kënnt, kënnt Dir ëmmer nach Ären eegene Layout wielen an all déi aner Astellunge benotzen déi ech Iech virdru gewisen hunn.

Nëmmen elo, wann Dir d'Ufro gesitt fir Biller ze addéieren, wielt Dir Dynamesch Quellen:

Dynamesch Quellen

Da kënnt Dir dat widderhuelend Bild personaliséiert Feld als Är Quell wielen:

Wielt personaliséiert Feld

Wann Dir dës Quell gewielt hutt, gesitt Dir eng Virschau vun Ärer Galerie mat de Biller aus dem personaliséierte Feld dat ech Iech virdru gewisen hunn:

Dynamesch Galerie

Wann Dir Biller aus deem personaliséierte Feld géif addéieren oder ewechhuelen, gëllen dës Ännerungen automatesch op Är Galerie.

Bild Slider

Dir kënnt déi exakt selwecht Approche fir Är Bildschieber benotzen.

Wann Dir en neie Image Slider Block derbäi kënnt, kënnt Dir wielen Dynamesch Quellen fir Är Biller a wielt dann Äert widderhuelend Bildfeld just wéi ech Iech mam Gallery Block gewisen hunn:

Dynamesch Schieber

Probéiert Toolset

Mir hu mat der Equipe hannert Toolset zesummegeschafft, de Säitebauer deen Iech erlaabt WordPress Siten ouni Kodéierung ze bauen, fir Iech eng exklusiv 20% Remise ze bidden.

20% Remise

Dir kënnt och dynameschen Inhalt an anere Posts / Säiten benotzen

Zousätzlech fir dynamesch Biller fir de Post ze setzen, mat deem Dir de Moment schafft, kënnt Dir och dynamesch eng Galerie oder Schieber soss anzwousch op Ärem Site populéieren.

Zum Beispill, loosst eis soen datt Dir e Blog Post schreift wou Dir Biller vun engem Haus wëllt weisen, dat Dir just an den House Custom Post Type bäigefüügt hutt.

Fir unzefänken, füügt Dir eng nei Galerie oder Image Slider Block un de Blog Post a wielt Dynamesch Quellen grad wéi virdrun.

Nëmmen elo, an der Post Quell dropdown, Dir wielt Aner Post. Da kënnt Dir no de Post sichen deen d'Biller huet déi Dir wëllt ufroen. An dësem Beispill ass dat d'"Haus" Oplëschtung fir "123 WP Buergermeeschter St":

Wielt aner Post

Da kënnt Dir de Feld auswielen, deen Dir wëllt ufroen. A wann Dir dat gemaach hutt, gesitt Dir Är dynamesch populéiert Galerie grad wéi virdrun:

Dynamesch Galerie vun anere Post

Wann Dir d'Biller am "House" personaliséierte Posttyp aktualiséieren, géifen dës Biller automatesch an Ärem Blogpost aktualiséieren.

Et funktionnéiert d'selwecht fir den Image Slider Block.

Dir kënnt och d'Galerie an d'Bild Slider Blocks an de Templates benotzen, déi Dir mam Toolset erstellt, wat Iech en anere Wee gëtt fir dynamesch Inhalter ze notzen. 

Zum Beispill kënnt Dir d'Schabloun designen, déi Dir fir den "House" personaliséierte Posttyp benotzt, sou datt et automatesch eng Galerie aus de personaliséierte Felder vun all Haus populéiert.

Fänkt haut Toolset Blocks ze benotzen

Toolset gëtt Iech d'Kraaft fir personaliséiert, dynamesch WordPress Siten ze bauen ouni op personaliséierte Code ze vertrauen.

Mat Toolset Blocks kënnt Dir mat Ärem dynamesche Inhalt direkt vum gebiertege WordPress Block Editor schaffen.

An dësem Beitrag hu mir beliicht wéi Toolset Blocks Iech hëllefe mat Biller ze schaffen andeems Dir déi nei Gallery an Image Slider Blocks benotzt.

Wat d'Astellungen a Stiloptiounen ugeet, sinn d'Blöcke scho flexibel a kompetitiv mat anere Galerie a Schieber Plugins.

Wéi och ëmmer, wat wierklech Toolset Blocks ënnerscheet ass d'Fäegkeet fir Är Galerien a Schieber dynamesch ze populéieren.

Dir kënnt widderhuelend Bildfelder mat Toolset erstellen an dann dës Bildfelder benotze fir Galerien a Schieber iwwerall op Ärem WordPress Site ze populéieren, och Templates déi Dir mat Toolset erstellt.

Wann Dir e puer Beispiller wëllt gesinn wat Toolset ka maachen a léiere wéi et funktionnéiert, kuckt d'Toolset Dokumentatioun a Referenzplazen.

A wann Dir Toolset selwer wëllt probéieren, de Link hei drënner fir unzefänken.

Kréien Toolset

Verbonnen Artikelen

Hannerlooss eng Äntwert

Är E-Mail-Adress gëtt net publizéiert ginn.

Zréck erop zum Knäppchen