Wordpress: Widgety

0:00Witaj w kolejnej lekcji! Tak jak wspomniałem, na samym dole naszej strony pojawiają się najnowsze

0:04wpisy, archiwa, komentarze, kategorie i tak dalej. Skąd to się w ogóle bierze

0:08i co to takiego jest? Otóż są to tak zwane widgety. Widgety są dostępne

0:12w sekcji Wyglądu. Jeśli przejdziemy do Widgetów, okazuje się, że używamy

0:17w miejscu - w naszym szablonie mamy tylko jedno predefiniowane miejsce

0:21na te widgety, czyli stopkę - używamy w tym miejscu ileś tam różnych widgetów, jak:

0:26wyszukiwanie, właśnie najnowsze wpisy, archiwa, kategorie, meta. Natomiast mamy

0:30też szereg innych dostępnych widgetów. Te dostępne widgety są to zarówno takie,

0:35które może zawierać sam szablon, jak również które może generować automatycznie

0:39nasz WordPress, a nawet różne pluginy, wtyczki, które sobie instalujemy. Przykładowo

0:43ten nasz plugin AAM wygenerował nam jakiś widget, dzięki któremu

0:48będziemy mogli się bezpiecznie logować. Mamy też widget z filmami, z galerią

0:52i tak dalej. Więc możemy teraz skorzystać sobie z dowolnego innego

0:56widgetu, przykładowo wyświetlić tutaj jeszcze dodatkowo galerię i

1:00zrobimy to, przeciągając ją na samą górę. Nie mamy żadnych obrazów w

1:05naszej galerii. Możemy wybrać sobie kilka obrazów. Wybieram polecenie Stwórz nową

1:09galerię i następnie wstawiamy ją do widgetu. Tytuł to na

1:13przykład Granola. Trochę męczę tę granolę w tym kursie, ale okej. Zobaczmy,

1:18jak to wygląda. Po odświeżeniu strony okazuje się, że ten widget

1:22wyświetla się akurat w takiej strukturze i na takiej pozycji w naszym szablonie. Naturalnie

1:27wszystkich tych widgetów jesteśmy w stanie się pozbyć. Wybieramy sobie Usuń, Usuń,

1:31wyszukiwania też nie potrzebujemy, najnowsze wpisy - nie chcemy ich wyświetlać, komentarze

1:35tak samo, archiwa możemy zgruzować, kategorie też, no i

1:39metadane również. Zobacz, że one oczywiście nie usuwają się z tej

1:43listy, a jedynie z naszej stopki. Więc teraz, kiedy odświeżę stronę, w zasadzie

1:48w tej stopce nie znajduje się już nic poza komentarzami. Być może będziesz

1:52chciał tutaj coś dodać, przykładowo jakiś feed RSS. Możesz wprowadzić adres RSS-u,

1:57na przykład spróbujmy wyciągnąć RSS z naszego bloga blog.eduweb.pl/rss

2:03i nadać tytuł na przykład Blog eduweb. Czyli

2:08możesz z innego bloga zaciągnąć sobie na przykład po dziesięć czy przykładowo pięć

2:12RSS-ów i wybrać polecenie Zapisz z tymi domyślnymi ustawieniami. Powinniśmy

2:17już móc odświeżyć sobie ten widget. I widget RSS tutaj na dole

2:21się pojawia. Mamy jakieś najnowsze wpisy, które pojawiły się u nas

2:25na blogu. Możesz też skorzystać z takiego widgetu  jak Własne HTML,

2:30dodać go tutaj i powiedzieć, że to jest Mój własny kod. I

2:34tutaj będziesz mógł wpisać cokolwiek sformatowane w HTML-u, na przykład

2:38zwykłe Hello World, tak, które nie ma żadnych znaczników htmlowych,

2:42ale mimo wszystko tak czy inaczej powinno być poprawnie zinterpretowane przez przeglądarkę. I

2:48zobacz, że taki jakiś własny dowolny nawet tekst możesz

2:52tutaj wyświetlić. A jeżeli zaczniesz się interesować HTML-em i

2:56zaczniesz trochę więcej się uczyć na temat tego, jak

3:00wygląda konstrukcja tagów, jak wyglądają te htmlowe znaczniki, również czym jest CSS,

3:06to będziesz mógł tutaj zrobić coraz więcej. Ja na przykład pogrubiłem sobie teraz ten tekst,

3:11więc z takim własnym customowym HTML-em możesz dodać tutaj

3:15różne ciekawe rzeczy. Możesz również posłużyć się jakimiś zewnętrznymi

3:19serwisami. Ja teraz przykładowo wejdę sobie na stronę maps.google.com,

