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?

  1. Lépj „Edit” módba, és győződj meg róla, hogy a szakasz Fluid Engine-t használ.

  2. Kattints a blokkra, majd a kis kitűző ikonra.

  3. Válaszd ki, hova rögzíted (Top / Center / Bottom).

  4. 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.

Previous
Previous

A Design szerepe a döntésben

Next
Next

Tartalomgyártás 2. rész - vizuális történetmesélés