Wordpress: Własne Typy Postów z Pods i ACF

0:00Witaj w kolejnej, można powiedzieć bonusowej lekcji, ponieważ chciałem Ci pokazać możliwości

0:04zarządzania własnymi polami, a także własnymi typami

0:08postów za pomocą wtyczek. Pierwsza wtyczka, którą zainstalujemy, to będzie Advanced

0:12Custom Fields. Jestem oczywiście we Wtyczki > Dodaj nową. I i nstaluję wtyczkę Advanced

0:17Custom Fields. A skoro Jestem już przy wtyczkach i instalacji, to

0:21zainstaluję sobie jeszcze jedną wtyczkę. Aktywuję ACF, teraz

0:26przejdę z powrotem do sekcji Dodaj nową i od razu zainstaluję sobie wtyczkę Pods. Pods

0:31jest bardziej zaawansowaną wtyczką niż ACF. Pozwala nam ogólnie na taki

0:35własny content, czyli własne zarówno dodatkowe pola, jak

0:39również własne typy postów. Obie te wtyczki zostały już włączone i pojawiły

0:44się po lewej stronie na dole. Advanced Custom Field to Własne pola, a Pods to Pods Admin. Wejdźmy

0:49sobie w Advanced Custom Field, czyli Własne pola i mamy tutaj Grupy pól,

0:53Dodaj nową i Narzędzia. Zerknijmy na dodawanie nowej - będziemy

0:57mogli tutaj wprowadzić nową grupę pól. Będą to na przykład pola do przepisów, czyli

1:01piszmy sobie Przepisy i teraz do tej grupy będziemy dodawać poszczególne

1:05pola, wybierając polecenie Dodaj pole. No i mamy tutaj, jak

1:09widzisz, dużo więcej opcji niż standardowo w WordPressie, gdzie było dodawane tylko pole typu klucz-wartość. Będziemy

1:14mogli dodać etykietę, nazwę pola ale także wybrać jego typ. I

1:18zobacz, że te pola będziemy mogli ustawiać nie tylko na tekst, ale również

1:23na przykład na obraz, plik i tak dalej. I w zależności od tego, co

1:27wybierzemy, zmieniają nam się też wszystkie te opcje. Czyli mamy na przykład możliwość wyświetlania

1:31jakiegoś konkretnego rozmiaru. Jeżeli dodamy plik jako multimedia

1:36do naszej strony, będziemy mogli wyświetlić sobie albo miniaturkę, średni albo duży podgląd

1:40w przypadku obrazu. Ale mamy też na przykład takie rzeczy jak przykładowo

1:44mapa Google, którą możemy zamieścić, podając tylko i wyłącznie te

1:49parametry typu latitude i longitude. Będziemy mogli automatycznie wstawić

1:54takie parametry i dodać sobie mapkę. Mamy też możliwość wybierania daty

1:58albo daty i godziny. Jeżeli chcielibyśmy jako pole dodatkowe, aby

2:02ktoś mógł określić na przykład kiedy, no nie wiem, kiedy ten przepis

2:06traci akurat ważność, to może nie jest sensowne, ale możemy

2:11sformatować to dokładnie w konkretnym formacie daty, który chcemy. Te

2:15własne pola, które będziemy dodawać w taki sposób, nie przyjmują tylko takiej

2:20prostej wartości klucz-wartość tekstowa, ale również mogą być dużo

2:24bardziej zaawansowane. Naturalnie nie ma sensu dodawać tutaj kolejnych pól, dlatego

2:28że ich wyświetlanie jest zależne od szablonu. I dopóki

2:33nasz szablon albo my nie zakodujemy, nie zmienimy szablonu w ten sposób, aby

2:37wspierał i wyświetlał jakoś te pola, na przykład tę mapkę Google czy ten obraz w dowolnym

2:41miejscu, no to tak naprawdę to Advanced Custom Fields nie są nam potrzebne. Dlatego

2:45jedynie chciałem zasugerować Ci, że taka możliwość istnieje

2:50i zamiast dodawać te pola domyślne wordpressowe, jeśli chcesz

2:54budować w nich jakieś dodatkowe bogate treści, na przykład jeżeli

