Wordpress: Rozszerzanie wpisów - Typy Postów i Własne Pola

0:00Cześć! Witaj w kolejnej lekcji, w której zaczniemy dodawać nasze pierwsze wpisy do WordPessa. Po

0:04pierwsze usunę ten przykładowy wpis Witaj, świecie! i wybiorę

0:09polecenie Dodaj nowy. W tym momencie jesteśmy już w edytorze WordPressa. I edytor,

0:13w którym się znajdujemy, nazywa się Gutenberg. Został on wprowadzony w piątej wersji WordPressa,

0:17a wszystkie poprzednie wersje miały nieco inaczej wyglądający

0:21edytor. Teraz dla większości użytkowników, zwłaszcza dla tych z Was, którzy na nowo zaczynają

0:25pracę z WordPressem, czy będą edytować tylko treści, ten edytor będzie zdecydowanie

0:29bardziej wygodny. Natomiast istnieje jakiś mały procent osób, które prawdopodobnie

0:33będą chciały z różnych powodów przepiąć się na stary edytor, więc w razie

0:37czego podrzucam Wam link do tego, jak można to zrobić, ale my

0:42na potrzeby kursu oczywiście będziemy już korzystać z tego nowego. I chciałem

0:46wytłumaczyć Ci wszystkie rzeczy, które są związane z technicznym aspektem

0:50jeszcze dodawania postów, zanim przejdziemy do omawiania funkcji samego edytora. Zatem

0:54wiele rzeczy stąd już omówiliśmy. Kategorie, tagi - już wiemy, co to jest. Dyskusja - wiemy,

0:59że możemy ją włączyć czy też zezwolić na trackbacki. Mamy również coś

1:04takiego jak zajawka. To tak zwany excerpt, czyli taki krótki

1:08wypis z postu, takie najważniejsze informacje dotyczące

1:12posta lub informacje, które mają zachęcić użytkownika do jego przeczytania. Zajawka,

1:17podobnie jak wiele innych rzeczy, które są dostępne w edytorze, na przykład obrazek wyróżniający czy

1:21tagi, może, ale nie musi być wyświetlana gdzieś w naszym szablonie. Oczywiście

1:26szablony, czyli motywy WordPressa, są na tyle elastyczne, że to, co będzie widział użytkownik,

1:30tak naprawdę mocno zależy od tego, jaki motyw wybierzemy i gdzie on

1:34te informacje umieszcza. W związku z tym dodawanie zajawki może być potrzebne

1:39lub nie, w zależności od tego, czy rzeczywiście ona gdzieś ma zastosowanie

1:43w motywie, z którego korzystasz. Jeśli chodzi o obrazek

1:47wyróżniający - podobnie. Ten obrazek może być wyświetlany w motywie,

1:51ale niekoniecznie musi. I w zasadzie z tych podstawowych właściwości to

1:56mamy tylko to, czyli możemy dodać treść posta. Mamy też tę zajawkę i obrazek

2:00wyróżniający. I to są rzeczy, które są treścią naszego wpisu, i w jakiś sposób WordPress

2:05może żonglować nimi przy wyświetlaniu w ramach konkretnego motywu. Chcę

2:09jednak, żebyś wiedział, że różne motywy mogą dać Ci różne kolejne

2:13możliwości. Jeśli przykładowo przejdziemy sobie teraz

2:17do sekcji Wyglądu i do Motywów - i nie będziemy zapisywać na razie tych zmian -

2:22i przełączymy się na jakiś starszy motyw, na przykład Twenty Seventeen, i teraz

2:26wrócimy do tworzenia dodawania nowego wpisu, okaże się, że ten edytor co

2:30prawda to jest dalej Gutenberg, ale wygląda troszeczkę inaczej. Czyli inaczej są sformatowane

2:34i inne są fonty. No i również dodatkowo

2:38jest tu wyświetlany format wpisu. Przykładowo - ta

2:42skórka WordPressa wspiera różne formaty. Poza standardowym

2:47formatem możemy przykładowo zrobić sobie galerię albo na przykład odnośnik.

2:51No i to, jak zostanie sformatowane/wyświetlone użytkownikowi to,

2:55co stworzymy w ramach na przykład takiego wpisu, dodając do niego różne zdjęcia, właśnie

3:00zależy od tego, co wybierzemy. Jeśli wybierzemy galerię, to być w może jakiś fajny sposób te zdjęcia

3:04będą wyświetlane. Jeśli wybierzemy obrazek, być może też ten obrazek wyróżniający

3:08będzie na przykład większy, a podpis znajdzie się mniejszym fontem

3:12pod nim. To już dokładnie zależy od konkretnego motywu. I możemy

3:17też, jeśli nasz motyw wspiera to formatowanie wpisu, ustawić

3:21sobie taki format domyślny. W sekcji Ustawienia a następnie Pisanie możemy

3:25przejść do Domyślny format wpisu i tutaj wybrać ten format wpisu,

3:30który jest dla nas najważniejszy. Przykładowo - jeśli robimy sobie jakąś stronę z portfolio i