3:23gdzie mam wyświetloną lokalizację biura eduweb.pl, a następnie wybiorę polecenie

3:27Udostępnij. Tutaj mogę wybrać umieszczanie mapy i mam taki

3:31kod HTML, który mogę skopiować - Kopiuj HTML. Proszę bardzo, skopiowałem

3:35go. Teraz wstawię go po prostu tutaj. Powiem, że to jest biuro

3:39eduweb.pl, a następnie zapiszę. I teraz, już po

3:43odświeżeniu mojego szablonu, przejdźmy jeszcze raz do tej naszej strony. Powinniśmy

3:49dostać tutaj nawet działającą mapkę. Więc, jak widzisz, zamieszczanie

3:54takich rzeczy, nawet z zewnętrznych witryn, możemy tutaj zamieścić w ten sposób. Bardzo

3:58łatwo o jakąś prognozę pogody, jakiś film z YouTube'a,

4:03film z Vimeo czy z innego serwisu. No i nie musimy tego robić jakimś

4:07customowym pluginem czy customowym widgetem, takim który tutaj doinstalujemy. Bo rzecz

4:12jasna możemy instalować masę wtyczek, które będą nam robiły jakieś proste rzeczy,

4:16ale pamiętaj, że im więcej masz wtyczek, tym większe ryzyko że ktoś zhakuje Twoją

4:20stronę, że coś przestanie działać. I najlepiej jest robić to takimi

4:24osobami, które pokazuje Ci tutaj, które wymagają być może odrobinę

4:28więcej wysiłku, ale z drugiej strony gwarantują nam bezpieczeństwo WordPressa. No i

4:33skoro takiego i-frame'a można sobie po prostu wkleić z Google Maps, to po co instalować

4:37nową wtyczkę, która będzie dla nas to robiła tylko po to. No i

4:41tak, jak wspomniałem już, widgety możemy także sobie doinstalowywać. W

4:45bibliotekach WordPressa znajdziesz masę pluginów, masę wtyczek, które zawierają

4:49jakieś customowe widgety, jakieś właśnie osadzanie filmu, łączenie

4:53z różnymi serwisami. W zasadzie każda integracja, którą chcesz wykonać, pewnie

4:58ma swój jakiś widget. Możesz wyświetlać, nie wiem, ostatniego maila z MailChimpa

5:02albo Twoją listę zadań z To do list, albo cokolwiek innego - prawdopodobnie

5:06jest na to widget, wystarczy poszukać go. Natomiast nie szukamy go tutaj, w Widgetach, tylko

5:11będziemy musieli poszukać go we Wtyczkach i tam znaleźć sobie odpowiedni plugin,

5:16który da nam po prostu możliwość wstawienia tutaj takiego widgetu. Zrobimy

5:20sobie to zresztą w jednej z kolejnych lekcji. A teraz chcę pokazać Ci jeszcze jedną rzecz. Tak

5:25jak widzisz, różne widgety mają swoje właściwości. My możemy także zarządzać ich

5:29kolejnością wyświetlania w ten sposób, że je sobie przesuwamy po prostu góra-dół. Natomiast

5:33najłatwiej znów zrobić to w podglądzie na żywo. Ja teraz wybiorę polecenie Leave,

5:38chyba nie zapisałem zmian, ale to nie szkodzi, ponieważ teraz możemy zjechać sobie

5:42do tych widgetów. I zobacz, że tutaj też możemy zmienić ich kolejność

5:47albo w ten sposób, albo po prostu je przeciągnąć. I  teraz zamieniłem kolejnością

5:51dwa widgety, które dodaliśmy. Mogę też z tego poziomu dodawać sobie widgety i

5:55też są tutaj w fajny sposób listowane. Gdybym chciał dodać przykładowo

6:00jakąś chmurkę tagów zamiast mieć tę chmurkę tagów w footerze, możemy

6:05to zrobić. Będziemy mogli wyświetlić tu tagi, ale nawet też jakieś kategorie

6:09odnośników albo kategorie zamiast tagów. W naszych kategoriach

6:13są na razie tylko Inspiracje, ale to dlatego, że tylko w ramach Inspiracji

6:17został dodany jakikolwiek wpis. My tak naprawdę tych kategorii mamy dużo więcej -mamy Obiad, Główne Danie, Deser

6:23i tak dalej, ale nie dodaliśmy tam żadnego wpisu, a więc nie będzie się on pokazywał

6:27tutaj, w tej chmurce. Ja sobie to usunę. I w tym momencie może

6:31zostawię te dwa widgety, ale będziemy jeszcze o nich rozmawiać w kolejnej lekcji, gdzie chciałbym

6:36pokazać Ci jedną ciekawą wtyczkę. Do usłyszenia!