Wordpress: Struktura WordPressa

0:00Cześć! Witaj w kolejnej lekcji i w kolejnej części tego kursu, która - mam nadzieję - będzie

0:04coraz bardziej ekscytująca, dlatego że zajmiemy się taką rzeczywistą

0:08pracą w WordPressie. Ubrudzimy sobie ręce i będziemy starali się pozmieniać

0:13trochę rzeczy w naszym motywie. To jest tak, że jak wybierzesz sobie motyw - ja będę

0:17pracował na tym 2019 - ale jak wybierzesz swój dowolny, to tak czy inaczej,

0:21w większości przypadków, będziesz chciał coś pozmieniać, coś dodać, coś ukryć,

0:25coś doinstalować. Postaramy się, przynajmniej w tym kursie, zrobić

0:29to jak najwięcej w sposób zautomatyzowany, czyli z pomocą wtyczek,

0:34jak również jakichś kawałków kodu, które Ci podrzucę. Natomiast im

0:38głębiej będziesz wchodził w te struktury i im bardziej będzie Ci się to podobało, na pewno

0:42będziesz chciał też poduczyć  się technologii takich jak HTML, CSS, JavaScript, może

0:47nawet PHP. Więc tutaj zapraszam Cię do kolejnych kursów. Ale my

0:51postaramy się zrobić i zajść jak najdalej w taki sposób partyzancki. Gwarantuję Ci,

0:56że WordPress jest tak rozbudowany, jest tyle zasobów, tyle materiałów i tyle

1:00wtyczek, że naprawdę bardzo dużo rzeczy można zrobić w ten sposób. Cóż,

1:04ma to jakieś swoje wady, ponieważ instalując masę wtyczek, jesteśmy automatycznie

1:09narażeni na to, że te wtyczki przestaną działać albo być wspierane, albo będzie

1:13nasz WordPress trochę mniej bezpieczny. Ale generalnie jeśli jesteś osobą początkującą, to

1:18jest taka droga na skróty, ale również droga, która jest ciekawa, i warto

1:22ją sobie sprawdzić. Przejdźmy teraz do Wyglądu. I najpierw zobaczymy,

1:26jak można dostosować jeszcze ten nasz motyw. Pamiętasz prawdopodobnie, że

1:30usunęliśmy z tej sekcji Tożsamość witryny tytuł oraz opis. Dlaczego

1:35to zrobiliśmy? Zrobiliśmy to dlatego, bo nie podobało nam się, jak tutaj nam się wyświetlał

1:39ten element w motywie. Natomiast sam tytuł i opis jest bardzo ważny. I

1:43mówiłem Ci też z punktu widzenia SEO, że on powinien tutaj być. Bo osoby,

1:48które będą wyszukiwały naszej witryny, będą właśnie te rzeczy widziały w wyszukiwarce

1:52Google. Natomiast chcielibyśmy tak czy inaczej to ukryć. Niektóre motywy posiadają tu

1:57checkbox, który po prostu pozwala nie wyświetlać tego na stronie głównej czy

2:01w nagłówku. Ten motyw tego nie ma. Jak moglibyśmy sprawić,

2:05że te rzeczy znikną? Pokażę Ci pierwszą metodę, która sprowadza się do tego, że

2:10przejdziemy tutaj do sekcji Dodatkowy CSS i żeby trochę lepiej zrozumieć

2:14to, jak funkcjonuje taki dodatkowy CSS, chciałbym najpierw wytłumaczyć Ci,

2:18jak wygląda struktura plików Wordpressa, z czym my w ogóle mamy do czynienia w

2:22WordPressie. I można powiedzieć, że jest to struktura taka trójdzielna,

2:26gdzie na samym dole są te najważniejsze pliki - te pliki,

2:30które odpowiadają w ogóle za działanie naszej strony, czyli za komunikację z bazą,

2:34logowanie, za wyświetlanie postów. Jest to tak zwany core WordPressa. Jeżeli