3:34każdy kolejny wpis zawiera jakieś, powiedzmy, nasze rysunki

3:39czy obrazki z projektów, które tworzymy, to

3:43wtedy być może domyślnym formatem wpisu będzie galeria. Jeśli

3:47zaś chodzi o nas, my przyjdziemy z powrotem sobie do Wygląd > Motywy i

3:51wrócimy do motywu Twenty Nineteen. W tym motywie akurat

3:55przy tworzeniu nowych wpisów po prostu nie mam możliwości skorzystania z takiej

4:00opcji. Wszystkie te wpisy są formatowane domyślnie w taki sam sposób, a ja

4:04mogę jedynie mieć wpływ na to, jak wyglądają poprzez ustawienie tak zwanych bloków,

4:09czyli tych różnych rzeczy, które będę dodawał w treści. Ważna informacja, jaka stąd płynie,

4:13jest taka, aby nie starać się wypełniać tych wszystkich pól, które są tutaj dostępne, na przykład

4:17obrazka i zajawki, jeżeli nie mamy pewności, że nasz motyw, z którego korzystamy,

4:21wykorzystuje właśnie te pola. Może się okazać że to dodamy, a wcale nie będzie to

4:25wyświetlane dla użytkownika. W związku z tym najpierw wybierzmy sobie motyw,

4:29to jak nasza strona powinna wyglądać. No i wtedy zobaczymy, jakie typy danych gdzie są

4:33wyświetlane w tym motywie i będziemy mogli je tutaj uzupełniać. W naszym

4:38przypadku moglibyśmy zastanawiać się nad tym, czy przypadkiem nie ma takiego formatu posta

4:42jak przepis, który pozwoliłby nam w ramach tego motywu, z którego

4:46korzystamy, wyświetlić przepis w optymalny sposób, tak żeby gotowanie było prawdziwą

4:51przyjemnością. I niestety takiego formatu posta nie ma

4:55predefiniowanego, co nie znaczy, że nie możemy w pewien sposób

5:00dostosować WordPressa, żeby lepiej odpowiadał treściom, które dla niego

5:04tworzymy. Na razie może jeszcze nie koncentrujmy się na tym, jak zmienić sposób wyświetlania

5:08całego posta, a zacznijmy od drobnych rzeczy. W naszym przypadku do

5:13przepisów przydałoby się dodać jakieś dodatkowe informacje, jakieś

5:17metadane, przykładowo o tym, jak długo potrwa przygotowanie

5:21takiego posiłku. I moglibyśmy zawsze to robić w treści posta, ale wtedy

5:25zawsze musielibyśmy wpisywać na przykład to samo - typu czas i dwukropek,

5:30jakoś to formatować w ten sam sposób. Tymczasem istnieje możliwość

5:34przypisywania takich dodatkowych właściwości do postów, które

5:38po pierwsze - mogą być później automatycznie w ramach motywu jakoś

5:43sformatowane, wyświetlane w odpowiednim miejscu, a po drugie - jeśli pójdziemy dalej

5:47z customizacją naszego bloga, moglibyśmy napisać jakiś

5:51taki mały dodatek, jakiś mały fragment kodu, czyli funkcję dla naszego motywu,

5:55która pozwalałaby przykładowo z pomocą jakiegoś suwaka

5:59określać sobie, ile mamy czasu. Przykładowo - jeśli mamy

6:0430 minut i wyświetlać wtedy tylko te przepisy, których przygotowanie

6:08trwa 30 minut albo krócej. Byłoby to super i możemy to w WordPressie

6:12jak najbardziej zrobić poprzez dodawanie własnych pól. Te w łasne

6:16pola jeśli wybierzemy te dodatkowe opcje - trzy kropeczki w prawym górnym rogu - są

6:20dostępne w sekcji Opcje i możemy włączyć je z Zaawansowanych

6:25paneli > Własne pola. Tutaj możemy skonfigurować swoje

6:29nowe własne pole i przykładowo może to być pole czas i jego wartość możemy

6:34określić przykładowo w minutach na 50 minut. Teraz

6:38to, czy i gdzie będzie wyświetlana ta informacja, zależy

6:42wyłącznie od motywu. Czyli możemy, idąc dalej w naszym

6:47motywie, dodać taką funkcję, która pozwoli nam wyświetlać te

6:51własne pola, gdybym dodał to w tym momencie do przepisu. Jak widzisz, takie pole

6:55zostało w nim umieszczone. Ja mogę dodać kolejne pole, na przykład określające

6:59rodzaj kuchni czy cokolwiek innego, co chciałbym tutaj mieć. Nazwijmy

7:04to na razie Przepis 1 i opublikujmy taki wpis. Jeszcze

7:08raz wybieram Opublikuj, żeby ten wpis został opublikowany, a następnie przejdźmy

7:13do sekcji Wygląd oraz sekcji Edytor. I teraz

7:17jesteśmy w miejscu zastrzeżonym dla osób trochę bardziej zaawansowanych z WordPressa. Niemniej

7:22jednak chcę, żebyś miał świadomość, że to miejsce tu jest i możemy edytować cały kod

