PROGRAMIJA INTERAKTIVNIH MEDIJEV»                 Marko Lampret    Wordpress   www.lampret.net     1
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Na kratko o Wordpressu  • Prva verzija objavljena leta 2003  • Odprtokodni program  • Na...
PROGRAMIJA INTERAKTIVNIH MEDIJEV»   Top 100 blogs                                                  3
PROGRAMIJA INTERAKTIVNIH MEDIJEV»   Primeri spletnih strani – tuji blogi in strani    • http://blog.us.playstation.com/   ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV»   Primeri spletnih strani – domače strani in blogi    • http://www.paideia.si    • http:...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» wordpress.com – wordpress.org  wordpress.com  Hosting bloga na skupnosti wordpress.com  ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Stand-alone ali v oblaku Wordpress.com?                  Vprašanje pred začetkom …      ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Lasten host ali Wordpress.com? Lasten host                       Wordpress.com • Rabim s...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» RTFM  Wordpress CODEX  http://codex.wordpress.org/     9
PROGRAMIJA INTERAKTIVNIH MEDIJEV» SUPPORT forum  Wordpress SUPPORT FORUM  http://wordpress.org/support/     10
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Getting Started Resources  GETTING STARTED  http://wordpress.org/support/               ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – prijava na wordpress.com           Prijava na wordpress.com hosting.    ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #1  • Frontend /backend  • Prijava v administracijo  • Admin toolbar  • N...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2  • Menuji  • Tagi  • Medijske datoteke / prenos priponke  • Teme in me...
PROGRAMIJA INTERAKTIVNIH MEDIJEV»                                 15
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Dodajanje multimedijskih vsebin  Dodajanje multimedijskih vsebin  • Slika (galerija, ima...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik              Namestitev na lasten strežnik...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik                   PHP verzije 5.2.4 ali ve...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik                          WAMP server      ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik                          Za namestitev:   ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik                    Podatki za namestitev: ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – prijava v backend            http://localhost/wordpress/wp-admin      22
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #1  • Frontend /backend  • Prijava v administracijo  • Admin toolbar  • N...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2  • Menuji  • Tagi  • Medijske datoteke / prenos priponke  • Teme in me...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem                         Izdelava lastnih tem      25
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem  Kako začeti s temami?  • Uporaba “blank themes”  • Prilagajanje ob...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem                         …                                          ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem  Tutoriali:  • http://codex.wordpress.org/Theme_Development  • http...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem  Template hierarchy  • http://codex.wordpress.org/Template_Hierarch...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem  Template hierarchy  • http://goo.gl/vkW0D      30
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Fonti Web safe fonts • http://goo.gl/73Al3 Custom fonts • http://www.google.com/webfonts...
PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem  Praktični primeri  - Paideia  - Statbase  - Andragoški zavod MB   ...
PROGRAMIJA INTERAKTIVNIH MEDIJEV»                                 33
Upcoming SlideShare
Loading in...5
×

77zzz66

183

Published on

Published in: Lifestyle
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
183
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

77zzz66

  1. 1. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Marko Lampret Wordpress www.lampret.net 1
  2. 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. 3. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Top 100 blogs 3
  4. 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. 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. 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. 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. 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. 9. PROGRAMIJA INTERAKTIVNIH MEDIJEV» RTFM Wordpress CODEX http://codex.wordpress.org/ 9
  10. 10. PROGRAMIJA INTERAKTIVNIH MEDIJEV» SUPPORT forum Wordpress SUPPORT FORUM http://wordpress.org/support/ 10
  11. 11. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Getting Started Resources GETTING STARTED http://wordpress.org/support/ 11
  12. 12. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – prijava na wordpress.com Prijava na wordpress.com hosting. 12
  13. 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. 14. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2 • Menuji • Tagi • Medijske datoteke / prenos priponke • Teme in menjava tem 14
  15. 15. PROGRAMIJA INTERAKTIVNIH MEDIJEV» 15
  16. 16. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Dodajanje multimedijskih vsebin Dodajanje multimedijskih vsebin • Slika (galerija, image) • Flash (Kimili Flash Embed) • Datoteka • Youtube • Google maps 16
  17. 17. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik Namestitev na lasten strežnik. 17
  18. 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. 19. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik WAMP server + Wordpress Nameščen lokalno, na Windows okolju. 19
  20. 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. 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. 22. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – prijava v backend http://localhost/wordpress/wp-admin 22
  23. 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. 24. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2 • Menuji • Tagi • Medijske datoteke / prenos priponke • Teme in menjava tem • Vtičniki • Uporabniki • Nastavitve 24
  25. 25. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Izdelava lastnih tem 25
  26. 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. 27. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem … 27
  28. 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. 29. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Template hierarchy • http://codex.wordpress.org/Template_Hierarchy 29
  30. 30. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Template hierarchy • http://goo.gl/vkW0D 30
  31. 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. 32. PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Praktični primeri - Paideia - Statbase - Andragoški zavod MB 32
  33. 33. PROGRAMIJA INTERAKTIVNIH MEDIJEV» 33

×