2:39mielibyśmy analogię do samochodu, to core WordPressa to będzie silnik, skrzynia

2:43biegów, koła, hamulce - coś, bez absolutnie nie możemy pojechać. W związku

2:47z tym również te pliki, które składają się na core WordPressa, są -

2:52można powiedzieć - święte. Zerknijmy teraz na katalog naszego serwera. Znajduje się

2:56tutaj folder WordPressa, a w nim znajdują się luzem te właśnie najważniejsze

3:00pliki, czyli przykładowo plik wp-login do obsługi logowania, wp-mail do obsługi maili, wp-settings z ustawieniami, plik

3:06do obsługi trackbacków, headerów i tak dalej. Znajdują

3:10się tutaj też trzy katalogi w folderze wp-admin. Są to znów pliki core

3:14WordPressa, które obsługują sekcję administracyjną. W sekcji

3:18wp-content znajdziemy różne pliki, które związane są z motywami, upgrade'ami,

3:24różnymi zainstalowanymi przez nas wtyczkami czy obsługą wielu języków. Część z

3:29tych plików jest plikami core WordPressa, część plikami na przykład szablonów, o których

3:33zaraz powiem. Mamy też folder wp-includes. Tutaj też znajdują się core

3:37pliki WordPressa. Można powiedzieć, że tu jest ich najwięcej, bo są

3:41to klasy odpowiedzialne za generowanie i wyświetlanie treści takich jak

3:45komentarze, jak wpisy. Więc tych rzeczy nie powinniśmy w

3:49ogóle dotykać. One w zasadzie są święte. W zasadzie jedyne rzeczy,

3:53z których będziemy korzystać, będziemy je czasem edytować, są to rzeczy, które

3:57znajdują się w katalogu wp-content. To tutaj właśnie mamy do dyspozycji sekcję z

4:02wszystkimi naszymi pluginami oraz sekcję themes, czyli tę sekcję z

4:06motywami. I teraz kolejne elementy składowe w anatomii

4:11WordPressa są to właśnie szablony, z których korzystamy. Możemy rozróżnić

4:15te pliki szablonów i podzielić je na dwie kategorie. Pierwsza

4:20są to pliki takie core szablonów, czyli te pliki PHP odpowiedzialne za działanie

4:24szablonów. Może wejdźmy sobie teraz do szablonu twentynineteen, czyli

4:28do tego, z którego ja aktualnie korzystam. Zobaczysz, że jest tutaj sporo

4:32plików, na przykład takich jak footer.php, functions.php, comments.php, archive.php. Są

4:37to pliki odpowiedzialne za wyświetlanie poszczególnych stron, poszczególnych

4:42sekcji w ramach WordPressa, czyli na przykład to są pliki do strony archiwów,

4:46to są pliki do strony komentarzy. Ten plik wyświetla footer, ten plik

4:50wyświetla header - ponieważ to są dwa elementy, które są jak gdyby doklejane do każdego

4:54motywu na górę i na dół. Następnie gdybyśmy mieli sidebar.php, to by

4:59był element, który byłby zawsze doklejany z boku do takiego motywu. Kolejny

5:03mamy plik functions, czyli te core'owe funkcje motywu, te które

5:08pozwalają nam definiować jakieś obszary, które zarządzają działaniem niektórych

5:12rzeczy, na przykład widgetów, które możemy w końcu uzupełniać o jakieś nasze własne,

5:16customowe funkcje, które definiowałyby jakiś inny sposób działania

5:21WordPressa. My już z tych funkcji korzystaliśmy, na przykład nadpisując to, w jaki sposób

5:25wyświetlane są powiadomienia w wp-adminie, czyli nadpisaliśmy jakąś domyślną

5:29funkcję wyświetlania powiadomień naszą własną, która je ukryła. Patrząc na

5:35funkcje i biorąc pod uwagę analogię do samochodu, to można powiedzieć, że to

5:39są te rzeczy, które dokupujesz do samochodu w tych pakietach dealerskich. Takie

