Pięć nowych bloków w bibliotece
W Block Library można znaleźć pięć nowych bloków w pięciu różnych kategoriach: "Gallery", "Tile&Link", "Team", "Menu", "Footer":

GL25. Kombinacja obrazów z pionowym justowaniem
TE610. Karty z obrazem w tle i tekstem w kolumnach
TM302. Osoby: obraz i informacje po prawej stronie
ME601B. Menu: drugi poziom
FT306. Panel z logo, głównymi i drugorzędnymi pozycjami menu

Zobaczmy, co te bloki mają do zaoferowania i jak wyglądają.
GL25. Kombinacja obrazów z uzasadnieniem pionowym, kategoria "Galley"
Ten blok umożliwia rozmieszczenie zdjęć o różnych rozmiarach, tak aby krawędzie galerii nie uległy zmianie. Wszystkie obrazy w rzędzie będą tej samej wysokości i z tymi samymi poziomymi marginesami.

W panelu ustawień bloku dostępne są trzy opcje stylu do wyboru: kombinacja pełnoekranowa, mały poziomy blok lub ogromna galeria zajmująca kilka ekranów. Aby przybliżyć obrazy lub wręcz przeciwnie, stworzyć między nimi przestrzeń, można ustawić odstępy 0px, 10px, 20px lub 40px między kolumnami.

Możesz także dodać podpis tekstowy, który pojawi się po najechaniu na obraz, ustawić niestandardowy kolor i krycie panelu z tekstem, ustawić powiększanie obrazu po kliknięciu i wiele innych opcji.
TE610. Karty z obrazem tła i tekstem w kolumnach, kategoria "Tile & Link".
Blok z kafelkami obrazu i ukrytym tekstem, który pojawia się po najechaniu kursorem. W razie potrzeby można wyłączyć wyświetlanie tekstu. Pomiędzy tytułem i opisem można dodać separator i umieścić przycisk poniżej.

Karty można łatwo dostosowywać. Ustaw współczynnik proporcji, promień narożnika, filtr i cień, kolor tła. Może być od 1 do 4 kart w rzędzie.

Możesz wyśrodkować lub wyrównać do prawej sekcję tytułu, dostosować typografię dla dowolnego elementu i dodać animację.
TM302. Osoby: obraz i informacje po prawej stronie, kategoria "Zespół"
Blok sugeruje bardziej dynamiczny format wprowadzenia drużyny. W rzędzie może znajdować się od 1 do 4 kart. Dla każdego członka zespołu można dodać zdjęcie, nazwę, opis i linki do mediów społecznościowych.

W panelu ustawień bloku można ustawić proporcje obrazu i odstępy w pionie. Ponadto tytuł, opis, karty z członkami zespołu i przyciski mogą być animowane.
ME601B. Menu: drugi poziom, kategoria "Menu"
Blok pomaga tworzyć wielopoziomową nawigację na stronie internetowej za pomocą elementów menu drugiego poziomu, które rozwijają się po kliknięciu myszą lub najechaniu kursorem.

Możliwe jest ustawienie różnych szerokości menu i podmenu, dostosowanie liczby kolumn i koloru tła. Ustawienia te można skonfigurować osobno dla wersji mobilnej. Można również zmienić szerokość, kolor i promień narożnika obramowania, dodać cień, ustawić górny margines i zdecydować, czy wyświetlić lub ukryć ikonę menu drugiego poziomu.

Nowe elementy są dodawane jako karty, które można łatwo kopiować lub zastępować podczas tworzenia nawigacji. W panelu ustawień bloku można modyfikować marginesy między elementami, wybierać styl aktywnego elementu menu i zmieniać styl elementu po najechaniu kursorem.
FT306. Panel z logo, głównymi i drugorzędnymi pozycjami menu, kategorią "Stopka"

Stopka z elementami menu głównego i drugiego poziomu pomaga budować hierarchię w nawigacji. Elementy główne będą bardziej widoczne, elementy drugiego poziomu - mniejsze i bardziej przejrzyste.

Możesz dostosować szerokość stopki, zmienić odstępy między elementami, aby ładnie ułożyć dowolną liczbę linków. Poza tym można dodać logo, tytuł i dostosować typografię.
Czytaj także
Praktyczne wskazówki dotyczące tworzenia przejrzystej i łatwej w obsłudze strony internetowej
Praktyczne porady od dyrektora artystycznego
Wykonane na
Tilda