Wordpress. Dla bloggera i webdevelopera. Piotr Wasilewski wasilewski.piotrek (at) gmail.com

Transkrypt

1 Dla bloggera i webdevelopera Piotr Wasilewski wasilewski.piotrek (at) gmail.com Akademickie Stowarzyszenie Informatyczne Wrocław, 9 kwietnia 2011

2

3 to system zarządzania treścią Pierwotnie stworzony z myślą o blogach Projekt open source, na licencji GPL2 Powstał w 2003 roku, najnowsza wersja to (kwiecień 2011) Obecnie jest to najczęściej wykorzystywany CMS: ponad 13% największych stron internetowych wg. w3techs.com Wymagania: PHP v.4.3 i MySQL v wordpress.org

4 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Instalacja a 1 pobieramy a ze strony wordpress.org/download 2 rozpakowujemy archiwum ZIP na serwerze 3 konfigurujemy bazę danych w pliku wp-config.php 4 w przeglądrace otwieramy URL pod jakim znajduje się nasz WP i podajemy podstawowe informacje: nazwa strony, login, hasło itp. Gotowe!

5 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Dla ułatwienia: # i n s t a l l a t o r # C o p y l e f t by P i o t r e k W a s i l e w s k i wget u n z i p h t t p : / / w o r d p r e s s. org / l a t e s t. z i p l a t e s t. z i p rm l a t e s t. z i p mv w o r d p r e s s /. r m d i r w o r d p r e s s mv wp c o n f i g sample. php wp c o n f i g. php vim wp c o n f i g. php

6 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Edycja pliku wp-config.php d e f i n e ( DB NAME, d a t a b a s e n a m e h e r e ) ; d e f i n e ( DB USER, u s e r n a m e h e r e ) ; d e f i n e ( DB PASSWORD, p a s s w o r d h e r e ) ; d e f i n e ( DB HOST, l o c a l h o s t ) ; $ t a b l e p r e f i x = wp ; d e f i n e ( WPLANG, pl PL ) ;

7 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Najprzydatniejsze funkcjonalności a przyjazny dla użytkownika panel admina kategorie, tagi, komentarze biblioteka mediów RSS widgety menu przyjazne URL-e

8 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Szablony Appearance Themes wordpress.org/extend/themes/ ponad bezpłatnych szablonów

9 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Instalacja szablonu (ręczna) 1 pobieramy archiwum ZIP z szablonem 2 rozpakowujemy do katalogu wp-content/themes/ 3 w menu Appearance Themes odnajdujemy nowy szablon i klikamy Activate Można również podejrzeć szablon przed aktywacją, wybierając opcję Preview.

10 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Pluginy zakładka Plugins wordpress.org/extend/plugins/ niemal 14 tys. wtyczek do pobrania instalacja równie prosta jak w przypadku szablonów (katalog wp-content/plugins/) pluginy mogą rozszerzyć niemal każdą funkcjonalność a

11 Instalacja Rzut okiem na funkcjonalności Modyfikacja szaty graficznej: szablony Rozszerzanie funkcjonalności: pluginy Co oferują pluginy? zarządzanie stroną: cache, backupy, uprawnienia użytkowników, modyfikacja panelu admina, anty-spam... społecznościowe bajery: Facebook, Twitter, YouTube, MySpace, Flickr, LinkedIn... uatrakcyjnianie treści: powiązane artykuły, popularne posty... SEO i statystyki odwiedzin wiele, wiele innych, mniej lub bardziej przydatnych funkcjonalności

12 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Najprostszy owy szablon w trzech krokach: 1 dodajemy katalog, w którym znajdą się wszystkie pliki naszego szablonu, np. wp-content/themes/my-template/ 2 w katalogu tworzymy pusty plik index.php 3 tworzymy też plik style.css, który obligatoryjnie zawiera nagłówek:

13 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości / Theme Name : My t e m p l a t e Theme URI : h t t p : / / t e m p l a t e. my D e s c r i p t i o n : My WP t e m p l a t e Author : Me Version : 1. 0 L i c e n s e : GNU G e n e r a l P u b l i c L i c e n s e Tags : t e m p l a t e /

14 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości... reszta należy do Ciebie

15 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Pliki szablonów reprezentują poszczególne elementy naszej strony, np. nagłówek, stopkę, treść wpisu, listę postów w danej kategorii, archiwum itd. Została ustalona hierarchia, według której pliki są wykonywane pozwala to na uszczegółowienie (lub uogólnienie) wybranych fragmentów strony. Hierarchia ta została dokładnie opisana pod adresem

16 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Najważniejsze pliki szablonów: index.php podstawa, jest wykonywany, jeżeli brakuje innych plików header.php nagłówek strony footer.php stopka home.php szablon strony głównej single.php pojedynczy wpis na stronie page.php szablon strony statycznej

17 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Jak to poskładać w całość? Plik index.php: <?php g e t h e a d e r ( ) ;?> <h1>h e l l o, World!</h1> <?php g e t f o o t e r ( ) ;?>

