WordPress od podszewki

Artykuł miał się ukazać na www.kursphp.com. Był to początek tutorialów z serii „WordPress od podszewki”. Zostały napisane trzy części, seria nie została ukończona.
Wordpress to jeden z najpopularniejszych systemów zarządzania treścią (CMSów)
zaprojektowanych do obsługi blogów. Napisany jest w języku PHP, wykorzystuje również
bazę danych MySQL. Jest on rozpowszechniany przez GNU General Public License i jest
dostępny bezpłatnie. W tym kursie opiszę krok po kroku jak skonfigurować WordPressa, jakie
opcje on oferuje, jakie wtyczki warto zainstalować i w jaki sposób są one zbudowane. Na
zakończenie stworzymy prostą wtyczkę. W razie zapotrzebowania, jeśli otrzymam od Was
feedback, będę dodawał nowe elementy do kursu. To, co trzeba powiedzieć nim zaczniemy,
to to, że skupimy się głównie na PHPie jako takim, a frontendem
będziemy zajmować się w
jak najmniejszym stopniu. Będę pisał o WordPressie z pozycji praktyka, więc jest możliwe,
że pominę kilka teoretycznych aspektów tego CMSa.
Jako, że WordPress korzysta z backendu,
to musi zostać postawiony na serwerze
(strony internetowe, które są tylko frontendowe,
mogą być tworzone bez utworzenia
lokalnego serwera). Oczywiście moglibyśmy skorzystać z darmowego serwera online, jednak
dużo łatwiej jest postawić serwer lokalny. Plusem tego rozwiązania jest to, że możecie
utworzyć dowolną ilość stron, serwisów internetowych i między nimi swobodnie się
przełączać. Skorzystamy z programu MAMP, który jest również opensource’owy,
służy do
stawiania dynamicznych stron m.in. na Mac OS X, używamy web serwera Apache lub
Nginxa, bazy danych MySQL, a możemy pisać w PHPie, Perlu lub Pythonie. W pełni spełni
on wszystkie nasze potrzeby.
Na początku pobieramy MAMP z: https://www.mamp.info/en/
A także WordPressa z: https://wordpress.org/download/
Ten pierwszy instalujemy, a ten drugi rozpakowujemy. Następnie wchodzimy w ścieżkę, w
której zainstalowaliśmy MAMP, w moim wypadku jest to C:\MAMP\htdocs . W folderze
„htdocs” powinny znajdować się osobne katalogi, które będą wskazywały na to, jaki portal
MAMP będzie nam wyświetlał. Tworzymy folder WordPress i wkładamy tam zawartość
wypakowanej paczki WordPressowej.
Wchodzimy w preferencje MAMP, w „ports” Apache Port wpisujemy 8888, natomiast w
MySQL Port wpisujemy 8889. Warto też wybrać wersje PHPa 5.6.24.
Uruchamiamy serwer MAMPa, pod tym linkiem:
http://localhost:8888/MAMP/
Wybieramy tools >
phpMyAdmin. Klikamy przycisk „new” i w „Database name” wpisujemy
„wordpress”. Nie trzeba nic wybierać, jeśli chodzi o „collation” po prostu klikamy create.
W razie problemów z konfiguracją, użyjcie tego samouczka:
https://documentation3.
mamp.info/en/documentation/mamp/ , bądź też napiszcie w
komentarzach.
Następnie wpisujemy w adresie przeglądarki:
http://localhost:8888/wordpress
Teraz zaczynamy instalację WordPressa, która jest już legendarna, jeśli chodzi o stopień
uproszczenia. Wybieramy język – angielski bądź polski, na potrzeby tego samouczka użyję
języka polskiego. Następnie ustawiamy połączenie w bazie danych – nazwa bazy danych to
wordpress, użytkownik to root, a hasło to również root. Bardzo ważne jest to by ustawić adres
serwera bazy danych na localhost:8889. Następnie uruchamiamy instalację.
Nadajemy tytuł witrynie, nazwę użytkownika, hasło, adres email, decydujemy, czy będzie ona
widoczna dla wyszukiwarek. WordPress zostaje zainstalowany, logujemy się.
Teraz przyszła pora na opisanie funkcji, jakie ma WordPress. Po lewej stronie znajduje się
Kokpit, który jest o tyle istotny, że mamy tam w jednym miejscu podsumowanie całej
witryny, a także aktualizacje. Warto utrzymywać swojego WordPressa w najnowszej wersji,
gdyż zmniejsza to między innymi podatność na ataki hakerskie, czy też w wypadku różnych
wersji WordPressa i wtyczek może doprowadzić do konfliktów, które mogą uniemożliwić
użytkowanie witryny. Będziecie otrzymywać powiadomienia, gdy będą dostępne
uaktualnienia i, tak jak powiedziałem na początku, warto robić to możliwie najregularniej.
Kolejne pięć funkcji są bardziej frontendowe,
ale także je pokrótce omówię, byście mieli
ogólne pojęcie jak one funkcjonują, jak je modyfikować.
Warto również dodać, że w miarę, jak będziemy dodawać kolejne wtyczki, ilość funkcji w
lewym menu może się zwiększać, mogą też pojawiać się inne zawartości poszczególnych
funkcji.
Pierwszą jest „Wpisy”, można tworzyć tutaj wpisy blogowe, gdyż WordPress służy głównie
do tworzenia blogów. Możemy przeglądać wszystkie wpisy, dodawać nowe wpisy, tworzyć i
przeglądać kategorie lub też tworzyć i przeglądać tagi. Jako, że jest to dość luźno związane z
czystym PHPem, to nie będziemy tym jak na razie się zajmować.
Kolejną funkcją są „Media”. Można tam dodawać nowe wideo, obrazy i muzykę. Oczywiście
są one ograniczane przez maksymalna dopuszczalną wielkość dodawanych plików.
Następna funkcja to „strony”. Są one dość istotne, gdyż dzięki nim można tworzyć podstrony
na witrynie, które mogą być wykorzystywane w najróżniejszy sposób. Możemy przeglądać
wszystkie, a także dodawać nowe.
Kolejną funkcją są komentarze, możemy nimi tam zarządzać.
Następną funkcją jest wygląd. Możemy w nim instalować motywy, które w łatwy sposób
stworzą nam stronę, jeśli chodzi o frontend,
możemy te motywy personalizować (zarówno
poprzez menu personalizacja, jak i poprzez czysty CSS w opcjach „edytora”). Kolejną rzeczą
są widgety, głównie używane do menu i sidebarów, kolejną opcją są zmiany w nagłówku, w
tle strony i wreszcie edytor.
Edytor jest dość istotną funkcją, gdyż możemy tam dostać się do bebechów strony i zająć się
edycją niemal dowolnego elementu szablonu. Zajmiemy się tym elementem w sposób
bardziej szczegółowy w następnych częściach samouczka.
Następną funkcją są „wtyczki”. Możemy przeglądać, jakie wtyczki zainstalowaliśmy,
możemy dodać nowe wtyczki, a także edytować wtyczki. Edycja wtyczek, a także edycja
wyglądu odbywa się w PHPie
i będzie naszym głównym obszarem zainteresowań. Opiszemy
go obszerniej później.
Późniejszą funkcją są „użytkownicy”. Możemy przejrzeć,jakich użytkowników mamy,
możemy dodać nowego,jak również zobaczyć swój profil.
Przedostatnią funkcją są „Narzędzia”. Pojawiają się tutaj najczęściej opcje wtyczek, które
zainstalujemy. Możemy przejrzeć dostępne narzędzia, a także importować lub eksportować
wpisy lub komentarze. Przydatne jest to w wypadku, gdy dokonujemy migracji z innego
systemu blogowego.
Ostatnią funkcją są ustawienia. Najistotniejsze dla nas będą ustawienia ogólne, gdyż tam
mamy dostępny tytuł witryny i jej opis. Przede wszystkim, można ustawić tam lokalizację
Wordpressa, adres witryny, adres email administratora. Są to przydatne opcje przy migracji
tego CMSa. Możemy także zmienić język witryny (gdybyśmy, na przykład, oddawali witrynę
dla zagranicznego klienta). Kolejne opcje to zamiana ogólnych zasad, jeśli chodzi o pisanie na
naszej stronie, sposób wyświetlania elementów na naszej stronie (opcja „Czytanie”), sposób
wyświetlania komentarzy, wyświetlania obrazków. Ostatnią opcją jest sposób wyświetlania
bezpośrednich odnośników na stronie, jest to również bardzo istotne.
Są to ustawienia ogólne, jednak warto je skonfigurować pod siebie nim zacznie się korzystać
z WordPressa. Na potrzeby samouczka nie będziemy w nich mieszać.
I to by było na tyle. Zawartość tego samouczka będzie regularnie dodawana, w tym wpisie
zajęliśmy się zupełnymi podstawami, jednak poprawna konfiguracja jest niezwykle ważna,
gdyż można na niej stracić masę czasu.