Uploaded on

 

More in: Lifestyle
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
151
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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