Tema: 20. Dizajniranje veb-sajta za informisanje ili veb-prezentacije proizvoda ili kompanije upotrebom “vordpres” (WordPress) dodataka. predavač: Aleksandar Urošević http://urosevic.net

Automatizacija WordPress bloga Proširivost WordPress sistema dodacima i temama Izbor dodataka ( extensions ) One Click Plugin Updater WordPress Database Backup Antispam Bee All-in-one-SEO-pack Google Analitics for WordPress Smart Youtube WP PostRatings Sociable Subscribe to Comments Instalacija tema pomoću dodatka One Click Plugin Updater

Proširivost WordPress sistema dodacima i temama

Izbor dodataka ( extensions )

One Click Plugin Updater

WordPress Database Backup

Antispam Bee

All-in-one-SEO-pack

Google Analitics for WordPress

Smart Youtube

WP PostRatings

Sociable

Subscribe to Comments

Instalacija tema pomoću dodatka One Click Plugin Updater

Proširivost WordPress sistema dodacima (1/2) WordPress 2.7 ažuriranje WordPress instalacije ( core ) bez dodataka ugrađeno ažuriranje i instalacija dodataka Instalacija dodataka: Plugins : Add new Search – ključna reč ili naziv traženog dodatka Klik na Install dodatka Klik na dugme Install Now Actions : Activate Plugin

WordPress 2.7

ažuriranje WordPress instalacije ( core ) bez dodataka

ugrađeno ažuriranje i instalacija dodataka

Instalacija dodataka:

Plugins : Add new

Search – ključna reč ili naziv traženog dodatka

Klik na Install dodatka

Klik na dugme Install Now

Actions : Activate Plugin

Proširivost WordPress sistema dodacima (2/2) Browse – instalacija dodatka sa lokalnog računara Pronaći željeni dodatak na lokalnom disku Klik na dugme Install now Actions : Activate Plugin

Browse – instalacija dodatka sa lokalnog računara

Pronaći željeni dodatak na lokalnom disku

Klik na dugme Install now

Actions : Activate Plugin

One Click Plugin Updater (2.4.4) (1/2) Instalacija i nadogradnja pluginova i tema iz kontrolne table Plugins: Upgrade Settings Updater plugin ( plugins/ chmod 777) ili WordPress core (WP 2.5+) Automatska provera za novim verzijama dodataka Prikaz globalno raspoloživih nadogradnji (wp/dodaci/teme) Naglašavanje nadogradivih dodataka Zanemarivanje novih verzija za neaktivne dodatke Interval provere nove verzije za WordPress core i dodatke Firefox ekstenzija + sigurnosni upit pri instalaciji iz Firefoxa Kratko uputstvo za upotrebu dodatka na Kontrolnoj tabli Debug režim rada Chmod za datoteke koje dodatak napravi (podrazumevano 755)

Instalacija i nadogradnja pluginova i tema iz kontrolne table

Plugins: Upgrade Settings

Updater plugin ( plugins/ chmod 777) ili WordPress core (WP 2.5+)

Automatska provera za novim verzijama dodataka

Prikaz globalno raspoloživih nadogradnji (wp/dodaci/teme)

Naglašavanje nadogradivih dodataka

Zanemarivanje novih verzija za neaktivne dodatke

Interval provere nove verzije za WordPress core i dodatke

Firefox ekstenzija + sigurnosni upit pri instalaciji iz Firefoxa

Kratko uputstvo za upotrebu dodatka na Kontrolnoj tabli

Debug režim rada

Chmod za datoteke koje dodatak napravi (podrazumevano 755)

One Click Plugin Updater (2.4.4) (2/2) Instalacija pomoću Firefox ekstenzije i potvrđivanje instalacije

Instalacija pomoću Firefox ekstenzije i potvrđivanje instalacije

