# 27 układów portfolio URL: https://canvaswp.com/pl/templates/portfolio/ Updated: 2026-11-03 Szablony Siatki i masonry. Style filtrowania i ładowania. Do tego układy pojedynczych projektów, które stoją za nimi. [Otwórz prezentację na żywo](https://demos.canvaswp.com/classic/) [Przeglądaj dema witryn](https://canvaswp.com/pl/demos/) Zaktualizowano 3 listopada 2026 - Siatki - Masonry - Ładowanie stylów - Pojedynczy projekt - Układy ## 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)](https://demos.canvaswp.com/classic/portfolio-1/) - [2 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-2/) - [3 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-3/) - [5 kolumn (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-5/) - [6 kolumn (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-6/) ## 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)](https://demos.canvaswp.com/classic/portfolio-mixed-masonry/) - [2 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-2-masonry/) - [3 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-3-masonry/) - [4 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-masonry/) - [5 kolumn (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-5-masonry/) - [6 kolumn (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-6-masonry/) ## 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)](https://demos.canvaswp.com/classic/portfolio-jpagination/) - [Nieskończone przewijanie (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-infinity-scroll/) - [AJAX na stronie (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-ajax/) - [AJAX w oknie modalnym (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-ajax-in-modal/) - [Style filtrów (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-filter-styles/) ## 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)](https://demos.canvaswp.com/classic/projects/portfolio-single-fullwidth/) - [Slider Gallery (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/projects/portfolio-single-gallery-full/) - [Wideo HTML5 (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/projects/portfolio-single-video-fullwidth-left-sidebar/) - [Miniatury w układzie mozaiki (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/projects/portfolio-single-thumbs-right-sidebar/) - [Osadzanie wideo (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/projects/portfolio-single-video-both-sidebar/) ## 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)](https://demos.canvaswp.com/classic/portfolio-nomargin/) - [Prawy pasek boczny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-1-alt-right-sidebar/) - [Lewa kolumna boczna (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-3-left-sidebar/) - [Pasek boczny po obu stronach (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-2-both-sidebar/) - [Szerokość 100% (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-fullwidth-notitle/) - [Paralaksa (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/portfolio-parallax/) 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ć. Na własnej witrynie ## 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. - [Porównanie dem portfolio](https://canvaswp.com/pl/wordpress-themes/portfolio/) ### 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. - [Porównaj plany](https://canvaswp.com/pl/pricing/) Wybór ## 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. Więcej szablonów ## Reszta biblioteki - [Szablony stron 13](https://canvaswp.com/pl/templates/page-templates/) - [Shortcody i elementy 57](https://canvaswp.com/pl/templates/shortcodes/) - [Układy bloga 35](https://canvaswp.com/pl/templates/blog/) - [Układy sklepu 9](https://canvaswp.com/pl/templates/shop/)