2:58masz stronę, na której są recenzje filmów i chciałbyś, żeby do każdej

3:02takiej recenzji były dodawane informacje standardowe, typu na przykład rodzaj

3:07filmu albo czas jego trwania, ale także informacje jakieś powiązane

3:11z datą wydania tego filmu, no to możesz właśnie już zrobić

3:15tutaj datę w tej postaci. Możesz też zrobić obrazek

3:20jako jakieś dodatkowe metadane w postaci tych zaawansowanych pól, w których będzie

3:24okładka danego filmu czy jego plakat i tak dalej. Więc tak

3:28będzie działać ta wtyczka Własne Pola. Jeżeli chodzi o wtyczkę Pods, ta wtyczka

3:33daje nam możliwości nie tylko tworzenia jakiś dodatkowych par klucz-wartość, ale tworzenia

3:38całych dodatkowych typów postów, czyli poza naszymi wpisami czy stronami

3:42możemy mieć tutaj dodatkową kategorię, która będzie przykładowo recenzją filmu albo

3:46na przykład przepisem i będzie ona zupełnie inaczej formatowana w ramach motywu,

3:50będzie wymagała przekazania zupełnie innych par klucz-wartość i tak dalej. Możemy

3:55też rozszerzyć istniejące elementy, takie jak nawet taksonomie. Czyli możemy

3:59zmodyfikować kategorie i tagi tak, żeby przykładowo przy dodawaniu nowego tagu

4:03oprócz jego slugu i nazwy pojawiało się jeszcze jakieś inne pole, które

4:07gdzieś tam być może wykorzystamy w motywie. Wiem, że na razie to brzmi dosyć abstrakcyjnie,

4:11ale moim celem jest tutaj, abyś wiedział, że takie możliwości są i możemy

4:15przykładowo stworzyć sobie nowy, własny typ posta, czyli tak zwany Custom Post Type,

4:20nadać mu liczbę pojedynczą Przepis i liczbę mnogą Przepisy. Nie zaglądajmy na razie

4:24do sekcji zaawansowanych. Po stworzeniu takiego własnego typu

4:29posta będzie on już widoczny tutaj w lewej części. Zauważ, że jednym

4:34z typów posta są strony, drugim z typów posta są wpisy czy media. A my stworzyliśmy

4:38własny, którym są przepisy i teraz możemy zdefiniować to

4:42na nowo, jak będziemy w ogóle zbierali dane na podstawie przepisów. Takie

4:46przepisy będą mogły mieć swoje własne dodatkowe pola. Czyli teraz tak jak korzystaliśmy

4:50z Advanced Custom Fields i dodawaliśmy te pola do istniejącego już typu posta,

4:54czyli wpisy, to teraz możemy to zacząć dodawać z pomocą tej wtyczki Pods

4:59do zupełnie nowego typu posta, który stworzyliśmy. I będą to czy to właśnie

5:03recenzje, czy przepisy. Dodajemy sobie Add Field, czyli to customowe pole. Jego label

5:08możemy podać jako przykładowo czas przygotowania takiego posiłku, name

5:14się wypełnia automatycznie na takie, które jest przyjazne dla WordPressa, czyli małe litery i

5:18podkreślenia, brak polskich znaków i tak dalej. Description, czyli opis - nie musimy go dodawać.

5:22No i jaki będzie to typ pola. W przypadku czasu przygotowania, moglibyśmy podać

5:26tekst, że to jest na przykład 30 minut, ale drugiej strony możemy też wybrać na

5:30przykład po prostu time, czyli czas. Jeszcze mamy opcję, możemy zaznaczyć,

5:34że jest to wymagane, aby podać to w takim wpisie. Nie wybierajmy żadnych

5:39opcji zaawansowanych i po prostu zostawmy sobie na razie to jedno pole. Teraz jeżeli

5:43przeszedłbym do przepisów i spróbował dodać nowy przepis... Jestem...

5:48Nie jestem pewien, czy zapisałem tę zmianę, więc wybierzmy polecenie Save Pod. Przejdźmy

5:55do Przepisów. Dodaj nowy. Będziemy mogli tutaj wprowadzić tytuł tego

5:59przepisu, czyli na przykład Nowy przepis, dodać