WordPress Database Backup (WP-DB-Backup 2.2.2) Automatizovani backup MySQL baze Skladištenje backupa na hostingu Automatsko slanje na e-mail Tools : Backup Zanemarivanje spam komentara i revizija Izbor dodatnih tabela iz baze za backup Backup options : Backup now! Schedule backup – u intervalu, dodatne tabela iz baze, slanje na e-mail: na svaki sat dva puta dnevno jednom dnevno jednom nedeljno

Automatizovani backup MySQL baze

Skladištenje backupa na hostingu

Automatsko slanje na e-mail

Tools : Backup

Zanemarivanje spam komentara i revizija

Izbor dodatnih tabela iz baze za backup

Backup options : Backup now!

Schedule backup – u intervalu, dodatne tabela iz baze, slanje na e-mail:

na svaki sat

dva puta dnevno

jednom dnevno

jednom nedeljno

Antispam Bee (0.5) Hvatanje botova za spamovanje komentarima i povratnih veza (trackback) lažnim formularom za komentare Bez naknadnih intervencija na šablonima Bez slanja upita bazi radi provere spama (ako nije aktivno obeležavanje umesto permanentnog brisanja) Settings : Antispam Bee Obeležavanje komentara kao spam umesto direktnog brisanja Zaobilaženje provere povratnih veza i pingova

Hvatanje botova za spamovanje komentarima i povratnih veza (trackback) lažnim formularom za komentare

Bez naknadnih intervencija na šablonima

Bez slanja upita bazi radi provere spama (ako nije aktivno obeležavanje umesto permanentnog brisanja)

Settings : Antispam Bee

Obeležavanje komentara kao spam umesto direktnog brisanja

Zaobilaženje provere povratnih veza i pingova

All in One SEO Pack (1.4.7) (1/3) Optimizacija sadržaja za pretraživače (bolje pozicioniranje, relevantni rezultati pretage, veća posećenost bloga) Settings : All in One SEO Naslov, opis i ključne reči glavne strane (index) Formatiranje naslova strane članaka (Posts) wordpress strane (Pages) Kategorija (Categories) Arhive (Archive) Oznaka (Tag) Rezultata pretarge (Search) Stanica greške (404) Deljenja na strane (Paged)

Optimizacija sadržaja za pretraživače (bolje pozicioniranje, relevantni rezultati pretage, veća posećenost bloga)

Settings : All in One SEO

Naslov, opis i ključne reči glavne strane (index)

Formatiranje naslova strane

članaka (Posts)

wordpress strane (Pages)

Kategorija (Categories)

Arhive (Archive)

Oznaka (Tag)

Rezultata pretarge (Search)

Stanica greške (404)

Deljenja na strane (Paged)

All in One SEO Pack (1.4.7) (2/3) Optimizacija zaglavlja web stane Dodavanje kategorija za ključne reči (META) Dodavanje "noindex" oznake za veze: Kategorije Arhiva Arhive oznaka Automatsko generisanje META opisa (description) na osnovu sadržaja članka Dodatna zaglavlja za glavnu, članke i strane (npr. alternativni CSS) Log important events – pravljenje dnevnika grešaka u radu dodatka (all_in_one_seo_pack.log)

Optimizacija zaglavlja web stane

Dodavanje kategorija za ključne reči (META)

Dodavanje "noindex" oznake za veze:

Kategorije

Arhiva

Arhive oznaka

Automatsko generisanje META opisa (description) na osnovu sadržaja članka

Dodatna zaglavlja za glavnu, članke i strane (npr. alternativni CSS)

Log important events – pravljenje dnevnika grešaka u radu dodatka (all_in_one_seo_pack.log)

All in One SEO Pack (1.4.7) (3/3) Klikom na oznaku svake opcije u podešavanjima daje pomoć sa opisom čemu ta opcija služi Za svaki članak i stranu pojedinačno može se zadati Naslov web stranice (Title) Opis (META Description) Ključne reči razdvojeno zapetom (META Keywords) Zanemarivanje dodatka za tekući članak ili stranu