5:43najważniejsze, które w jakiś sposób definiują działanie samochodu, przykładowo czujniki

5:47parkowania, kamera, nawigacja, podgrzewane fotele,

5:52czyli coś, co wykonuje jakieś operacje. I w

5:56ten sposób można myśleć o funkcjach i o tych plikach PHP, tych plikach core PHP

6:00szablonu. Natomiast są jeszcze jedne, a w zasadzie

6:04dwa rodzaje plików szablonu, czyli te, które definiują jego wygląd. Gdybyśmy patrzyli

6:09na samochód, to teraz jesteśmy już w sferze nie działania, ale raczej tego,

6:13jak auto wygląda, czyli jaką mają tapicerkę fotele, jaki jest

6:17kolor samochodu, jakie dodatki wybierzemy sobie - może jakiś aluminiowe listwy,

6:21progi i tak dalej. I to wszystko znajduje się w plikach HTML oraz

6:26plikach CSS w ramach szablonu. Te pliki możemy też

6:30tutaj odnaleźć. Są to pliki, które czasem są w jakimś katalogu, czasem gdzieś

6:34tutaj są luzem. Trudno jest jednoznacznie to wskazać, ponieważ zależy to

6:39od twórcy szablonu. Najczęściej, zwłaszcza dla początkujących, dużo

6:43łatwiej będzie edytować te rzeczy z wnętrza wp-admina, co zaraz Ci pokażę. Natomiast na

6:48ten moment chciałbym, żebyś zapamiętał tę strukturę i to, z czego składa

6:52się ogólnie WordPress. Mamy te core pliki wordpressowe. Gdybyś je zmodyfikował,

6:56to one wpłynęłyby na działanie wszystkich rzeczy w WordPressie, czyli na przykład wszystkich

7:01szablonów. Jednak tak jak powiedziałem, odradzam modyfikacje tych plików core WordPressa. Również

7:06dlatego, że w momencie, gdy zaktualizujesz WordPressa, te pliki core również są nadpisywane

7:10i prawdopodobnie utraciłbyś te wszystkie zmiany. Następnie mamy już

7:14zmiany wykonywane na poziomie motywu i można powiedzieć, że wtedy wszystkie

7:18zmiany, zarówno dotyczące modyfikacji funkcjonalności działania naszej

7:22strony, jaki i modyfikacji jej wyglądu, są przypisane do konkretnego motywu, z którego korzystamy.

7:27Czyli jeśli dopiszemy sobie na przykład to ukrywanie powiadomień w functions.php, to

7:32to jest functions.php motywu Twenty Nineteen. Jeżeli przełączymy się na jakikolwiek inny motyw,

7:36znów te notyfikacje, mimo że one gdzieś są po stronie wp-admina, i tak

7:40będą widoczne. Co więcej, w momencie gdy zaktualizujemy ten

7:44motyw Twenty Nineteen, może też się okazać, że nasze zmiany zostaną nadpisane. Dlatego

7:49dość bezpiecznym rozwiązaniem dla osób początkujących jest operowanie

7:54nie tutaj, na tych plikach, ale na wp-adminie. I

7:58właśnie dodawanie tutaj dodatkowego CSS-a, przykładowo w tej

8:02sekcji. Tutaj mamy co prawda tylko CSS, czyli tylko to

8:06stylowanie, tylko ten wygląd, kolory samochodu, ale to i tak daje

8:10nam dosyć duże możliwości, no i również gwarantuje to, że jeżeli będziemy

8:14zmieniali CSS tutaj, nie zostanie on nadpisany w naszym motywie. Ja

8:19jeszcze później pokażę Ci, jak można utworzyć sobie taką kopię tego motywu

8:24po to, aby była ona odporna na wszelkie aktualizacje

8:28po stronie autora motywu, ale na razie skoncentrujmy się na tym

8:32dodatkowym CSS-ie. Jego modyfikacją zajmiemy się już za chwilę w kolejnej lekcji, do której

8:36zapraszam.