6:04jakąś treść i zobacz, że mamy tutaj czas przygotowania i nawet

6:09okazuje się, że wybraliśmy zły typ, ponieważ pokazuje to czas, tak jakby

6:13zegar, a nie czas w minutach. Więc na pewno zawsze

6:17możemy to zmienić w tej sekcji administracyjnej Pods. Zauważ też, że nie

6:21mamy dostępu teraz do tego nowego edytora, tego edytora Gutenberg, ale

6:25jest to, wydaje mi się, do zrobienia, jeżeli przejdziemy - nie będę zapisywał tych zmian -

6:30do edycji tych podów. Wybieram polecenie Edit. Wydaje mi się, że

6:34trzeba włączyć tutaj prostu obsługę Rest Api i powinno to chyba..

6:38powinno to chyba wystarczyć. Zobaczymy jeszcze,

6:42czy po zapisaniu rzeczywiście w przepisach będziemy

6:47mogli dodać nowy w ramach Gutenberga. No i rzeczywiście tak jest. Nie

6:51będziemy tutaj już szli dalej, ponieważ jest to temat bardziej zaawansowany, ale mam

6:55nadzieję, że rozumiesz teraz przynajmniej możliwości WordPressa związane z tym, że

6:59tak naprawdę nie jesteśmy ograniczeni do tych podstawowych typów postów, które możemy

7:03tutaj tworzyć, czyli do stron i wpisów. Ale możemy

7:08również dodawać swoje własne customowe typy postów, jak również możemy definiować

7:12dla nich różne pola, które niekoniecznie będą samą parą klucz-wartość,

7:16ale na przykład będą jakąś mapką, albo jakimś obrazkiem do dodania. I

7:21w ten sposób, przygotowując sobie stronę, która jest customowa, która nie jest typowym

7:25blogiem, a na przykład zawiera właśnie przepisy kulinarne czy recenzje filmów,

7:29będziemy mogli tutaj stworzyć taki interfejs, w którym każdy redaktor w

7:33momencie, gdy będzie dodawał nową recenzję czy przepis, będzie miał też dodatkowe fajne

7:37pole do uzupełnienia - są one, jak widzisz, mogą być oznaczone jako obowiązkowe i w takim

7:42interfejsie może pracować. I po zapisaniu takiego kolejnego posta

7:46naturalnie naszym zadaniem już jako deweloperów będzie takie

7:50przekształcenie skórki, z której korzystamy, żeby można było te elementy

7:55wyświetlać. Sam Pods  na to też pozwala, więc będziemy w dowolnej skórce,

8:00w dowolnym motywie mogli sobie wyświetlić nasze przepisy, ale tak naprawdę jest

8:04to już temat trochę bardziej zaawansowany. Nie będę go omawiał w kursie podstawowym. Istnieje

8:09także możliwość stworzenia zarówno własnych zaawansowanych pól, jak

8:13i własnych typów postów bezpośrednio w kodzie. Tutaj minus

8:18rozwiązania, z którego korzystamy, jest taki, że jeżeli przeszedłbym teraz

8:22do Wtyczek i zobaczył Zainstalowane wtyczki, a następnie zdecydował się,

8:26że wyłączam Pods, to w tym momencie stracę wszystkie te moje customowe

8:31typy postów. Jak widzisz, nie są już one wyświetlane. I jeżeli ta wtyczka z jakiegoś

8:35względu byłaby... działałaby błędnie albo została przez przypadek już usunięta, tak

8:40jak to teraz zrobiłem, albo odinstalowana, to samo z Advanced Custom Fields, no

8:44niestety nie mielibyśmy dostępu do tych treści. W związku z tym zamiast

8:48tego taką właściwą drogą, jeśli chcemy rzeczywiście mieć porządnie

8:52skonfigurowany customowy WordPress pod nasze potrzeby, będzie dopisanie tych

8:57własnych typów postów i własnych pól do kodu WordPressa. Ja

9:01podrzucam Ci link, który może w tym pomóc, ale generalnie jest to temat na kurs zaawansowany. Teraz

9:06mam nadzieję, że pokazałem Ci przynajmniej możliwości. W związku z tym zapraszam Cię

9:11do kolejnej lekcji tego kursu. Do usłyszenia!