Klikom na oznaku svake opcije u podešavanjima daje pomoć sa opisom čemu ta opcija služi

Za svaki članak i stranu pojedinačno može se zadati

Naslov web stranice (Title)

Opis (META Description)

Ključne reči razdvojeno zapetom (META Keywords)

Zanemarivanje dodatka za tekući članak ili stranu

Google Analitics for WordPress (2.7) Google Analitics statistika Plugins : Google Analitics GA User Account kôd u formatu: UA-0000000-0 Ekstenzije tretirane kao download Prefiksi za: - praćenje preuzimanja - odlazne klikove iz članaka - odlazne klikove iz komentara - odlazne klikove na URI autora komentara - odlazne klikove iz spiska blogova (Blogroll) Prati ceo URI ili samo domen za odlazne klikove Mesto postavljanja GA kôda (zaglavlje ili podnožje) Aktivacija praćenja odlaznih klikova i downloada, AdSense klikova, klikova u rezultatima pretrage, klikova administratora bloga, upotreba Urchin Google softvera za čitljivu statistiku

Google Analitics statistika

Plugins : Google Analitics

GA User Account kôd u formatu: UA-0000000-0

Ekstenzije tretirane kao download

Prefiksi za: - praćenje preuzimanja - odlazne klikove iz članaka - odlazne klikove iz komentara - odlazne klikove na URI autora komentara - odlazne klikove iz spiska blogova (Blogroll)

Prati ceo URI ili samo domen za odlazne klikove

Mesto postavljanja GA kôda (zaglavlje ili podnožje)

Aktivacija praćenja odlaznih klikova i downloada, AdSense klikova, klikova u rezultatima pretrage, klikova administratora bloga, upotreba Urchin Google softvera za čitljivu statistiku

Smart Youtube (2.7.3) (1/2) Daje validan XHTML kôd za umetnute YouTube klipove Jednostavna upotreba dodavanjem v i vhd u kopirani URL Settings : Smart Youtube prikaz video klipova u člancima i/ili komentarima dimenzije standardnog i HD videa uključivanje related video klipova Izbor 9 boja navigacione trake prikaz okvira video klipa automatski početak reprodukcije prikaz polja za pretraživanje klipova generisanje validnog XHTML kôda prikaz videa i slike u RSS izvorima

Daje validan XHTML kôd za umetnute YouTube klipove

Jednostavna upotreba dodavanjem v i vhd u kopirani URL

Settings : Smart Youtube

prikaz video klipova u člancima i/ili komentarima

dimenzije standardnog i HD videa

uključivanje related video klipova

Izbor 9 boja navigacione trake

prikaz okvira video klipa

automatski početak reprodukcije

prikaz polja za pretraživanje klipova

generisanje validnog XHTML kôda

prikaz videa i slike u RSS izvorima

Smart Youtube (2.7.3) (2/2)

WordPress PostRatings (1/3) (WP-PostRatings 1.40) Ocenjivanje članaka i strana (1-5, vizuelno) Poseban meni Ratings Upravljanje ocenama Podešavanja dodatka Šabloni za formatiranje prikaza ocena Deinstalacija dodatka sa uklanjanjem iz baze Ručno dodavanje kôda u šablon unutar loop sekvence: <?php if( function_exists('the_ratings') ) { the_ratings(); } ?> Appearance : Editor ( index.php , single.php , page.php, post.php ) http://lesterchan.net/wordpress/readme/wp-postratings.html

Ocenjivanje članaka i strana (1-5, vizuelno)

Poseban meni Ratings

Upravljanje ocenama

Podešavanja dodatka

Šabloni za formatiranje prikaza ocena

Deinstalacija dodatka sa uklanjanjem iz baze

Ručno dodavanje kôda u šablon unutar loop sekvence: <?php if( function_exists('the_ratings') ) { the_ratings(); } ?>

