27 układów portfolio
Siatki i masonry. Style filtrowania i ładowania. Do tego układy pojedynczych projektów, które stoją za nimi.
Zaktualizowano
Siatek 5
Każda siatka tutaj to jeden blok Canvas Posts z ustawieniem Layout na Portfolio. Columns określa, ile projektów mieści się w jednym rzędzie, a Portfolio Gutter ustawia odstęp między nimi, aż do zera. Wersja z jedną kolumną włącza Alternating Split Cards, dzięki czemu każdy projekt znajduje się obok swojego opisu, a zdjęcie zmienia stronę przy co drugiej karcie.
- 1 kolumna (otwiera się w nowej karcie)
- 2 kolumny (otwiera się w nowej karcie)
- 3 kolumny (otwiera się w nowej karcie)
- 5 kolumn (otwiera się w nowej karcie)
- 6 kolumn (otwiera się w nowej karcie)
Masonry 6
Ten sam blok, inny Grid Engine. Wybierz tryb masonry, a karty zachowają własne wysokości i ułożą się w kolumny bez linii wierszy do przestrzegania. To Card Shape decyduje o rytmie: przytnij wszystkie zdjęcia do jednego kształtu albo pozwól, by każdy projekt zachował własny. Wersja mieszana przenosi też tytuł do nakładki po najechaniu.
- Mieszane kolumny (otwiera się w nowej karcie)
- 2 kolumny (otwiera się w nowej karcie)
- 3 kolumny (otwiera się w nowej karcie)
- 4 kolumny (otwiera się w nowej karcie)
- 5 kolumn (otwiera się w nowej karcie)
- 6 kolumn (otwiera się w nowej karcie)
Style ładowane 5
To decyduje o tym, jak odwiedzający docierają do reszty prac. Pagination Style oferuje paginator po stronie klienta i nieskończone przewijanie wśród dostępnych opcji. Open Projects In-Page wczytuje projekt nad siatką bez opuszczania strony, a Open Project In może wyświetlić go w modalnym oknie lightbox. Filter Styles układa blok Canvas Grid Filter, czyli rząd przycisków kategorii, we wszystkich jego stylach, z przyciskiem Shuffle i bez niego.
- Paginacja jQuery (otwiera się w nowej karcie)
- Nieskończone przewijanie (otwiera się w nowej karcie)
- AJAX na stronie (otwiera się w nowej karcie)
- AJAX w oknie modalnym (otwiera się w nowej karcie)
- Style filtrów (otwiera się w nowej karcie)
Pojedynczy projekt 5
Strona projektu przejmuje układ z szablonu wybranego w ustawieniu Szablon podczas edycji projektu. Szablony obejmują cztery rodzaje mediów: dużą grafikę, galerię w formie slidera, siatkę miniatur i wideo. Każdy z nich może mieć pasek boczny z lewej, z prawej lub po obu stronach, być na pełną szerokość albo pod dużą sekcją hero. Podane tutaj strony to przykładowy zestaw tych szablonów.
- Parallax Image (otwiera się w nowej karcie)
- Slider Gallery (otwiera się w nowej karcie)
- Wideo HTML5 (otwiera się w nowej karcie)
- Miniatury w układzie mozaiki (otwiera się w nowej karcie)
- Osadzanie wideo (otwiera się w nowej karcie)
Układów 6
Miejsce siatki na stronie. Wersje z paskiem bocznym umieszczają ten sam blok w głównej kolumnie obok paska bocznego z widżetami, takimi jak ostatnie wpisy i szybki formularz kontaktowy. Szerokość 100% rozciąga siatkę od krawędzi do krawędzi, bez odstępów. Parallax włącza Parallax Cards, który zamienia każdy obraz w warstwę tła przesuwającą się podczas przewijania strony.
- Domyślny (otwiera się w nowej karcie)
- Prawy pasek boczny (otwiera się w nowej karcie)
- Lewa kolumna boczna (otwiera się w nowej karcie)
- Pasek boczny po obu stronach (otwiera się w nowej karcie)
- Szerokość 100% (otwiera się w nowej karcie)
- Paralaksa (otwiera się w nowej karcie)
Każdy link otwiera prawdziwą stronę w działającym pokazie, zbudowaną przy użyciu tego samego motywu i bloków, które można zainstalować.
Zbuduj dowolny z tych układów z jednego bloku
Prezentacja służy do oglądania. Bloki i szablony, na których się opiera, są dostarczane razem z Canvas, więc każdy z powyższych układów można odtworzyć na własnej witrynie.
Projekty to rekordy
Prace są przechowywane w typie treści portfolio, jeden rekord na projekt, z kategoriami, na podstawie których Grid Filter buduje swoje przyciski. Dodaj projekt, a każda siatka w witrynie, która wyświetla tę kategorię, go uwzględni. Sama strona nigdy nie wymaga edycji.
Siatka jest kwestią ustawień
Wstaw blok Canvas Posts, wybierz układ Portfolio, a następnie przejdź przez panele Layout i Pagination, korzystając z nazw z tej strony. Na samej stronie projektu Canvas dodaje 8 bloków portfolio, od tytułu i listy metadanych po powiązane projekty.
Lub zaimportuj gotową witrynę
21 z 88 witryn demo importuje projekty portfolio, ułożone dla agencji, fotografa lub ilustratora. Zacznij od jednej z nich i edytuj projekty, a nie układ.
Każdy plan, każdy układ
Nie ma dodatku portfolio. Siatki, filtr, style ładowania i szablony pojedynczych projektów są w planie Roczny tak samo jak w planie Dożywotnim, ponieważ każdy plan zawiera każdy blok.
Który układ portfolio pasuje do rodzaju prac
Zacznij od zdjęć, bo układ istnieje po to, żeby je pokazać. Zdjęcia zrobione w jednej orientacji dobrze wyglądają w dopasowanej siatce, w której rzędy są wyrównane. Mieszane prace pionowe i poziome najlepiej pasują do układu masonry, gdzie każda karta może zachować kształt swojego zdjęcia.
Studia przypadków czyta się inaczej. Gdy każdy projekt wymaga akapitu kontekstu, siatka jednokolumnowa z kartami z podziałem daje mu na to miejsce, a wersja z paskiem bocznym sprawdzi się u agencji, która chce mieć dane kontaktowe obok prac.
Weź pod uwagę także liczbę projektów. Niewielki zbiór prac zmieści się na jednym ekranie z filtrem nad nim. Gdy wierszy jest więcej, wybierz sposób ładowania, aby strona szybko się otwierała: paginację dla odwiedzających, którzy lubią wiedzieć, gdzie się znajdują, lub nieskończone przewijanie dla tych, którzy po prostu przeglądają. Przy pojedynczym projekcie najpierw wybierz szablon według jego mediów: suwak galerii do sesji zdjęciowej lub wideo do filmu, a paski boczne zostaw na koniec.
Reszta biblioteki
Zacznij od gotowej strony
Wszystkie 141 układów są dostępne w każdym planie, wraz z każdym blokiem i każdą witryną demo.
