od Podstaw
5 godz. 37 min · WordPress · Full-stack i Programowanie
Grzegorz RógIdea ArchitectPierwsze lekcje kursu dotycza ekosystemu WordPress oraz tego, co mozna osiagnac z wykorzystaniem tego systemu CMS. Nastepnie zajmiemy sie pobraniem aktualnej, polskiej wersji WordPress oraz jego instalacja w ramach lokalnego srodowiska deweloperskiego. Kolejno skonfigurujemy nasza strone tak, aby praca z nia byla komfortowa a takze aby publikowane tresci byly przyjazne dla wyszukiwarek.
Na przestrzeni kursu poznasz wszystkie narzedzia, które sluza do zarzadzania Twoja strona w WordPress. Dowiesz sie jakie sa podstawowe typy tresci oraz czym sa taksonomie, w ramach których mozemy organizowac strukture naszej strony. Poznasz takze metody na dodawanie mediów do WordPress, takich jak obrazki, wideo czy linki. Stworzymy tez swoje wlasne galerie oraz wygenerujemy miniaturki na potrzeby Wpisów. Zajmiemy sie takze administracja uzytkownikami oraz ich uprawnieniami w ramach naszej strony.
Dowiesz sie, czym sa darmowe oraz platne Motywy do WordPress, które nastepnie bedziemy instalowac, aby zmienic wyglad naszego serwisu. Zajmiemy sie takze dostosowywaniem gotowych Motywów do naszych potrzeb. Skorzystamy z domyslnego Motywu WordPress oraz jego panelu, z pomoca którego podmienimy grafiki, kolory czy tla. Dowiesz sie takze, jak mozna edytowac styl Motywu dokonujac zmiany bezposrednio w plikach CSS oraz PHP, jak równiez czym sa i dlaczego warto korzystac z Motywów Potomnych w WordPress.
Wyjasnie Ci równiez czym sa Pluginy, czyli tak zwane wtyczki do CMS WordPress. Z ich pomoca bedziemy rozszerzac mozliwosci naszej witryny i dodawac do niej funkcjonalnosci, które pozwola nam na przyklad stworzyc dzialajacy formularz kontaktowy czy uruchomic automatyczne backupy zarówno bazy danych jak i plików z FTP tak, aby Twoja strona byla zawsze bezpieczna. Poznamy szereg najciekawszych Pluginów, jak równiez pokaze Ci metody z których mozna skorzystac, aby przywrócic dzialanie naszego systemu po awarii wynikajacej np. z instalacji wadliwej wtyczki.
Na przestrzeni kursu bedziemy rozszerzac mozliwosci naszej strony WWW, zarówno z pomoca wtyczek, mediów, jak równiez pokaze Ci jak dodac do strony mapke Google oraz skrót najnowszych informacji z profilu witryny na Facebooku. Stworzymy prosta strukture dzialajacej strony Bloga Kulinarnego, która dostosujemy do naszych potrzeb. Pomówimy takze o aktualizacjach WordPress oraz jego komponentów.
Kurs przeznaczony jest dla osób, które rozpoczynaja swoja przygode z systemem CMS WordPress i chca od podstaw poznac jego mozliwosci. Jesli jeszcze nie pracowales z WordPress, posiadasz strone WWW postawiona na tym systemie lub projektujesz witryny, ale chcialbys uporzadkowac swoja wiedze - ten kurs jest wlasnie dla Ciebie! Pomoze Ci on szybko poznac wszystkie funkcje i narzedzia oraz techniki prowadzenia strony WWW opartej na WordPress.
Witaj w kolejnej lekcji, w której chciałbym skoncentrować się na produktywności. Będziesz dużo korzystał
z nowego edytora WordPress. Także będziesz dużo czasu spędzał na pisaniu wpisów, w
związku z tym powinieneś przyswoić sobie te najważniejsze skróty klawiaturowe, a
także opcje, które są dostępne, i pozwolą Ci zaoszczędzić te kilka sekund
albo kilka minut na każdym wpisie. Jeśli chodzi o statystyki i przydatne
wskazówki od WordPressa, mam tutaj taką ikonkę Struktura treści. Między
innymi pozwoli nam ona zobaczyć, ile jest słów, nagłówków, akapitów czy bloków, jak
również pozwoli sprawdzić zarys dokumentu. Tutaj akurat mamy informację
o tym, że ten nagłówek H4 jest niepoprawny, czyli mamy niepoprawny poziom nagłówka,
ponieważ zamiast niego prawdopodobnie powinien się znaleźć tutaj nagłówek
drugiego albo trzeciego typu. Generalnie my zastosowaliśmy nagłówek czwartego typu,
ponieważ stylistycznie bardziej nam się tutaj podoba i nam odpowiada, więc nie ma absolutnie
żadnych przeciwwskazań przeciwko temu, aby jakby zrobić tutaj na przekór WordPressowi i
po prostu zostawić ten poziom nagłówka tak, jak jest. Jednak WordPress ma pewnego
rodzaju rację w tym, że podświetla nam ten nagłówek, ponieważ z punktu
widzenia pozycjonowania im wyższy typ nagłówka, tym jakby
ważniejsza jest treść dla robota indeksującego wyszukiwarki Google. W związku z tym
jeżeli w Twoim nagłówku znajduje się jakieś słowo kluczowe czy ważna fraza,
która być może będzie wyszukiwana przez użytkowników, warto jest korzystać z
wyższego typu nagłówka. Znajduje się tutaj także sekcja Nawigacji
bloku, to znaczy, że są wylistowane wszystkie bloki, z których
korzystamy, i możemy szybko przenieść się do odpowiedniego bloku w strukturze. Jeśli
mamy bardzo dużo bloków, to znacznie upraszcza, ponieważ możemy szybciutko pójść
na przykład do cytatu - wiemy, w której okolicy znajduje się cytat - i edytować
sobie właściwe bloki. Kolejne usprawnienia wydajności i znajdują się pod
tymi trzema kropeczkami. Między innymi możesz przełączyć się na górny pasek narzędzi, jeśli
zaznaczysz blok, pasek narzędzi znajduje się domyślnie tutaj, ale możesz włączyć tę
opcję po to, aby znajdował się zawsze na górze. Moim zdaniem jest to trochę bardziej intuicyjne. Nie musisz
wtedy szukać go nigdzie na górze bloku. Ale warto też zapamiętać skróty klawiaturowe,
przynajmniej do tych najbardziej popularnych opcji, które tutaj są. Przykładowo jeśli
klikniesz na tekście i wybierzesz Cmd+A czy Ctrl+A, zaznaczysz wszystkie
elementy - w zasadzie nie tylko tekst, ale wszystkie elementy w bloku. Możesz też odkliknąć
się, możesz kliknąć dwa razy po to, aby zaznaczyć jeden konkretny wyraz. I
wtedy na przykład wybrać polecenie Cmd czy Ctrl na pececie + K. Pozwoli
nam to stworzyć z tego zaznaczonego elementu link, który
możemy wpisać. Po zaznaczeniu jakiegoś fragmentu tekstu wystarczy, że wciśniemy skrót Ctrl
albo Cmd+I. I wtedy zrobimy tekst pochylony. Jeszcze
raz, aby to cofnąć. I jeśli chodzi o pogrubienie, to Cmd albo Ctrl+B. Czyli
prawdopodobnie są to skróty, które już znasz, ale one oczywiście działają też w edytorze WordPressa. Kolejna
ważna rzecz to tryb podświetlenia i pełnoekranowy. Jeśli wybierzesz tryb
podświetlenia wszystkie bloki zostaną wygaszone i jedynie ten aktywny blok
zostanie podświetlony. I dzięki temu możesz skupić się lepiej na tej treści,
którą edytujesz. Ja wyłączę sobie tę opcję. Wolę pracować chyba w tym trybie bez
trybu podświetlenia, ale za to bardzo fajny jest tryb pełnoekranowy, w który
często się przełączam. Jest to tryb, w którym mamy ukryty cały lewy
panel, całą lewą szpaltę. A gdybyś chciał ukryć również ten panel, który znajduje się z
prawej strony, możesz wcisnąć Ctrl+Shift+przecinek albo Cmd+Shift+przecinek
na Macu, ewentualnie kliknąć na tę małą ikonkę trybiku. No
i wtedy rzeczywiście pracuje się bardzo fajnie, pisze
się tekst bardzo wygodnie i nic nas tutaj nie rozprasza, co jest bardzo, bardzo ważne. Wybiorę
teraz jeszcze raz tryb pełnoekranowy, aby z niego wyjść i Ctrl+Shift+przecinek
po to, żeby pokazać ten panel z właściwościami z prawej strony. Przypominam także,
że dla elementów z sekcji dokumentu możesz je wyłączyć, aby Cię nie rozpraszały, jeżeli ich nie
używasz. Pod trzema kropkami i w opcjach znajdą się wszystkie te
segmenty, które możesz w razie potrzeby włączyć czy wyłączyć z pomocą checkboxów. Jeszcze
jedna fajna rzecz to możliwość zapisania sobie jakiegoś bloku na później. Czyli jeśli
napocisz się nad sformatowaniem jakiegoś bloku, przykładowo tego
bloku, w którym znajdują się kolumny i punktory, możesz
wówczas taki blok zaznaczyć, a następnie wybrać z opcji polecenie
Dodaj do zapisanych bloków, nadać mu nazwę, na przykład Punktory w kolumnach.
Wybieram opcję Zapisz i teraz, dodając nowy blok gdziekolwiek,
mogę skorzystać z tej nazwy Punktory w kolumnach, aby go odszukać. Mogę ewentualnie
też znaleźć to w tej sekcji Zapisane. Wybieram polecenie Punktory w kolumnach
i już mam dodany taki zapisany wcześniej
blok. Więc jeśli poświęcisz trochę czasu na zapisanie sobie jakichś najczęściej
używanych stylów bloków, wtedy będziesz mógł wykorzystać je bardzo łatwo z pomocą
jednego kliknięcia w kolejnych wpisach. Takimi blokami można także zarządzać. Jeśli
przeniesiemy się do opcji, będziemy mogli przejść do części Zarządzaj blokami wielokrotnego
użycia. To przeniesie nas do takiej sekcji, w której znajdziemy
wszystkie nasze zapisane bloki. Co więcej, tak zapisane bloki na
przykład mój Punktory w kolumnach można edytować. I jeśli przejdę do
opcji edycji, to po prostu pojawi się ten blok tak, jakby to był osobny jakiś
element w edytorze. Mogę go sobie zmienić i zostanie nadpisany.
No i w końcu wróćmy do poprzedniej strony. Mogę taki blok wyeksportować jako
plik JSON. Po co to się robi? Na przykład mogę go wyeksportować i podzielić
się nim z kimś tak, aby on do swojego WordPressa mógł taki blok zaimportować z
pomocą tej opcji Zaimportuj z pliku JSON. Więc w ten sposób
możemy porobić sobie takie snippety, takie kawałki tekstu/treści,
które są preformatowane, i z których możemy korzystać w więcej niż jednym wpisie. Wróćmy w
takim razie do naszego wpisu Domowa granola. I to, co jeszcze warto zapamiętać,
to przy pokazaniu większej ilości opcji będziemy mogli
przejść do sekcji skrótów klawiaturowych. Jeśli wybierzemy sobie tę
opcję, zobaczysz, że tutaj jest sporo skrótów. Część z nich już omówiliśmy, ale
przydatne skróty na przykład nie tylko dotyczą formatowania tekstu, ale też mamy
skróty do bloków. Przykładowo możemy z pomocą polecenia Shift+Cmd+D czy Shift+Ctrl+D
możemy taki zaznaczony blok sobie skopiować. Jeżeli wcisnę Shift+Ctrl+D blok
pojawi się... zduplikowany blok pojawi się pod spodem. Bardzo fajna opcja - i
często z tego korzystamy, bo często potrzebujemy rzeczywiście naszkicować sobie najpierw
nasz wpis, czyli robimy na przykład jeden nagłówek, a później szybciutko Ctrl+Shft+D,
kilkukrotnie. Bardzo łatwo możemy też usunąć aktywny, zaznaczony
blok. Na Macu ten skrót to Ctrl+Alt+Z. Jeśli go wciśniemy,
to blok zostanie usunięty. I tak możemy usunąć sobie kolejne dodane
w ten sposób bloki. Jeżeli chcemy wstawić nowy blok powyżej zaznaczonego
bloku lub bloków, które mamy zaznaczone, możemy wcisnąć Alt+Ctrl+T
czy Alt+Cmd+T na Macu. A jeśli wciśniemy polecenie
Alt+Cmd+Y, to stworzymy nowy blok poniżej. Czyli w
ten sposób nie duplikujemy, a tworzymy nowe bloki. Ja stworzyłem w ten sposób dwa
nowe bloki. No i mogę je usunąć znów z pomocą skrótu Ctrl+Alt+Z. Jeśli
chodzi o poruszanie się w historii dokumentu, również możemy to robić. Może spróbujmy
jeszcze raz powielić sobie blok i teraz wcisnąć polecenie Cmd
albo Ctrl+Z. Zostanie usunięta, cofnięta ta ostatnia
akcja. A jeśli dociśniemy Shift, czyli Ctrl albo Cmd+Shift+Z,
wtedy przywrócimy tę poprzednią akcję. Podobnie możemy operować strzałkami,
które są tutaj, po to, żeby się cofnąć i po to, żeby przejść o jeden krok do przodu
w historii. No, to teraz powiedz mi, proszę, jak mogę usunąć ten zaznaczony blok? Oczywiście
Ctrl+Alt+Z. To wszystko, co przygotowałem dla Ciebie w tej lekcji.
Polecam Ci poeksperymentowanie jeszcze z tymi ustawieniami i nauczenie się przynajmniej
kilku skrótów klawiaturowych. Pomogą Ci one w coraz szybszej
pracy. Warto też, abyś zrobił sobie kilka predefiniowanych bloków, z których będziesz
korzystał później. Do usłyszenia!