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.
Cześć! Witaj w kolejnej lekcji, gdzie będziemy w praktyce posługiwać się różnymi typami postów. Spróbujmy
najpierw dodać i wyedytować stronę. Jestem w sekcji Strony i tutaj mam możliwość
albo dodania nowej strony, albo przeglądania wszystkich stron. Interfejs WordPressa, jeśli
chodzi o edycję różnych elementów i typów postów, jest bardzo podobny. Czyli mamy
tutaj nagłówek informujący o tym, jaki to jest typ, następnie możliwość dodania
na skróty nowej strony, tak jak tutaj. No i mamy również podział treści
na treści opublikowane oraz szkice. To się tyczy wszystkich
typów postów. Możemy tworzyć tak zwane szkice, które następnie
komuś udostępnimy albo jeszcze ich nie opublikujemy lub też zaplanujemy dopiero
ich publikację w przyszłości. Przy czym WordPress nawet pozwala nam to zrobić automatycznie. Jeśli
chodzi o szkice, mamy tutaj jeden szkic. I opublikowaną
mamy jedną stronę, czyli wszystkich mamy dwie strony. To
są strony, które już automatycznie przy instalacji WordPress sobie tutaj
umieścił jako przykłady. Są one umieszczone w tabelce - znów bardzo
intuicyjna jest możliwość zaznaczenia wszystkich bądź też tylko niektórych
elementów. I na tych niektórych elementach będziemy mogli wykonać
jakieś działania. Wystarczy, że wybierzemy je z tego menu i zastosujemy, czyli
na przykład jedną lub dwie strony możemy przenieść
w tym momencie do kosza. Co ciekawe, przenoszenie do kosza jest też możliwe z
innych miejsc, na przykład tutaj możemy na skróty szybko przenieść Politykę prywatności do
kosza. I wtedy mamy też dostęp do kosza. Te rzeczy nie są usuwane na stałe. Możemy
je przywrócić albo po prostu usunąć na zawsze. Usunę na zawsze Politykę prywatności,
ale pamiętaj, że ona tutaj jest. Jest to taki szkic, z którego będziesz już mógł
skorzystać na potrzeby tworzenia Twojej własnej polityki. Fajne jest to, że w WordPressie
taki szkic się znajduje i trzeba go tylko poprawić. Ja natomiast wybieram
polecenie Usuń na zawsze i w tym momencie już mam tylko jedną stronę, czyli tę przykładową
stronę. I po najechaniu na ten element mogę przejść do edycji, szybkiej edycji. Mogę
również ją usunąć albo zobaczyć. Spróbujmy ją zobaczyć. I w nowej
karcie zobacz, że to jest ta moja nowa strona i ma ona adres
localhost/przykładowa-strona, czyli dokładnie taki, jaki ustawiliśmy sobie w
permalinkach. Jeśli chodzi o edycję, mamy tutaj dwie opcje. W przypadku
stron, jak i wpisów możemy wykonać szybką edycję, nie
wychodząc z tego okna. I tutaj, jak widzisz, znajduje się też uproszczona nazwa,
która jest jednocześnie tą częścią adresu URL. Mamy informację
o tym, czy jest to strona główna, czyli
czy jest to strona, która posiada jakiegoś rodzica, czy nie. Zaraz do
tego dojdziemy. Jej stan, czyli szkic, mamy też stan "oczekuję na
przegląd", jeżeli wysyłalibyśmy taką stronę do redaktora. I możemy tę stronę
też zahasłować, czyli zrobić stronę, która będzie dostępna tylko dla osób, które
wpiszą poprawne hasło. Albo będzie ona tylko prywatna dla osób z określonymi
uprawnieniami. Jak widzisz, te opcje pozwalają tylko szybko
wyedytować stronę i jej właściwości, nie pozwalają wyedytować jej treści. Żeby
dostać się do treści, trzeba wybrać polecenie Edytuj i w tym momencie jesteśmy
już w typowym edytorze WordPressa, który będę omawiał osobno. Natomiast
to tutaj możemy dokonywać jakichkolwiek zmian i ustawiać dodatkowo
takie rzeczy, jak obrazek wyróżniający, ewentualnie włączyć możliwość komentarzy
do tej strony. Tak jak powiedziałem, do stron na ogół nie będziemy włączali komentarzy - jeśli
jest to strona O nas czy na przykład strona kontaktowa, nie ma potrzeby, aby się tam znalazły. Poza
tym mamy jeszcze inne opcje, takie jak atrybuty czy bezpośredni odnośnik, który również tutaj możemy
zmienić, możliwość przeniesienia tej strony do kosza, zmiany daty jej publikacji lub
też zmiany typu jej wyświetlania. Możemy też zmienić stąd szybciutko
na szkic czy podejrzeć. Jeśli chodzi pozostałe opcje, które tutaj się znajdują, są
to opcje typowe dla nowego edytora WordPressa i tak, jak wspomniałem, będzie
na to osobna lekcja. Jeżeli chcielibyśmy dodać nową stronę, spróbujmy
to zrobić. Wybieram polecenie Dodaj nową z sidebara z
lewej strony, a następnie podaję tytuł takiej strony. Zakładam, że moglibyśmy
tutaj dodać tytuł O autorze i przygotować stronę
z jakimś naszym krótkim bio. Z braku lepszego pomysłu wkleję sobie tutaj krótkie
informacje o mnie i teraz tę stronę mogę już albo podejrzeć,
albo zapisać jako szkic, albo od razu opublikować. Jeżeli tę stronę opublikuję,
mam tutaj informację o tym, że jest ona w tym momencie już dostępna, publiczna. Możemy
to zmienić na prywatne albo zabezpieczenie hasłem lub też opublikować ją, tak
jak wspomniałem, w jakimś konkretnym terminie. Natomiast ja publikuję ją już
teraz i jest ona dostępna pod tym konkretnym slugiem, który został
wybrany. Tak jak wspomniałem, można go również sobie zmienić. Ja teraz zobaczę
tę stronę i okazuje się, że wszystkie informacje poprawnie się zapisały. Więc wróćmy
do edycji. Następnie wybieramy sobie znów Strony i zobaczmy,
jak to wygląda. Mamy tę Przykładową stronę oraz Stronę o Autorze. Szybko wyedytujmy
Przykładową stronę. I wpiszmy, że będzie to strona Współpraca. Zmieńmy
też slug na "wspolpraca". Na ogół nie będziesz
używał tutaj polskich liter, znaków specjalnych, jakichś spacji. Zamiast tego proponuję myślniki. I
mogę teraz ją zaktualizować. W tym momencie obie te
strony nie współzależą w żaden sposób od siebie i są osobnym bytem. Jeśli
jednak będziemy chcieli je powiązać, możemy to zrobić przez szybką edycję. Szybka
edycja na stronie O Autorze pozwoli wybrać dla niej rodzica i wybieramy tutaj
stronę Współpraca, a następnie aktualizujemy te zmiany. Teraz
można wcisnąć Ctrl+R czy Cmd+R, aby odwróciła nam się kolejność,
ponieważ ta strona O Autorze jest przynależna do Współpracy, dlatego będzie wyświetlana
pod nią z takim charakterystycznym długim myślnikiem. Jeżeli teraz przejdziemy
do tej strony - wybieram opcję Zobacz - to okazuje się, że nie jest ona już na
localhost/o-autorze, a znajduje się pod adresem localhost/wspolpraca/o-autorze. To
znaczy, że jest jakby dzieckiem właśnie tej Współpracy i gdybyśmy wymazali o-autorze,
to przejdziemy sobie dalej do strony Współpraca. Natomiast już nie działa bezpośrednio po
wywołaniu jej localhost/o-autorze. I jak
te zależności można wykorzystać? Można na przykład wykorzystać je
przy tworzeniu menu. Jeśli przeszlibyśmy do sekcji Wygląd, tutaj znajduje
się możliwość edycji menu. I zauważ, że strony, które są tutaj wyświetlane,
są już w tej współzależności. Czyli jeśli zaznaczylibyśmy O
mnie do wyświetlania w menu i je tam przenieśli, to rzecz jasna w zależności od motywu,
z którego korzystamy, ale te strony byłyby zawsze wyświetlane
w jakiś sposób tak, aby było widać że ta strona należy
do tej. Czyli na przykład po najechaniu na Współpracę mogłoby się wyświetlać dopiero O Autorze albo
jeszcze w jakiś inny sposób. Tak jak wspomniałem, jest to już mocno zależne od motywu. Nie
będę też teraz tłumaczył tworzenia tego menu, ponieważ zrobimy to w osobnej
lekcji, ale chciałbym, abyś znał jeszcze jedną możliwość, która też
związana jest z dostosowaniem motywu. Jeśli przejdę do sekcji Dostosuj
w Wyglądzie, będę mógł teraz udać się do takiej sekcji Ustawienia
strony głównej. I stronę główną będzie można ustawić jako
listującą najnowsze wpisy, ale praktycznie w każdym motywie można
też ustawić ją jako statyczną stronę. I wtedy będziemy mogli
wybrać właśnie dla strony głównej jedną ze stron, którą stworzyliśmy. Przykładowo
jeśli wybralibyśmy na stronę główną stronę O Autorze, jeśli ktoś wejdzie teraz pod adres
localhost, zobaczy zamiast listingu wpisów po prostu tą stronę O Autorze. W
ten sposób można w związku z tym zrobić taką statyczną stronę
główną, która nie jest listingiem bloga, a dopiero gdzieś w zakładce
w menu zrobić sobie jakąś stronę archiwum, czyli listowanie postów. Zamknę na
razie ten edytor, nie będę zapisywał zmian. I to wszystko, co chciałem pokazać Ci
w tej lekcji odnośnie stron. W kolejnej zajmiemy się wpisami.