Your SlideShare is downloading. ×
0
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
77zzz66
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

77zzz66

175

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
175
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×