»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

1

Wordpress Marko Lampretwww.lampret.net

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Na kratko o Wordpressu

2

• 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.

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Top 100 blogs

3

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Primeri spletnih strani – tuji blogi in strani

4

• 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/

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Primeri spletnih strani – domače strani in blogi

5

• 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

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

wordpress.com – wordpress.org

6

wordpress.comHosting bloga na skupnosti wordpress.com

wordpress.orgZa prenos celotnega CMSja na svoj hosting.

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Stand-alone ali v oblaku Wordpress.com?

7

Vprašanje pred začetkom …

Namestim Wordpress na svoj hosting, ali uporabim wordpress.com?

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Lasten host ali Wordpress.com?

8

Lasten host Wordpress.com

• Rabim strežnik PHP/SQL

• Lastna namestitev

• Skrb za nadgradnje

• Več svobode

• Varnostne kopije

• Potrebno poznavanje PHP, SQL, FTP

• Že nameščen Wordpress

• Nadgradnje izvaja ponudnik

• Omejitve pri prilagoditvah

• Predznanje ni potrebno

• Skupnost

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

RTFM

9

Wordpress CODEX

http://codex.wordpress.org/

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

SUPPORT forum

10

Wordpress SUPPORT FORUM

http://wordpress.org/support/

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Getting Started Resources

11

GETTING STARTED

http://wordpress.org/support/

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – prijava na wordpress.com

12

Prijava na wordpress.com hosting.

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Pregled pojmov #1

13

• Frontend /backend

• Prijava v administracijo

• Admin toolbar

• Navigacija po admin vmesniku

• Prispevki, kategorije

• Strani

• Pisanje, brisanje, kategoriziranje prispevkov in strani

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Pregled pojmov #2

14

• Menuji

• Tagi

• Medijske datoteke / prenos priponke

• Teme in menjava tem

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

15

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Dodajanje multimedijskih vsebin

16

Dodajanje multimedijskih vsebin

• Slika (galerija, image)

• Flash (Kimili Flash Embed)

• Datoteka

• Youtube

• Google maps

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – namestitev na lasten strežnik

17

Namestitev na lasten strežnik.

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – namestitev na lasten strežnik

18

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

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – namestitev na lasten strežnik

19

WAMP server

+

Wordpress

Nameščen lokalno, na Windows okolju.

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – namestitev na lasten strežnik

20

Za namestitev:

http://www.wampserver.com/en/

Dostop do strežnika na lastnem računalniku

http://localhost

Problem: SKYPE (!)

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – namestitev na lasten strežnik

21

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

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Wordpress.org – prijava v backend

22

http://localhost/wordpress/wp-admin

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Pregled pojmov #1

23

• Frontend /backend

• Prijava v administracijo

• Admin toolbar

• Navigacija po admin vmesniku

• Prispevki, kategorije

• Strani

• Pisanje, brisanje, kategoriziranje prispevkov in strani

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Pregled pojmov #2

24

• Menuji

• Tagi

• Medijske datoteke / prenos priponke

• Teme in menjava tem

• Vtičniki

• Uporabniki

• Nastavitve

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

25

Izdelava lastnih tem

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

26

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 ?

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

27

…

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

28

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/

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

29

Template hierarchy

• http://codex.wordpress.org/Template_Hierarchy

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

30

Template hierarchy

• http://goo.gl/vkW0D

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Fonti

31

Web safe fonts

• http://goo.gl/73Al3

Custom fonts

• http://www.google.com/webfonts

• http://www.fontsquirrel.com/fontface

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

Izdelava lastnih tem

32

Praktični primeri

- Paideia

- Statbase

- Andragoški zavod MB

»

PROGRAMIJA INTERAKTIVNIH MEDIJEV

33