Appearance : Editor ( index.php , single.php , page.php, post.php )

http://lesterchan.net/wordpress/readme/wp-postratings.html

WordPress PostRatings (2/3) (WP-PostRatings 1.40) Ratings : Ratings Options 13 vizuelnih stilova ocene (podrazumevani: pet malih zvezdica) Maksimalna ocena (podrazumevano: 5) Opis svake ocene u nizu (1, 2... 5 zvezdica) i vrednost ocene Prikaz animirane sličice sa tekstom pri učitavanju (po oceni) Prelazi (fejding) prilikom ocenjivanja Kome je dozvoljeno da ocenjuje (gosti, registrovani, svi) Način logovanja ocene (bez beleženja, cookie, po IP-u, kombinovano cookie i IP, po korisničkom imenu prijavljnih)

Ratings : Ratings Options

13 vizuelnih stilova ocene (podrazumevani: pet malih zvezdica)

Maksimalna ocena (podrazumevano: 5)

Opis svake ocene u nizu (1, 2... 5 zvezdica) i vrednost ocene

Prikaz animirane sličice sa tekstom pri učitavanju (po oceni)

Prelazi (fejding) prilikom ocenjivanja

Kome je dozvoljeno da ocenjuje (gosti, registrovani, svi)

Način logovanja ocene (bez beleženja, cookie, po IP-u, kombinovano cookie i IP, po korisničkom imenu prijavljnih)

WordPress PostRatings (3/3) (WP-PostRatings 1.40) Ratings : Ratings Templates Format teksta za davanje ocene ( Ratings Vote Text ) Format teksta za ocenjeni članak ( Ratings Voted Text ) Format teksta za posetioce koji nemaju pravo da ocenjuju ( Ratings No Permission Text ) Format teksta kada članak još uvek nije ocenjen ( Ratings None ) Format teksta za članak sa najboljom ocenom ( Highest Rated ) Format teksta za članak sa najviše ocena ( Most Rated )

Ratings : Ratings Templates

Format teksta za davanje ocene ( Ratings Vote Text )

Format teksta za ocenjeni članak ( Ratings Voted Text )

Format teksta za posetioce koji nemaju pravo da ocenjuju ( Ratings No Permission Text )

Format teksta kada članak još uvek nije ocenjen ( Ratings None )

Format teksta za članak sa najboljom ocenom ( Highest Rated )

Format teksta za članak sa najviše ocena ( Most Rated )

Sociable (3.0.2) (1/2) Set ikonica za deljenje članaka na social bookmarking i networking mestima poput Digg , Delicious , Linkedin , Magnolia , Facebook , Twitter , Technorati i dr. (102 mesta u verziji 3.0.2) Settings : Sociable Izbor sajtova za prikaz u članku Proizvoljni raspored prevlačenjem kućica Korisnički određen tekst iznad ikonica ( Tagline - slogan) Mesto gde će se dodati Sociable: naslovna starna bloga, pojedinačni članci, WP stane, arhiva kategorija, spisak oznaka (tag), arhive zasnovane na datumu, arhive autora, rezultati pretage, članci u RSS izvoru – ili ručno upotreba priložene CSS datoteke i otvaranje u novom prozoru

Set ikonica za deljenje članaka na social bookmarking i networking mestima poput Digg , Delicious , Linkedin , Magnolia , Facebook , Twitter , Technorati i dr. (102 mesta u verziji 3.0.2)

Settings : Sociable

Izbor sajtova za prikaz u članku

Proizvoljni raspored prevlačenjem kućica

Korisnički određen tekst iznad ikonica ( Tagline - slogan)

Mesto gde će se dodati Sociable: naslovna starna bloga, pojedinačni članci, WP stane, arhiva kategorija, spisak oznaka (tag), arhive zasnovane na datumu, arhive autora, rezultati pretage, članci u RSS izvoru – ili ručno

