Wordpress - Akademickie Stowarzyszenie Informatyczne

Transkrypt

Wordpress
Dla bloggera i webdevelopera
Piotr Wasilewski
wasilewski.piotrek (at) gmail.com
Akademickie Stowarzyszenie Informatyczne
www.asi.pwr.wroc.pl
Wrocław, 9 kwietnia 2011
Plan prezentacji
Wordpress w skrócie
Zaczynamy!
Tworzenie szablonów
Na zakończenie
1
2
Zaczynamy!
3
4
Na zakończenie
Piotr Wasilewski wasilewski.piotrek (at) gmail.com
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Wordpress 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 3.1.1
(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.4.1.2
wordpress.org
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
Rzut okiem na funkcjonalności
Modyfikacja szaty graficznej: szablony
Rozszerzanie funkcjonalności: pluginy
Instalacja Wordpressa
1
pobieramy Wordpressa 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!
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
Dla ułatwienia:
# Wordpress 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 h t t p : / / w o r d p r e s s . o r g / l a t e s t . z i p
unzip l a t e s t . zip
rm l a t e s t . z i p
mv w o r d p r e s s /∗ .
rmdir wordpress
mv wp−c o n f i g −s a m p l e . php wp−c o n f i g . php
vim wp−c o n f i g . php
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
Edycja pliku wp-config.php
define (
define (
define (
define (
’DB NAME ’ , ’ d a t a b a s e n a m e h e r e ’ ) ;
’ DB USER ’ , ’ u s e r n a m e h e r e ’ ) ;
’DB PASSWORD ’ , ’ p a s s w o r d h e r e ’ ) ;
’DB HOST ’ , ’ l o c a l h o s t ’ ) ;
$table prefix
= ’ wp ’ ;
d e f i n e ( ’WPLANG ’ , ’ p l P L ’ ) ;
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
Najprzydatniejsze funkcjonalności Wordpressa
przyjazny dla użytkownika panel admina
kategorie, tagi, komentarze
biblioteka mediów
RSS
widgety
menu
przyjazne URL-e
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
Szablony
Appearance → Themes
wordpress.org/extend/themes/
ponad 1.300 bezpłatnych szablonów
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
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.
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
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ść
Wordpressa
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Instalacja
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
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
The Loop i template tagi
Rozszerzanie funkcjonalności: plik functions.php
Inne możliwości
Najprostszy Wordpressowy 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:
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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
A u t h o r : 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
∗/
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
... reszta należy do Ciebie
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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 http://codex.wordpress.org/Template_Hierarchy
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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 ( ) ; ?>
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
The Loop
Najprostszy i najbardziej elegancki sposób na wyświetlenie treści w
Wordpressie.
<?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 ; ?>
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
Ale skąd Wordpress wie, jaki zestaw postów
dobrać do danej Pętli?
Odpowiedź brzmi: URL. Do danego URL–a Wordpress dobiera
zestaw wpisów i odpowiedni szablon.
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
Template tagi to funkcje służące do pozyskiwania treści posta
z wykorzystaniem globalnych zmiennych Wordpressa.
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: http://codex.wordpress.org/Template_Tags
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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:
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
Panele boczne
W pliku functions.php:
i f ( function exists ( ’ register sidebar ’ ) ) {
r e g i s t e r s i d e b a r ( array (
’ i d ’ => ’ r i g h t −s i d e b a r ’ ,
’ name ’ => ’ Prawy p a s e k b o c z n y ’ ,
’ d e s c r i p t i o n ’ => ’ Prawy p a s e k b o c z n y ’ ,
’ 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 i d g e t ”> ’ ,
’ 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 ’ => ’</d i v ></d i v > ’
));
}
W szablonie:
i f ( ! function exists ( ’ dynamic sidebar ’ )
| | ! 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 ’ ) ) ;
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
Widgety
c l a s s S i m p l e W i d g e t e x t e n d s WP Widget {
f u n c t i o n SimpleWidget () {
$widget ops = array ( ) ;
$ 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 widget ( $args , $ i n s t a n c e ) {
e x t r a c t ( $ a r g s , 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 . ’ S i m p l e Widget ’ .
echo $ a f t e r w i d g e t ;
}
...
Wordpress
$after title ;
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
...
f u n c t i o n update ( $new instance , $ 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 ’ ] ;
return $new instance ;
}
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 ’ ) ;
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
Inne możliwości
Aktywacja miniaturek
a d d t h e m e s u p p o r t ( ’ p o s t −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:
the post thumbnail ();
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Najprostszy szablon
Pliki szablonów
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()
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Pluginy bez których nie możesz się obejść
Społeczność Wordpressa
Podsumowanie
Pytania
Koniec
Mój bardzo subiektywny wybór (kolejność bez znaczenia):
DBC Backup
TinyMCE Advanced
Audio Link Player
Capability Manager
WP Super Cache
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
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
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Podsumowanie
Pytania
Koniec
Podsumowując...
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Podsumowanie
Pytania
Koniec
Pytania?
Wordpress
Plan prezentacji
Zaczynamy!
Na zakończenie
Podsumowanie
Pytania
Koniec
Dziękuję za uwagę!
Zapraszam na drugą część wykładu - już za tydzień.
Wordpress

Wordpress - Akademickie Stowarzyszenie Informatyczne

Transkrypt

Podobne dokumenty

Hauerpower

Instalacja silnika WordPress na serwerze

poznajemy cyfry po arabsku (1-10)

CMS WordPress - Imperium Szkoleniowe

Jak (nie) uczyć się WP

Sylabus przedmiotu