18 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości The Loop Najprostszy i najbardziej elegancki sposób na wyświetlenie treści w ie. <?php i f ( h a v e p o s t s ( ) ) : w h i l e ( h a v e p o s t s ( ) ) : t h e p o s t ( ) ;?> <h2><?php t h e t i t l e ( ) ;?></h2> <p><?php t h e d a t e ( ) ;?></p> <?php t h e c o n t e n t ( ) ;?> <?php e n d w h i l e ;?> <?php e l s e :?> <p>brak wpisow. </p> <?php e n d i f ;?>

19 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Ale skąd wie, jaki zestaw postów dobrać do danej Pętli? Odpowiedź brzmi: URL. Do danego URL a dobiera zestaw wpisów i odpowiedni szablon.

20 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Template tagi to funkcje służące do pozyskiwania treści posta z wykorzystaniem globalnych zmiennych a. Przykładowe template tagi: the title() tytuł wpisu the content() treść the excerpt() tzw. wypis the date() data opublikowania the author() autor the permalink() adres URL wpisu Patrz:

21 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Plik functions.php jest wykonywany przed jakimkolwiek szablonem może zatem zawierać wszelkie wywołania/definicje/deklaracje wykorzystywane w różnych miejscach szablonu. Oto kilka funkcjonalności najczęściej zaszywanych wewnątrz functions.php:

22 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Panele boczne W pliku functions.php: i f ( f u n c t i o n e x i s t s ( r e g i s t e r s i d e b a r ) ) { r e g i s t e r s i d e b a r ( a r r a y ( i d => r i g h t s i d e b a r, name => Prawy pasek boczny, d e s c r i p t i o n => Prawy pasek boczny, b e f o r e w i d g e t => <d i v c l a s s = s i d e b a r w idget >, b e f o r e t i t l e => <h3>, a f t e r t i t l e => </h3><d i v c l a s s = c o n t e n t >, a f t e r w i d g e t => </div ></div > ) ) ; } W szablonie: i f (! f u n c t i o n e x i s t s ( d y n a m i c s i d e b a r )! d y n a m i c s i d e b a r ( r i g h t s i d e b a r ) ) ;

23 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Widgety W pliku functions.php: c l a s s SimpleWidget e x t e n d s WP Widget { f u n c t i o n SimpleWidget ( ) { $ w i d g e t o p s = a r r a y ( ) ; $ t h i s >WP Widget ( s i m p l e w i d g e t, My s i m p l e w i d g e t, $ w i d g e t o p s ) ; } f u n c t i o n w i d g e t ( $args, $ i n s t a n c e ) { e x t r a c t ( $args, EXTR SKIP ) ; echo $ b e f o r e w i d g e t ; echo $ b e f o r e t i t l e. Simple Widget. $ a f t e r t i t l e ; echo $ a f t e r w i d g e t ; }...

24 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości... f u n c t i o n update ( $ n e w i n s t a n c e, $ o l d i n s t a n c e ) { $ n e w i n s t a n c e [ f i e l d n a m e ]= $ o l d i n s t a n c e [ f i e l d n a m e ] ; r e t u r n $ n e w i n s t a n c e ; } } f u n c t i o n form ( $ i n s t a n c e ) { // $ t h i s >g e t f i e l d i d ( f i e l d n a m e ) } r e g i s t e r w i d g e t ( SimpleWidget ) ;

25 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Aktywacja miniaturek W pliku functions.php: a d d t h e m e s u p p o r t ( post t h u m b n a i l s ) ; s e t p o s t t h u m b n a i l s i z e ( 65, 65, true ) ; W szablonie: t h e p o s t t h u m b n a i l ( ) ;

26 Najprostszy szablon Pliki szablonów The Loop i template tagi Rozszerzanie funkcjonalności: plik functions.php Inne możliwości Inne przydatne funkcje: bloginfo() wp header(), wp footer() wp register script(), wp enqueue script() wp register style(), wp enqueue style() get user meta()

27 Pluginy bez których nie możesz się obejść Społeczność a Podsumowanie Pytania Koniec Mój bardzo subiektywny wybór (kolejność bez znaczenia): DBC Backup TinyMCE Advanced Audio Link Player Capability Manager WP Super Cache

28 Pluginy bez których nie możesz się obejść Społeczność a Podsumowanie Pytania Koniec wordpress.org, codex.wordpress.org wordpress.org/support pl.wordpress.org, wordcamp-polska.pl, wpzlecenia.pl IRC: #wordpress na irc.freenode.net

29 Pluginy bez których nie możesz się obejść Społeczność a Podsumowanie Pytania Koniec Podsumowując...

30 Pluginy bez których nie możesz się obejść Społeczność a Podsumowanie Pytania Koniec Pytania?

31 Pluginy bez których nie możesz się obejść Społeczność a Podsumowanie Pytania Koniec Dziękuję za uwagę! Zapraszam na drugą część wykładu - już za tydzień.