upotreba priložene CSS datoteke i otvaranje u novom prozoru

Sociable (3.0.2) (2/2) Sociable na srpskom sadrži Ukusno! i linke.rs - http://bit.ly/vI0S

Sociable na srpskom sadrži Ukusno! i linke.rs - http://bit.ly/vI0S

Subscribe to Comments (2.1.2) (1/2) Obaveštavanje čitalaca o novim komentarima na praćene članke ili WP strane Opcija za praćenje komentara nalazi se ispod polja za komentar Settings : Subscribe to Comments Naziv pošiljaoca i e-adresa u e-poruci koja se šalje čitaocima Poruka koja se prikazuje: Čitaocu koji nije prijavljen na komentare za članak Čitaocu koji je prijavljen za praćenje komentara članka Autoru članka Upotreba korisničkih CSS stilova za upravnika prijavama sa putanjama do šablona zaglavlja, bočnog menija i podnožja (X)HTML kôd koji se postavlja ispred i iza dodatka na strani radi stilizacije CSS-om

Obaveštavanje čitalaca o novim komentarima na praćene članke ili WP strane

Opcija za praćenje komentara nalazi se ispod polja za komentar

Settings : Subscribe to Comments

Naziv pošiljaoca i e-adresa u e-poruci koja se šalje čitaocima

Poruka koja se prikazuje:

Čitaocu koji nije prijavljen na komentare za članak

Čitaocu koji je prijavljen za praćenje komentara članka

Autoru članka

Upotreba korisničkih CSS stilova za upravnika prijavama sa putanjama do šablona zaglavlja, bočnog menija i podnožja

(X)HTML kôd koji se postavlja ispred i iza dodatka na strani radi stilizacije CSS-om

Subscribe to Comments (2.1.2) (2/2)

Instalacija tema pomoću dodatka One Click Plugin Updater Instalacija gotovih WordPress tema sa udaljenih web strana ili sa lokalnog diska. Moguća upotreba (eksperimentalne) Firefox ekstenzije (potrebni nalog i prijava na Mozilla Extenzions za preuzimanje) Appearance : Install a Theme Instalacija direktno sa weba (URL do ZIP arhive teme) Sa lokalnog diska

Instalacija gotovih WordPress tema sa udaljenih web strana ili sa lokalnog diska.

Moguća upotreba (eksperimentalne) Firefox ekstenzije (potrebni nalog i prijava na Mozilla Extenzions za preuzimanje)

Appearance : Install a Theme

Instalacija direktno sa weba (URL do ZIP arhive teme)

Sa lokalnog diska

Korisne adrese WordPress na srpskom http://sr.wordpress.org/ WordPress forum na srpskom http://sr.forums.wordpress.org/ WordPress dodaci http://wordpress.org/extend/plugins/ WordPress teme http://wordpress.org/extend/themes/ Validator za XHTML http://validator.w3.org/ Validator za CSS http://jigsaw.w3.org/css-validator/ Korisni besplatni programi: FTP menadžer FileZilla http://filezilla-project.org/ editor teksta Geany http://www.geany.org/ editor bitmapirane grafike GIMP http://www.gimp.org/ Moj blog http://blog.urosevic.net/ On uvek sve zna http://google.rs/

WordPress na srpskom http://sr.wordpress.org/

WordPress forum na srpskom http://sr.forums.wordpress.org/

WordPress dodaci http://wordpress.org/extend/plugins/

WordPress teme http://wordpress.org/extend/themes/

Validator za XHTML http://validator.w3.org/

Validator za CSS http://jigsaw.w3.org/css-validator/

Korisni besplatni programi:

FTP menadžer FileZilla http://filezilla-project.org/

editor teksta Geany http://www.geany.org/

editor bitmapirane grafike GIMP http://www.gimp.org/

Moj blog http://blog.urosevic.net/

On uvek sve zna http://google.rs/

Pitanja i odgovori