Pinned blocks - egy kis extra dinamika
A Squarespace Fluid Engine editora folyamatosan, hétről hétre frissül, és mindig érkezik valami új, izgalmas funkció. A Pinned Blocks is ennek a fejlődő rendszernek egy friss, nagyon hasznos eleme — ezért érdemes figyelni az újdonságokat, mert időről időre szuper dolgokkal tudod kiegészítei weboldalad.
Mi az a Pinned Blocks?
A Squarespace új Pinned Blocks funkciója lehetővé teszi, hogy egy kiválasztott blokk (kép, szöveg, gomb stb.) a szakasz tetejéhez, közepéhez vagy aljához legyen rögzítve, miközben a látogató lefelé görget. Így a fontos tartalom végig szem előtt marad, és sokkal látványosabb, fókuszáltabb oldalakat lehet készíteni.
Hogyan működik?
Lépj „Edit” módba, és győződj meg róla, hogy a szakasz Fluid Engine-t használ.
Kattints a blokkra, majd a kis kitűző ikonra.
Válaszd ki, hova rögzíted (Top / Center / Bottom).
Az „Offset” segítségével beállíthatod a pontos távolságot.
Mobilnézet
Ha egy blokkot rögzítesz asztali nézetben, az nem kerül át automatikusan mobilra. A jó hír viszont az, hogy mobilon is ugyanúgy be tudod állítani – csak külön kell megtenni.
A mobilos szerkesztéshez kattints a jobb felső sarokban lévő mobil ikonra, így átváltasz a telefonos nézetre.
Ezután keresd meg azt a blokkot, amit rögzíteni szeretnél, és ismételd meg ugyanazokat a lépéseket, mint asztali módban. Minden ugyanúgy működik, csak előfordulhat, hogy a körülötte lévő elemeket picit igazgatni kell, hogy minden szépen álljon.
Hasznos tudnivalók
A rögzített blokk addig mozog, amíg el nem éri a szakasz alját, ezért fontos, hogy legyen alatta elég „hely” a gridben.
Ha mozgatni szeretnéd szerkesztés közben, könnyebb lehet előbb kikapcsolni a rögzítést.
Mobilnézetben érdemes külön optimalizálni.
Miért érdemes használni?
A CTA-k, képek vagy fontos üzenetek végig láthatók maradnak.
Sokkal kreatívabb, modernebb oldalelrendezéseket lehet vele kialakítani.
Ezt régen csak kódolással lehetett megoldani — most már egy kattintás.
A Pinned Blocks egy apró, mégis látványos újítás a Fluid Engine-ben, ami sokkal játékosabbá és modernebbé teheti a weboldaladat. Érdemes vele kísérletezni, mert néha egy ilyen kis funkció adja azt a pluszt, amitől az oldal igazán élővé, dinamikussá és szerethetővé válik. És mivel a Squarespace folyamatosan frissíti a szerkesztőt, biztosak lehetünk benne, hogy hamarosan újabb hasonló, izgalmas lehetőségek érkeznek.
Te hogyan fogod használni a pinned blockot?:)
A cikkben szereplő szemléltető videók két, fiókban lapuló, saját készítésű designokból születettek.