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 zajmiemy się najważniejszymi ustawieniami Twojego WordPressa. Przejdźmy
do Ustawień > Ustawień ogólnych. Przede wszystkim znajduje się tutaj tytuł i
opis witryny. To bardzo ważne sekcje, również ze względu na
pozycjonowanie, ponieważ w momencie, gdy ktoś będzie szukał Twojej strony i ona pojawi się w
rezultatach wyszukiwania, na przykład w Google, wtedy tytuł będzie
pojawiał się tutaj. Natomiast w tym miejscu będziemy mieli opis witryny. Warto
w związku z tym zadbać o to, aby i tytuł, i opis były jak najlepiej
skonstruowane. Co więcej, tytuł witryny będzie pojawiał się także w
pasku adresu. Zobacz, że tutaj mamy Ustawienia ogólne > Moja pierwsza
strona w WordPress. Taki jest tytuł tej strony i on właśnie tutaj,
na kartach w przeglądarce, będzie się pojawiał. W związku z tym warto
zadbać o to, aby znalazły się tutaj po pierwsze elementy informacyjne o
tym, co robisz, czyli na przykład Blog Kulinarny - i specjalnie użyłem
wielkiej litery w drugim słowie. Myślę, że trochę lepiej to wygląda. Dodatkowo możemy
tutaj postawić myślnik i opisać, najlepiej słowami kluczowymi,
które potencjalnie ktoś będzie wpisywał w wyszukiwarkę, to, czym się zajmujemy. Naturalnie
nie upychamy tu jak największej ilości słów kluczowych. Myślę że 3-4
to jest maksimum. No i zamiast myślnika ewentualnie możemy
skorzystać z jakiejś biblioteki znaków. Na Macu można to zrobić za pomocą Ctrl+Cmd+spacja, a
na pececie możesz po prostu wyszukać jakieś znaki specjalne ASCII i tutaj
je wstawić. Powinny zostać dobrze zinterpretowane przez przeglądarkę. Dołóżmy
teraz do tego tytułu jeszcze słowa kluczowe typu recenzje, przepisy, inspiracje.
No i to już jest całkiem niezły tytuł, jego długość jest porządku. I
dodatkowo powinniśmy zgarnąć punkty w kontekście pozycjonowania. Jeżeli
ktoś będzie wpisywał na przykład blog kulinarny, ale też kulinarne inspiracje czy
przepisy kulinarne, powinna ta fraza być indeksowana w wyszukiwarce
i powinniśmy w tych rankingach się pojawiać. Tytuł jest jednym z najbardziej
wartościowych dla wyszukiwarki elementów, które bierze
pod uwagę przy pozycjonowaniu strony. O tym będziemy jeszcze mówić więcej
w osobnej sekcji w tym kursie. Jeśli chodzi o opis, to co prawda WordPress
sugeruje, żeby w kilku słowach opisać, czym jest ta witryna. A zatem ile to jest kilka
słów? Powinno to być do około 150 znaków, więc nie polecam
przekraczania 150 znaków, ponieważ wtedy w wynikach
wyszukiwania w Google zostanie ten opis ucięty i będą dołożone
trzy kropeczki. W związku tym możemy napisać przykładowo: Sprawdź
przepisy na zdrowe, smaczne posiłki oraz recenzje restauracji w Twojej okolicy. Możemy
tutaj dać kropkę, możemy jeszcze lepiej - dać jakieś strzałki, coś co
zachęci użytkownika do wejścia na naszą stronę. Nie starajmy się tu wciskać
za dużo rzeczy związanych z pozycjonowaniem, naszpikować tego jakimiś słowami kluczowymi,
ponieważ jest udowodnione, że raczej opis nie bierze tak dużego
wpływu w pozycjonowaniu strony, w generowaniu rankingu,
ale za to taki zachęcający opis zdecydowanie skłoni Twoich
użytkowników, którzy będą wyszukiwać tego i zobaczą
taki opis tym miejscu do tego, żeby wybrać daną witrynę. A jeżeli
częściej będą wchodzić do danej witryny z wyników wyszukiwania, to istnieje duże
prawdopodobieństwo, że Google uzna, że Twoja strona jest trochę lepsza
od innych i będzie być może awansować w tych wynikach. Następna rzecz, którą
warto ustawić, to ewentualnie strefa czasowa, język -
jeżeli jest ustawiony niepoprawnie - oraz formatowanie daty i godziny. Ja
zostawiam wszystkie te rzeczy tak, jak są domyślnie. W polskiej instalacji WordPressa
one są okej. Pamiętaj, proszę, żeby zapisać zmiany. I tu już mamy
informację, że jest to blog kulinarny w momencie, gdy przejdziemy do naszej strony - też w
zależności od szablonu, akurat ten szablon wyświetla informacje też na górze - jak
również w pasku przeglądarki pojawi się odpowiedni tytuł na
zakładce. Wszystko działa poprawnie. A teraz spróbujmy przejść do
drugiego ważnego ustawienia, czyli do bezpośrednich odnośników. Przejdźmy do sekcji Ustawienia > Bezpośrednie
odnośniki. Jest to miejsce, w którym możemy ustalić, jak WordPress będzie
formatował pasek adresu. Jest to niezwykle istotne,
ponieważ naturalnie linki do na przykład naszych postów na blogu czy do naszych
stron w WordPressie będziemy przekazywać dalej, ktoś będzie linkował do nas
i ten schemat linków jest istotny. Powinien on być czytelny i
łatwo powinno się być w tym schemacie połapać. Ale z drugiej strony on
też, jeśli zawiera jakieś słowa kluczowe, jest brany pod uwagę
przy pozycjonowaniu naszej witryny. W tym momencie jeżeli wejdziemy w taki przykładowy wpis,
który został stworzony w naszym WordPressie, mamy
tutaj w adresie datę 2019/01/19
i witaj-świecie. Co by się stało, gdybyśmy na przykład usunęli
tę nazwę posta witaj-świecie? Okazuje się, że przechodzimy do takiej
strony z archiwum dziennym, gdzie są wszystkie wpisy listowane na
19 stycznia. Jeżeli byśmy zmazali jednak 19,
to zobacz, że jesteśmy w stanie przejść do archiwum miesięcznego, czyli wszystkie
posty ze stycznia. A jeśli zmażemy 01, to dostaniemy wszystkie
posty z całego roku. W związku z tym WordPress organizuje w pewien sposób
nasze wpisy i będziemy mogli, usuwając poszczególne
segmenty paska adresu, przenosić się po tak zwanych stronach archiwów, czyli
po prostu stronach listujących wszystkie posty dla danego zapytania. Jednak
ustawienia bezpośrednich odnośników możemy też zmieniać. Z tego
ustawienia dzień i nazwa, które tutaj mamy, możemy na przykład przenieść
się na format liczbowy albo na nawet własny
format, w którym możemy zdefiniować, co tak naprawdę chcemy,
żeby w linku się znalazło. Przykładowo, jeśli chcemy na przykład tylko minuty
i nazwę posta, a dodatkowo jeszcze na końcu autora, cóż,
możemy to zrobić, zapisać zmianę, następnie przejść do naszego bloga, wejść
do wpisu i mamy: najpierw minuty (25), później witaj-świecie i grzegorz. A
zatem jak najlepiej sformatować te tytuły? To niestety zależy.
Jeżeli chcesz dać użytkownikom możliwość poruszania się na przykład po
archiwach i daty są dla Ciebie bardzo ważne, ponieważ prowadzisz bloga,
który na przykład streszcza jakieś nowości ze świata i wydaje Ci się, że to
może być wartościowe, to w pasku adresu rzeczywiście możesz zostawić te daty. W większości
przypadków jednak najbardziej przyjazną nazwą będzie po prostu nazwa
wpisu, czyli nie musimy poza adresem i nazwą
wpisu umieszczać tutaj żadnych dodatkowych informacji. W ten sposób
będzie to przyjazne zarówno dla robotów indeksujących w wyszukiwarkach, ponieważ nasze
tytuły stron będą zawierały jakieś słowa kluczowe, jeśli tytuł posta
będzie takie słowa zawierał. No i również będą one przyjazne dla użytkowników. Więc
mogę zapisać te zmianę i my będziemy korzystali z takiego schematu. W większości
przypadków, jeśli korzystasz ze standardowych hostingów, jak również robisz to lokalnie z MAMP-em
czy WAMP-em, nie będziesz miał żadnego problemu z aktualizacją permalinków. Jednak
ten mechanizm oparty jest o pewien system, który musi
być aktywny i działać na serwerze. Mianowicie Twój serwer musi
wspierać pliki htaccess i tak zwany moduł mod_rewrite, żeby przepisywać
te linki na odpowiednie nazwy. Można więc powiedzieć, że ta sekcja nie
jest wyłącznie zależna od WordPressa, ale w pewnym sensie zależy
też od Twojego hostingu. I teraz jeżeli z jakichś powodów WordPress
nie będzie w stanie nadpisać, zmienić tej reguły dotyczącej przepisywania linków, to
wyświetli Ci tutaj stosowny komunikat, jak również wyświetli kod,
który należy wprowadzić w pliku htaccess. Jak
to zrobić? Jeżeli miałbyś taki problem, polecam skorzystać z dokumentacji WordPressa
i tutaj wpisać po prostu permalinks. W wynikach otrzymasz
taką stronę Using Permalinks, czyli używanie permalinków i będzie to zdecydowanie więcej
informacji, również na temat typów serwerów, które wspierają funkcje mod_rewrite i htaccess,
jak również informacje o tym, gdzie taki plik jest, jak go edytować. I
kod do htaccess, który zostanie wtedy wygenerowany, jeśli WordPress
napotkałby problemy z jego zapisaniem automatycznie. Będzie bardzo podobny
do kodu, który widzisz tutaj. Wystarczy ten kod skopiować
i przenieść go do edytora typu Visual Studio. Taki plik możemy
już zapisać i co ważne, zapisujemy go na serwerze, w
głównym katalogu, czyli obok tego pliku index.php. Ten
plik powinien nazywać się kropka - dokładnie tak, rozpoczynamy jego nazwę
od kropki - .htaccess, w ten sposób. I możemy
już go zapisać. Co istotne, taki plik z kropką na początku przez
system jest automatycznie traktowany jako plik ukryty, zarówno na Macu,
jak i na Windowsie. Nie będziesz domyślnie widział tego pliku w swoim katalogu. Na Windowsie musisz w
związku z tym wejść w opcje widoku, a następnie włączyć pokazywanie folderów
i plików ukrytych. Natomiast na Macu możesz wcisnąć skrót Shift+Cmd+kropka. Jak
widzisz, ten plik się tutaj znajduje. Nie ma on dodatkowo żadnego rozszerzenia. To właśnie
w takiej formie powinien znaleźć się na serwerze i w takiej formie jest
interpretowany również przez naszego MAMP-a, który tutaj sobie
działa. Ja mogę z powrotem ukryć te pliki - Shift+Cmd+kropka. I to
wszystko, co powinieneś wiedzieć na teraz. Jeżeli będziesz miał jeszcze jakieś dodatkowe problemy
ze strukturą permalinków u siebie na serwerze, polecam Ci dokumentację kodeks.
I co prawda w tym kursie jeszcze nie rozmawialiśmy o typach treści ani o tworzeniu postów,
ale aby ta lekcja była kompletna, przejdźmy jeszcze na moment do sekcji Wpisy. Tutaj
znajduje się taki przykładowy wpis, który został razem z nowym WordPressem dodany. I
mogę przejść do jego edycji. W momencie gdy będziesz dodawał jakąkolwiek treść
na swoją stronę - wpis czy stronę - ma ona coś takiego jak
ten nagłówek i on jednocześnie jest tytułem. Czyli
to, co wpiszesz tutaj w tytule, w nagłówku, jednocześnie jest tym tytułem posta,
który pojawi się w pasku adresu. Możesz to
wyedytować, przechodząc do sekcji Edytuj w tym miejscu, czyli zaznaczając
ten konkretny blok i edytując go. Teraz możesz zmienić tę nazwę
i oczywiście ona wówczas zmieni się. Adres stary już nie będzie działał, tylko będzie działał
ten nowy adres. Również znajduje się to w tej sekcji Dokument > Bezpośredni
odnośnik i tutaj także możesz go zmienić. To na razie wszystko.
Do usłyszenia kolejnej lekcji!