Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich niniejszej publikacji. Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli. Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce. Redaktor prowadzący: Ewelina Burska Projekt okładki: Maciej Pasek Materiały graficzne na okładce zostały wykorzystane za zgodą Shutterstock. Wydawnictwo HELION ul. Kościuszki 1c, 44-100 GLIWICE tel. 32 231 22 19, 32 230 98 63 e-mail: helion@helion.pl WWW: http://helion.pl (księgarnia internetowa, katalog książek) Drogi Czytelniku! Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres http://helion.pl/user/opinie?cwwopr Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję. ISBN: 978-83-246-3702-7 Copyright Helion 2012 Printed in Poland. Kup książkę Poleć książkę Oceń książkę Księgarnia internetowa Lubię to!» Nasza społeczność
Spis tre ci Wst p 5 Rozdzia 1. Hosting 19 wordpress.com 21 wordpress.org 22 cba.pl 22 Rozdzia 2. Instalacja 25 Zak adanie konta 26 Baza danych 30 WordPress 32 Rozdzia 3. Konfiguracja 41 Logowanie 41 Ustawienia ogólne 43 Pisanie 48 Czytanie 55 Dyskusja 57 Media 63 Prywatno 66 Bezpo rednie odno niki 67 Rozdzia 4. Wpisy 71 Szesna cie zasad 72 Kategorie 74 Dodawanie 77 Usuwanie 80 Edycja 82
4 WordPress wiczenia praktyczne Rozdzia 5. Media 85 Przesy anie plików na serwer 86 Biblioteka 91 Rozdzia 6. Odno niki 99 Usuwanie odno ników 100 Kategorie 101 Dodawanie odno ników 104 Rozdzia 7. Komentarze 109 Siedem dobrych zasad 111 Komentowanie 112 Moderowanie komentarza usuwanie 114 Moderowanie komentarza akceptowanie 117 Rozdzia 8. Strony 121 Edytowanie 121 Dodawanie 126 Hierarchia 127 Rozdzia 9. Motywy 133 Zmiana motywu 133 T o 136 Nag ówek 141 Menu 144 Instalowanie motywu 146 Rozdzia 10. Widgety 151 Lokalizacja widgetów 153 Archiwa 154 Chmurka tagów 156 Rozdzia 11. Wtyczki 159 Wyszukiwanie 160 Instalowanie 165 Rozdzia 12. U ytkownicy 169 Dodawanie 171
8 Strony Wielk zalet WordPressa jest jego interaktywno. Witryna nie jest statyczna, gdy czytelnicy mog komentowa artyku y i polemizowa z opiniami innych. Jednym s owem elektroniczny Hyde Park. Oprócz stale aktualizowanych wpisów i komentarzy potrzebne s równie strony statyczne. Mo na na nich opublikowa regulamin bloga, dane kontaktowe, informacje o autorze, cennik powierzchni reklamowej itp. Stron statycznych nie musimy tworzy sami. WordPress ma wbudowane narz dzia do ich redagowania i publikowania. Strony nie s cz ci uporz dkowanego chronologicznie ci gu wpisów na blogu. Nie mo na ich przypisywa do kategorii ani uzupe nia tagami. Po zainstalowaniu bloga jest w nim widoczna przyk adowa strona. Pozwala ona zorientowa si w wygl dzie i lokalizacji stron. Tak jak pozosta e przyk adowe dane, mo na j usun lub edytowa. Edytowanie Strony mo na edytowa na dwa sposoby: szybki (bez mo liwo ci zmiany tre ci strony) i normalny (dopuszczaj cy zmian tre ci strony). Opcje dost pne w obu przypadkach zosta y opisane w wiczeniach 8.1 i 8.2.
122 WordPress wiczenia praktyczne W I C Z E N I E 8.1 Szybka edycja Aby wykona szybk edycj : 1. Kliknij przycisk Strony (rysunek 8.1). Rysunek 8.1. Przycisk Strony 2. Zostanie wy wietlona lista stron (rysunek 8.2). Przesu kursor nad nazw strony, któr chcesz edytowa. Rysunek 8.2. Lista stron 3. Kliknij odsy acz Szybka edycja. 4. Zostanie wy wietlony formularz do szybkiej edycji strony (rysunek 8.3). Wprowad zmiany, korzystaj c ze wskazówek podanych w tabeli 8.1. Tabela 8.1. Szybka edycja opcje Opcja Tytu Upr. nazwa Data Has o Opis Tytu strony. Nazwa u ywana w adresie strony. Domy lnie data opublikowania strony; mo na tu te wpisa dat jej aktualizacji. Wpisanie w polu Has o ci gu znaków powoduje, e strona zostanie wy wietlona po podaniu has a. Bez podania has a widoczny jest tylko odsy acz do strony.
Tabela 8.1. Szybka edycja opcje ci g dalszy Rozdzia 8. Strony 123 Opcja Prywatne Rodzic Kolejno Szablon Zezwól na komentarze Stan Opis Zaznaczenie opcji spowoduje, e link do strony nie b dzie wy wietlany na blogu. Z listy mo na wybra stron nadrz dn w stosunku do edytowanej. Odsy acze do strony s u o one od lewej do prawej w kolejno ci dodawania stron do serwisu. Nadrz dnym kryterium porz dkowania s liczby wpisane w polu Kolejno. Im mniejsza liczba, tym bli ej lewej kraw dzi witryny jest wy wietlany odsy acz do strony. Dla ka dej strony mo e by wybrany szablon, niezale nie do szablonów pozosta ych stron. Zaznaczenie tego pola powoduje, e pod tekstem strony zostanie wy wietlony formularz do wpisywania komentarzy. Komentarze zatwierdzone przez moderatora b d publikowane pod tre ci strony. Stronie mo na przypisa trzy statusy: Opublikowano, Oczekuje na przegl d oraz Szkic. Tylko pierwszy powoduje, e strona jest widoczna w witrynie. Rysunek 8.3. Formularz do szybkiej edycji strony 5. Kliknij przycisk Aktualizacja.
124 WordPress wiczenia praktyczne W I C Z E N I E 8.2 Pe na edycja Aby przeprowadzi pe n edycj : 1. Kliknij przycisk Strony (patrz rysunek 8.1). 2. Zostanie wy wietlona lista stron. Przesu kursor nad nazw strony, któr chcesz edytowa. 3. Kliknij odsy acz Edytuj (rysunek 8.4). Rysunek 8.4. Lista stron 4. Zostanie wy wietlony formularz do edycji strony (rysunek 8.5). Wprowad zmiany, korzystaj c ze wskazówek podanych w tabeli 8.2. Tabela 8.2. Edycja opcje Opcja Tytu Edytuj Dost pno Opis Tytu strony. Nazwa u ywana w adresie strony. Stronie mo na przypisa trzy statusy: Publiczne, Zabezpieczone has em oraz Prywatne. Tylko pierwszy powoduje, e strona jest widoczna w witrynie bez ogranicze. Wybranie opcji Zabezpieczone has em spowoduje wy wietlenie pola Has o. Wpisanie w polu Has o ci gu znaków spowoduje, e strona zostanie wy wietlona po podaniu has a. Bez podania has a widoczny jest tylko odsy acz do strony. Zaznaczenie opcji Prywatne spowoduje, e link do strony nie b dzie wy wietlany na blogu. Opublikowano Domy lnie jest to data opublikowania strony; mo na tu wpisa te dat jej aktualizacji.
Tabela 8.2. Edycja opcje Rozdzia 8. Strony 125 Opcja Szablon Kolejno Ikona wpisu Opis Niektóre motywy posiadaj w asne szablony przeznaczone do wykorzystania na stronach. Dzi ki nim u ytkownik ma dost p do dodatkowych funkcji lub mo e w specyficzny sposób sformatowa tre. Je eli u ywany motyw posiada takie szablony, zostan one wy wietlone w rozwijanym menu. Dla ka dej strony mo e by wybrany szablon, niezale nie od szablonów pozosta ych stron. Odsy acze do strony s u o one od lewej do prawej w kolejno ci dodawania stron do serwisu. Nadrz dnym kryterium porz dkowania s liczby wpisane w polu Kolejno. Im mniejsza liczba, tym bli ej lewej kraw dzi witryny jest wy wietlany odsy acz do strony. Klikni cie odsy acza spowoduje wy wietlenie formularza pozwalaj cego na dodanie do strony ikony. Ikona wpisu jest wy wietlana w lewym górnym rogu tekstu. Mo e pe ni rol podobn do inicja u w ksi ce. Rysunek 8.5. Formularz s u cy do edycji strony 5. Kliknij przycisk Aktualizacja.
126 WordPress wiczenia praktyczne Stron zainstalowan wraz z WordPressem mo na ca kowicie zmieni. Edycji mo na podda zarówno tytu, adres, tre, jak i atrybuty strony. Je eli jedna strona to za ma o, trzeba doda do witryny kolejn. Dodawanie Dodanie strony powoduje utworzenie nowej. W najprostszym wariancie strona mo e by pojedyncza i niezwi zana z innymi. W I C Z E N I E 8.3 Dodawanie strony Aby doda stron : 1. Kliknij przycisk Strony, a nast pnie Dodaj now (rysunek 8.6). Rysunek 8.6. Przyciski, których klikni cie powoduje przej cie do trybu edycji stron 2. Zostanie wy wietlony formularz do dodawania strony (rysunek 8.7). W polu widocznym pod nazw formularza wpisz tytu strony. W tytule strony mo esz u ywa dowolnych znaków, w cznie z przecinkami, apostrofami, znakami zapytania itp. Na podstawie tytu u jest generowany adres strony. WordPress zadba o to, aby adres by poprawny. WordPress nie sprawdza unikatowo ci tytu ów. Mo liwe jest istnienie w tym samym serwisie dwóch stron o jednakowym tytule. B d one mia y jednak ró ne adresy. 3. W pustym polu poni ej pola wpisywania tytu u zredaguj tre strony (rysunek 8.7). 4. Uzupe nij formularz, korzystaj c ze wskazówek podanych w tabeli 8.2. 5. Kliknij przycisk Opublikuj.
Rozdzia 8. Strony 127 Rysunek 8.7. Formularz dodawania strony Hierarchia W przypadku rozbudowanych stron mo na je podzieli na tematy g ówne i uzupe niaj ce. Taka hierarchiczna struktura u atwia ledzenie tematów. W wiczeniu 8.4 najpierw zostanie dodana strona nadrz dna (rodzic), a nast pnie podrz dna. W I C Z E N I E 8.4 Tworzenie hierarchicznej struktury stron Aby utworzy hierarchiczn struktur stron: 1. Kliknij przycisk Strony, a nast pnie Dodaj now (rysunek 8.8).
128 WordPress wiczenia praktyczne Rysunek 8.8. Dodawanie stron pojedynczych i uporz dkowanych hierarchicznie pocz tkowo przebiega w ten sam sposób 2. W formularzu (rysunek 8.9) wpisz tytu i tre strony nadrz dnej. Rysunek 8.9. Strona nadrz dna b dzie mo na j atwo rozpozna 3. Kliknij przycisk Opublikuj (rysunek 8.10). Rysunek 8.10. Po klikni ciu przycisku strona b dzie widoczna w witrynie 4. Teraz nale y doda kolejn stron. Kliknij przycisk Strony, a nast pnie Dodaj now (rysunek 8.11). Rysunek 8.11. Niezale nie od miejsca w hierarchii dodawanie strony rozpoczyna si tak samo 5. W formularzu (rysunek 8.12) wpisz tytu i tre strony podrz dnej.
Rozdzia 8. Strony 129 Rysunek 8.12. Strona podrz dna równie b dzie atwa do rozpoznania 6. Z listy Rodzic (rysunek 8.13) wybierz stron nadrz dn. Rysunek 8.13. Dodane strony s widoczne na li cie 7. Kliknij przycisk Opublikuj (rysunek 8.14). Rysunek 8.14. Strona podrz dna ma tre i miejsce w hierarchii. Mo na j zatem opublikowa 8. Warto zobaczy, jak struktura hierarchiczna wygl da w witrynie. Kliknij odsy acz do g ównej strony bloga (rysunek 8.15). Rysunek 8.15. Odsy acz do strony g ównej bloga 9. W witrynie przesu kursor na odsy acz Strona nadrz dna (rysunek 8.16). Zostanie rozwini te menu.
130 WordPress wiczenia praktyczne Rysunek 8.16. Struktura stron jest widoczna w menu 10. Kliknij odsy acz Strona nadrz dna. Zostanie wy wietlona jej tre (rysunek 8.17). Rysunek 8.17. Nieco myl cy jest brak informacji o istnieniu strony podrz dnej 11. W witrynie przesu kursor na odsy acz Strona nadrz dna, a nast pnie kliknij pozycj Strona podrz dna (rysunek 8.18). Rysunek 8.18. Stron podrz dn mo na za adowa po wybraniu jej z menu 12. Zostanie wy wietlona strona podrz dna (rysunek 8.19). Rysunek 8.19. Jedynie z tre ci mo na si zorientowa, e zosta a wy wietlona strona podrz dna
Rozdzia 8. Strony 131 Hierarchia stron jest najwyra niej widoczna po zalogowaniu na zaplecze (rysunek 8.20). Rysunek 8.20. Stopie zag bienia w hierarchii mo na okre li na podstawie g boko ci wci cia Aby zaznaczy wszystkie strony, nale y klikn pole znajduj ce si na lewo od napisu Tytu (rysunek 8.21). Rysunek 8.21. Klikni cie pola powoduje zaznaczenie wszystkich stron Polecenie wybrane z listy Masowe dzia ania odnosi si do wszystkich zaznaczonych stron (rysunek 8.22). Rysunek 8.22. Po wybraniu polecenia nale y klikn przycisk Zastosuj
132 WordPress wiczenia praktyczne