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 pokazać Ci, jak z naszego lokalnego środowiska deweloperskiego
możemy przenieść taką instancję WordPressa, czyli migrować ją na serwer
produkcyjny. Dzięki temu nie tylko my pod adresem localhost będziemy widzieli naszą
stronę, ale wszyscy użytkownicy. Jak to zrobić? Na początek potrzebny Ci
jest przynajmniej serwer i domena. Zostawiam to już Tobie.
Ewentualnie możesz dowiedzieć się dużo więcej na ten temat z innych kursów na eduwebie. Natomiast
zostawiam już Tobie wybór odpowiedniego dostawcy, czy będzie to linux.pl, czy home.pl
czy nazwa.pl, czy godaddy.com, czy one.com albo cokolwiek innego. Będziesz
potrzebował wykupić hosting, czyli przestrzeń na dysku jak
gdyby tego komputera, który działa w sieci, czyli tego serwera, jak również
domenę. Jeżeli wykupisz to u jednego dostawcy, to prawdopodobnie będziesz
mógł bardzo łatwo połączyć ze sobą jedno z drugim. Jeżeli
będziesz miał domenę u innego dostawcy niż serwer, wtedy będziesz
musiał połączyć to z pomocą odpowiednich rejestrów DNS. Ale
to już wykracza poza zakres tego kursu. Ja jedynie podrzucam Ci link,
jak mógłbyś to skonfigurować. Zakładam, że masz wykupiony serwer oraz
domenę, co nie jest jakąś ogromną sztuką. W związku z tym będziesz
mógł teraz na ten serwer zalogować się swoimi danymi dostępu do FTP. I możesz
to znów zrobić dowolnym klientem FTP. Ja jestem na Macu, korzystam
w związku z tym z klienta, który nazywa się Cyberduck. Jest on darmowy -przynajmniej
w takiej podstawowej wersji - i możesz z jego pomocą przesyłać pliki pomiędzy
serwerami. Możesz skorzystać na Windowsie z Total Commandera. Możesz
skorzystać z WinSCP lub też na przykład z FileZilli. Jest
masa takich klientów FTP, które po prostu pozwolą Ci
otworzyć połączenie z serwerem. Z pomocą tego połączenia
wpisujemy tutaj nazwę serwera od naszego hostingodawcy, nazwę
naszego użytkownika oraz hasło, no i powinno nam się udać zalogować
tymi danymi na serwer. Na serwerze struktura może być bardzo różna. To
jest taka w miarę typowa struktura, którą generuje cPanel. W zależności od tego,
jaki system obsługuje hosting, to możesz mieć tutaj naprawdę bardzo
dużo różnych folderów. Na ogół będziesz szukał folderu który nazywa się public_html albo
folderu www. Czasem jest tak, że te foldery po prostu są swoimi kopiami,
jak gdyby są swoimi aliasami i którykolwiek
byś nie otworzył, znajdą się tam te same pliki. Tak jest na przykład w przypadku mojego dostawcy,
zarówno w katalogu public_html, jak i www mam to samo, więc to
jest dokładnie to samo. Często znajdą się tutaj na początku jakieś śmieci, czyli
po wejściu na naszą domenę - dla mnie jest to domena eduweb.space - po
wejściu na tę domenę będziesz miał jakąś domyślną stronę zaparkowanej
domeny, jakieś informacje o Twoim hostingodawcy, jakieś różne assety, obrazki,
pliki CSS i tak dalej mogły tutaj się znaleźć. Pierwsza rzecz, którą robimy - wchodzimy do
tego folderu i po prostu to czyścimy. Więc usuwam wszystkie te pliki, one nie będą
mi potrzebne. Druga rzecz, którą robimy, to wgrywamy naszego WordPressa. I teraz Ty prawdopodobnie
będziesz wgrywał na tak zwany root, czyli do głównego katalogu Twojej domeny. Jeżeli
wgrasz te pliki tak, jak są tutaj, tak jak to zrobiliśmy bezpośrednio
i upuścisz je w tym katalogu public_html czy www na serwerze, wtedy
powinny być one dostępne, czyli Twój WordPress powinien być dostępny pod
adresem bezpośrednio tej domeny, jak w moim przypadku to jest eduweb.space. Natomiast
ten serwer jest przeznaczony również na pliki do innych kursów, dlatego
ja zrobię coś innego i utworzę na nim dodatkowy folder, w którym
znajdzie się WordPress. I wpiszę tutaj nazwę naszego kursu wordpress-podstawy. Wybieram
polecenie Create. W takim nowo stworzonym katalogu mogę wejść do środka i
dopiero tutaj wgram pliki WordPressa. Czyli dla Ciebie będzie się to różniło tym,
że prawdopodobnie wgrasz je luzem do katalogu www. I będziesz miał
dostęp pod twojadomena.pl albo twojadomena.com. Natomiast
ja będę miał dostęp do WordPressa pod eduweb.space/nazwa_folderu,
czyli /wordpress_podstawy. Jeżeli już pliki nam się wgrały,
możemy przejść do... możemy sprawdzić nawet eduweb.space, jak to wygląda, konkretnie
ta podstrona wordpress-podstawy czy ten folder. I on domyślnie powinien odpalić
nam plik index.php. Rzeczywiście wygląda na to, że wszystko działa, natomiast mamy Błąd
łączenia się z bazą danych. Nic dziwnego - tej bazy danych na serwerze produkcyjnym
jeszcze nie ma. To, co my zrobiliśmy na razie, to wgraliśmy wszystkie pliki WordPressa, ale tak naprawdę cała
nasza konfiguracja jest w bazie danych. Musimy w związku z tym przejść do panelu hostingodawcy,
czyli na nasz serwer produkcyjny. Może to być panel zarządzania typu cPanel
lub jakiś inny. Może to być zupełnie customowy panel - to już oczywiście zależy
od Twojego dostawcy hostingu - natomiast da się w nim na pewno w jakiś sposób stworzyć
bazę mySQL. W cPanelu mogę wyszukać i przejść do sekcji
mySQL databases, a następnie wpisać tutaj nazwę mojej
bazy danych, na przykład po prostu WP. Natomiast ona zaczyna
się od jakiegoś takiego specjalnego przedrostka, którego nawet nie mogę zmienić. Wybieram polecenie
Create database i teraz już baza danych została dla mnie stworzona. Okej,
skoro jesteśmy na tym etapie, że mamy już bazę danych, to skopiujmy sobie jej
nazwę do schowka. Następnie przejdźmy do naszych plików na serwerze i w wordpress
znajdziemy plik konfiguracyjny, czyli ten plik wp-config.php. Możemy
wyedytować go z pomocą polecenia Edit with i po prostu wybrać sobie jakieś
domyślne narzędzie, które pozwoli nam edytować pliki, na
przykład na Macu TextEdit. Następnie przejdźmy do ustawień i mamy tutaj
definicję bazy danych. Nazwa bazy danych to nie jest wordpress,
tylko właśnie ta nazwa, którą stworzyłem przed chwilą. I to
jest istotne, żebyśmy nie nadpisali sobie teraz tego pliku konfiguracyjnego z naszego
lokalnego środowiska, gdzie mamy bazy danych o innej nazwie, innego użytkownika, tylko
właśnie żebyśmy nadpisali ten plik, który jest już na serwerze - plik
wp-config.php właściwymi danymi. Czyli mamy nazwę bazy danych,
następnie użytkownika i teraz przejdźmy dalej
do tworzenia - akurat w tym panelu tak tworzy się użytkownika, że
możemy tutaj właśnie dodać go. Niech to będzie Grzegorz i hasło - zasugerujemy
jakieś moce hasło. Ja skopiuję je sobie do schowka i gdzieś zapiszę. I wybiorę
polecenie Create user. Okej, użytkownik został stworzony. Ja mam w schowku
hasło w związku tym wkleję je tutaj, a następnie zmienię
nazwę użytkownika, ponieważ ten użytkownik ma tutaj ten obowiązkowy przedrostek
mojego dostawcy hostingu, więc teraz te dane łączenia z bazą są
poprawne. Okej, to zamykam ten plik i przechodzę teraz na moją
stronę WordPress - podstawy. Jak widzisz, mam już możliwość zainstalowania WordPressa. Tutaj
w zasadzie mogę albo instalować WordPressa, albo nie. Możesz podać nawet jakieś
przykładowe, randomowe dane, ponieważ i tak my później
te dane zastąpimy danymi z naszej bazy. A więc
w zasadzie nie musisz tutaj nawet instalować WordPressa, jeśli wykonasz
te kroki, które pokażę Ci w kolejnej lekcji. Ale sam fakt, że udało
nam się dojść do tej planszy jest ważny i powinniśmy rzeczywiście ją zobaczyć. Teraz zapraszam Cię do
kolejnej lekcji, w której zajmiemy się przeniesieniem naszej lokalnej bazy danych na
produkcję. Do usłyszenia!