7:26źródłowy wszystkich plików motywu, z którego aktualnie korzystamy. Ja korzystam z Twenty Nineteen

7:30i prawdopodobnie pamiętasz, że ja wchodziłem też do plików tego

7:34motywu i otwierałem sobie functions.php. Ten plik również tu jest i na samym

7:38dole znajdują się te wszystkie wprowadzone przez nas zmiany ukrywające

7:42notyfikacje czy wyświetlające ten widget, więc można też zastosować je

7:46stąd. Rzecz jasna jeżeli nie wiesz, co robisz, nie polecam Ci

7:51modyfikować tych plików, bo szablon może się zwyczajnie przestać wyświetlać i

7:55nasza strona nie będzie wyświetlana poprawnie. Z drugiej strony jeżeli wpiszesz

8:00te modyfikacje w złym miejscu, może się okazać, że po aktualizacji motywu Twoje te

8:05dopisane rzeczy po prostu znikną. W związku z tym jesteśmy tutaj

8:09na zasadzie jedynie eksperymentu, bo chciałem pokazać Ci, że stąd możemy też

8:13przejść sobie do strony pojedynczego wpisu, czyli strony single.php. I

8:17tutaj, mimo że nie wiemy, co robi ten kod tak naprawdę,

8:21to mogę pokazać Ci takie miejsce, gdzie po prostu wyświetla się nasz post. To

8:26jest gdzieś mniej więcej tutaj, bo on stąd pobiera sobie szablon i później

8:30ładuje do niego wszystkie te rzeczy, które dodaliśmy w ramach

8:34nowego wpisu. Więc w dowolnym miejscu, na przykład możemy nawet tutaj, możemy

8:38dodać taki kawałek kodu bardzo prosty i nawet nie

8:42taki docelowy, jaki powinniśmy do tego używać, ale chciałem, żeby był on jak najprostszy,

8:46który wyświetli nam nasz czas. Z pomocą metody echo po prostu wyświetli

8:51nam się ten czas gdzieś tam na górze w szablonie. Więc zaktualizujmy ten plik, a

8:55następnie przejdę do bloga i kliknę na Przepis

8:591. No i jak widzisz, ten czas, czyli 50 minut, nam się tutaj pojawia. Gdybyśmy

9:04zmodyfikowali teraz tą wartość we wpisie, czyli przejdźmy do Wszystkie wpisy

9:08i wyedytujmy to... i przykładowo gdybyśmy zmienili tą wartość na 30

9:12a następnie zaktualizowali ten wpis - możemy przejść na naszą

9:17stronę - mamy tutaj dalej 50, ale jeśli odświeżymy, będzie pojawiał

9:21się właściwy czas 30. No i to już możemy sobie dowolnie sformatować,

9:25wyświetlać, ale też możemy wykorzystać te dane do napisania jakiejś takiej funkcji,

9:29która po prostu w ramach osobnego widgetu będzie nam pozwalała wybrać właściwy czas i wtedy

9:33wyświetli odpowiednie przepisy. Także w ten sposób możemy rozszerzać WordPressa. Ja chciałem

9:37jedynie zasygnalizować Ci, że takie możliwości są. Wrócę

9:42teraz do sekcji Wyglądu i Edytora

9:46po to, żeby z powrotem usunąć ten fragment z pojedynczego

9:50wpisu. Nie będzie nam on potrzebny dalej w pracy, ale generalnie

9:54podrzucę Ci go jako snippet i chcę, żebyś wiedział, że też

9:58nie należy się tego bać, że możesz poeksperymentować sobie, że są takie miejsca tutaj

10:02w kokpicie, w których możesz też wyedytować pliki

10:06szablonu. Wrócę teraz do sekcji Wszystkie wpisy i kolejna rzecz,

10:11nad którą można by się było zastanawiać to to, czy oprócz tych takich własnych

10:15pól, które możemy dodawać jako pary klucz-wartość, to moglibyśmy

10:19tak naprawdę stworzyć taki w ogóle własny typ tego posta, tak

10:23jak mieliśmy na przykład tę galerię czy jakieś inne typy dla motywu Twenty

10:28Seventeen. Czy moglibyśmy zrobić tutaj typ przepis i wtedy ten

10:32post zupełnie inaczej by się formatował, nie tylko własne pola, ale również

10:36na przykład mielibyśmy możliwość podświetlenia jakiejś listy zadań, która jest do wykonania w

10:40tym przepisie. I takie coś też jest możliwe. Wykracza

10:44to jednak poza zakres tego kursu, ale generalnie oprócz własnych pól,

10:48czyli tak zwanych custom fields, możemy też tworzyć custom

10:53post types, czyli własne typy postów, które też mogą oczywiście

10:57zawierać dodatkowo własne pola. Jeżeli chciałbyś się dowiedzieć na ten temat więcej,

11:01odsyłam Cię do kodeksu. A my będziemy mogli przejść sobie przez

11:05takie uproszczone tworzenie zarówno własnych typów postów, jak i własnych pól z

11:09pomocą wtyczki, którą pokażę Ci w następnej lekcji. Do usłyszenia!