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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

77zzz66

168
views

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
168
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