1. PROGRAMIJA INTERAKTIVNIH MEDIJEV
»
Marko Lampret
Wordpress www.lampret.net
1

2. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Na kratko o Wordpressu
• Prva verzija objavljena leta 2003
• Odprtokodni program
• Najprej mišljen samo kot blog, postal eden
močnejših CMS sistemov.
• Wordpress je en izmed najbolj prepoznavnih
“brandov” na spletu.
• Poganja 17% vseh spletnih strani.
• Lahko gostuje na Wordpress.com ali ga
namestimo na svoj strežnik.
2

3. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Top 100 blogs
3

4. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Primeri spletnih strani – tuji blogi in strani
• http://blog.us.playstation.com/
• http://mashable.com/
• http://www.engadget.com/
• http://www.slashgear.com/
• http://marketing.dell.com/teamdellracing
• http://www.rollingstones.com/
• http://davematthewsband.com/
• http://site.dimmu-borgir.com/
4

5. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Primeri spletnih strani – domače strani in blogi
• http://www.paideia.si
• http://www.myofit.si
• http://www.kafetarija-raj.si
• http://www.statbase.si
• http://www.salonana.si
• http://www.panaceo.si
• http://www.traininginparadise.eu
• http://www.lampret.net/blog
5

6. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» wordpress.com – wordpress.org
wordpress.com
Hosting bloga na skupnosti wordpress.com
wordpress.org
Za prenos celotnega CMSja na svoj hosting.
6

7. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Stand-alone ali v oblaku Wordpress.com?
Vprašanje pred začetkom …
Namestim Wordpress na svoj hosting,
ali uporabim wordpress.com?
7

8. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Lasten host ali Wordpress.com?
Lasten host Wordpress.com
• Rabim strežnik • Že nameščen
PHP/SQL Wordpress
• Lastna namestitev • Nadgradnje izvaja
ponudnik
• Skrb za nadgradnje
• Omejitve pri
• Več svobode
prilagoditvah
• Varnostne kopije
• Predznanje ni
• Potrebno poznavanje potrebno
PHP, SQL, FTP
• Skupnost
8

9. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» RTFM
Wordpress CODEX
http://codex.wordpress.org/
9

10. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» SUPPORT forum
Wordpress SUPPORT FORUM
http://wordpress.org/support/
10

11. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Getting Started Resources
GETTING STARTED
http://wordpress.org/support/
11

12. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – prijava na wordpress.com
Prijava na wordpress.com hosting.
12

13. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Pregled pojmov #1
• Frontend /backend
• Prijava v administracijo
• Admin toolbar
• Navigacija po admin vmesniku
• Prispevki, kategorije
• Strani
• Pisanje, brisanje, kategoriziranje prispevkov in
strani
13

14. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Pregled pojmov #2
• Menuji
• Tagi
• Medijske datoteke / prenos priponke
• Teme in menjava tem
14

15. PROGRAMIJA INTERAKTIVNIH MEDIJEV
»
15

16. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Dodajanje multimedijskih vsebin
Dodajanje multimedijskih vsebin
• Slika (galerija, image)
• Flash (Kimili Flash Embed)
• Datoteka
• Youtube
• Google maps
16

17. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – namestitev na lasten strežnik
Namestitev na lasten strežnik.
17

18. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – namestitev na lasten strežnik
PHP verzije 5.2.4 ali več
MySQL 5.0 ali več
mod_rewrite Apache modul
Pravilno nastavljene pravice na strežniku.
dostop do map na strežniku (ftp, sftp)
phpMyAdmin dostop do baze
18

19. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – namestitev na lasten strežnik
WAMP server
+
Wordpress
Nameščen lokalno, na Windows okolju.
19

20. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – namestitev na lasten strežnik
Za namestitev:
http://www.wampserver.com/en/
Dostop do strežnika na lastnem računalniku
http://localhost
Problem: SKYPE (!)
20

21. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – namestitev na lasten strežnik
Podatki za namestitev:
• Mysql strežnik, baza, uporabnik, geslo
• Veljaven e-poštni naslov
• Osnovni podatki o strani (naslov, podnaslov)
• Določimo geslo za administratorja
21

22. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Wordpress.org – prijava v backend
http://localhost/wordpress/wp-admin
22

23. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Pregled pojmov #1
• Frontend /backend
• Prijava v administracijo
• Admin toolbar
• Navigacija po admin vmesniku
• Prispevki, kategorije
• Strani
• Pisanje, brisanje, kategoriziranje prispevkov in
strani
23

24. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Pregled pojmov #2
• Menuji
• Tagi
• Medijske datoteke / prenos priponke
• Teme in menjava tem
• Vtičniki
• Uporabniki
• Nastavitve
24

25. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Izdelava lastnih tem
25

26. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Kako začeti s temami?
• Uporaba “blank themes”
• Prilagajanje obstoječih tem, npr na
http://wordpress.org/extend/themes/
• Spremembe CSS, HTML, PHP, JS
• Dober urejevalnik za kodo, FTP dostop ali dostop
preko wp-admin
• Cross-browser kompatibilnost
• HTML5 ?
26

27. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
…
27

28. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Tutoriali:
• http://codex.wordpress.org/Theme_Development
• http://goo.gl/ZuHN7
• http://goo.gl/AGNvx
Generatorji tem
• http://www.artisteer.com/?p=wordpress_themes
• http://www.lubith.com/
28

29. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Template hierarchy
• http://codex.wordpress.org/Template_Hierarchy
29

30. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Template hierarchy
• http://goo.gl/vkW0D
30

31. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Fonti
Web safe fonts
• http://goo.gl/73Al3
Custom fonts
• http://www.google.com/webfonts
• http://www.fontsquirrel.com/fontface
31

32. PROGRAMIJA INTERAKTIVNIH MEDIJEV
» Izdelava lastnih tem
Praktični primeri
- Paideia
- Statbase
- Andragoški zavod MB
32

33. PROGRAMIJA INTERAKTIVNIH MEDIJEV
»
33