Webflow: Strony Kategorii

0:00Kolejna strona, którą przygotujemy na wzór strony z wszystkimi wynikami,

0:04będzie to strona kategorii.

0:05Będzie ona wyglądała dokładnie tak samo jak strona ze wszystkimi wynikami, tyle, że

0:09będzie zawierała wyniki zawężone do konkretnej kategorii, a ponieważ strona

0:13kategorii automatycznie połączona jest z kolekcją naszego CMSa, to będziemy mogli

0:17bardzo łatwo to wszystko pospinać. Rozpocznijmy od tego, że do naszej strony

0:22Body przejdziemy do symboli, a następnie wstawimy Blog menu,

0:25jak również mogę od razu wstawić sekcję Footer, która będzie wyświetlana na dole.

0:30Pomiędzy te sekcje skopiujemy sobie rzeczy, które znajdują się w Blog all posts.

0:34Będzie to po pierwsze ta sekcja Blog hero, musimy to kopiować po jednym.

0:39Przechodzimy z powrotem do Categories temlates.

0:42Do tej strony następnie wklejamy tę sekcję

0:44tutaj i jeszcze przejdziemy raz do Blog all posts, po to, żeby skopiować i wkleić

0:49schemat kafelków, czyli Blog category section.

0:51Teraz wróćmy ostatni raz do Categories template.

0:55Mamy tutaj możliwość wklejenia właśnie, teraz zmieńmy kolejność tych elementów

1:00i wklejenia tych dwóch rzeczy, które powinny nam teraz pokazać posty listowane dla

1:06konkretnej kategorii, w której się znajdujemy. Zawężenie tych wyników będzie

1:09bardzo proste, bo wystarczy wejść Collection list wrapper dla wszystkich

1:12postów i jedyne ustawienie jakie chcemy to zmienić

1:15jest to filtr, który nadamy i strony, które zostały automatycznie wygenerowane i są

1:19fioletowe, z CMSa, mają tę magiczną właściwość, że np.

1:23w filtrze możemy ustawić sobie kategorię,

1:26wybierzemy Category, a następnie, jeśli jest tu strona kategorii, czyli Categories

1:31templates, możemy ustawić sobie ją na Current category.

1:35Ta kategoria będzie automatycznie wiedziała, w którym miejscu jesteśmy.

1:39Jeżeli klikniemy z Menu na Software,

1:41przeniesiemy się na stronę Category software i ta strona będzie wiedziała, że

1:44ma nam wylistować posty, które należą do kategorii Software,

1:48dzięki temu, że właśnie zostawimy tutaj tę

1:50opcję Current category. Więc wybieram polecenie Save, no i mamy to zrobione. Teraz

1:55należałoby jeszcze wyświetlić odpowiednią sekcję, czyli nagłówek z sekcją,w

1:59tym przypadku Blockchain i możemy to zrobić, nawet nie muszę rozgrupowywać

2:03tego symbolu, bo w zasadzie przypomniało mi się, że w tej sekcji bloga,

2:08mam takie nagłówki porobione, a więc w sumie mógłbym z nich skorzystać,

2:11czyli mógłbym w ogóle wziąć cały ten

2:16Collection list wrapper i skorzystać z niego po to, żeby wklecić

2:21sobie ten Collection list wrapper wewnątrz tej strony kategorii

2:27w to miejsce, gdzie mamy symbol. Teraz jeszcze cały Header section rozgrupujmy i pospinajmy to razem, czyli ten Collection list

2:37wrapper umieścimy w środku, wewnątrz, natomiast tego

2:39się pozbędziemy, jeszcze zmienimy kolejność i teraz tylko musimy zadbać o to, żeby

2:45Collection list wrapper mapował nam też odpowiednią kategorię. W związku z tym

2:48Category software zmieniamy na Current category, Save i mamy to ogarnięte.

2:54Co to znaczy, że mamy ogarnięte?

2:55To znaczy, że teraz, jeżeli podejrzelibyśmy naszą

2:58stronę i plrzeklikiwali się po poszczególnych kategoriach Software, Marketing, Mobile

3:03i Blockchain, w ogóle zobacz, że w moment to po prostu się ładuje.

3:06Ta baza jest szybka, te dane są zoptymalizowane.

3:09To naprawdę działa świetnie i również strona

3:12All articles, trochę dłużej trzeba poczekać, ale ładują się tu wszystkie posty, działają z

3:16paginacją i można powiedzieć, że w ten prosty sposób mamy wszystkie strony

3:20kategorii pospinane. Wszystkie dane są dynamiczne, zmiany w bazie będą powodowały

3:25zmiany na naszej stronie, więc wygląda na to, że wszystko jest OK.

3:29Moglibyśmy sobie dopracować kolejne CMS collection pages, czyli przykładowo zrobić

3:34stronę autorów i wyświetlać jakoś fajnie autorów, z miniaturkami i pobrać tam dane.

3:38Tam jest zdjęcia autora, tam jest jego adres e-mail itd.,

3:42aczkolwiek będzie to w zasadzie

3:43powtarzanie tych wszystkich czynności, które wykonaliśmy,

3:46więc my zrobimy sobie tylko jeszcze

3:48ostatnią stronę. Nie będziemy robić tagów i autorów, chociaż możesz to zrobić,

3:51oni jeszcze nigdzie nie są podlinkowani,

3:54więc nawet nikt nie będzie mógł wejść na te puste strony.

3:56Natomiast to, co my będziemy chcieli zrobić, to rzeczywiście jest ta strona główna

4:00posta, to jest to na czym nam najbardziej zależy.

4:03I tym szablonem Blog post template zajmiemy się w kolejnej lekcji.

4:06Do usłyszenia!