• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
77zzz66
 

77zzz66

on

  • 194 views

 

Statistics

Views

Total Views
194
Views on SlideShare
194
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    77zzz66 77zzz66 Presentation Transcript

    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Marko Lampret Wordpress www.lampret.net 1
    • 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
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Top 100 blogs 3
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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/ 11
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – prijava na wordpress.com Prijava na wordpress.com hosting. 12
    • 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
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2 • Menuji • Tagi • Medijske datoteke / prenos priponke • Teme in menjava tem 14
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» 15
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Dodajanje multimedijskih vsebin Dodajanje multimedijskih vsebin • Slika (galerija, image) • Flash (Kimili Flash Embed) • Datoteka • Youtube • Google maps 16
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik Namestitev na lasten strežnik. 17
    • 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
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Wordpress.org – namestitev na lasten strežnik WAMP server + Wordpress Nameščen lokalno, na Windows okolju. 19
    • 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
    • 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
    • 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 • Navigacija po admin vmesniku • Prispevki, kategorije • Strani • Pisanje, brisanje, kategoriziranje prispevkov in strani 23
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Pregled pojmov #2 • Menuji • Tagi • Medijske datoteke / prenos priponke • Teme in menjava tem • Vtičniki • Uporabniki • Nastavitve 24
    • 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 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
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem … 27
    • 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
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Template hierarchy • http://codex.wordpress.org/Template_Hierarchy 29
    • 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 • http://www.fontsquirrel.com/fontface 31
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» Izdelava lastnih tem Praktični primeri - Paideia - Statbase - Andragoški zavod MB 32
    • PROGRAMIJA INTERAKTIVNIH MEDIJEV» 33