UNIVERZITET U BEOGRADU FAKULTET ORGANIZACIOIH NAUKA LABORATORIJA ZA ELEKTRONSKO POSLOVANJE
WordPress
Sadržaj 1.
Uvod ................................. ................ ................................... ................................... ................................... ................................... ................................... ................................... ............................. ............ 5
2.
Instalacija WordPress-a na lokalnom serveru .................. ........................... .................. .................. .................. .................. ................... ................... .............. ..... 5
3.
Instalacija WordPress-a na ELABHosting ELABHosting .............. ....................... .................. ................... ................... .................. .................. .................. .................. .............. ..... 11 3.1.
Kreiranje sajta i poešavanje omena ........................................................................................ 11
3.2.
Kreiranje mySQL baze baze podataka i korisnika ................. .......................... ................... ................... .................. .................. .................. ................. ........ 14
3.3.
Postavljanje saržaja sajta (prebacivanje instalacionog paketa WorPress -a i raspakivanje
arhive) 18 4.
Administracija Administ racija WordPressa WordPre ssa ................................. ................ ................................... ................................... ................................... ................................... ........................... .......... 26
5.
Aministracija saržaja ....................................................................................................................... 27 5.1.
Aministracija članaka ................................................................................................................ 28
5.2.
Unos članaka ............................................................................................................................... 29
5.3.
Izmena i brisanje članaka ............................................................................................................ 29
5.4.
Doavanje novih i izmena postojedih kategorija ........................................................................ 30
5.5.
Dodavanje Dodavanj e i izmena tagova .................................. ................. ................................... ................................... ................................... ................................... ................... 31
6.
Administracija Administ racija strana .................................. ................. .................................. ................................... ................................... .................................. ................................... .................... 32
7.
Administracija Administ racija komentara komenta ra ................................... .................. ................................... ................................... ................................... ................................... ........................... .......... 34
8.
Rad sa menijima menijim a ................................. ................ .................................. ................................... ................................... ................................... .................................... ........................... ......... 34 8.1.
Kreiranje Kreir anje novog menija menij a .................................. ................. ................................... ................................... ................................... ................................... ........................ ....... 35
8.2.
Dodavanje Dodavanj e stavki .................................... .................. ................................... .................................. ................................... ................................... ................................. ................ 35
8.3.
Uređivanje stavki menija............................................................................................................. 36
8.4.
Prikaz menija ................................. ................ .................................. ................................... ................................... ................................... .................................... ........................ ...... 37
9.
Administracija Administ racija korisnika korisnik a ................................... .................. ................................... ................................... ................................... ................................... .............................. ............. 37
10.
WordPress SEO (Search Engine Optimization).............. Optimization)....................... ................... ................... .................. .................. .................. .................. ........... .. 39
10.1.
Osnovni SEO u WordPress-u WordPr ess-u .................................. ................ ................................... ................................... .................................... .............................. ............ 39
10.1.1. 10.1.1 .
URL-ovi URL-ov i .................................. ................. .................................. ................................... ................................... ................................... .................................... ........................ ...... 39
10.1.2.
Optimizujte vaše naslove za SEO ........................................................................................ 41
10.1.3. 10.1.3 .
Optimizovanje Optimizo vanje opisa....................... opisa..... ................................... ................................... ................................... ................................... ................................. ............... 43
10.1.4. 10.1.4 .
Optimizacija Optimiz acija slika ................................... .................. ................................... ................................... ................................... ................................... ........................ ....... 43
10.1.5. 10.1.5 .
XML mape sajta ................................... .................. ................................... ................................... ................................... ................................... ........................... .......... 44
10.2. 10.2.1. 10.2.1 .
Optimizacija Optimi zacija templejta temple jta .................................. ................. ................................... ................................... ................................... ................................... ..................... .... 44 Breadcrumbs Breadc rumbs .................................. ................ ................................... .................................. ................................... ................................... ................................. ................ 44
10.2.2. 10.2.2 .
Naslovi ................................... .................. .................................. ................................... ................................... ................................... .................................... ........................ ...... 45
10.2.3.
Očistite svoj kod .................................................................................................................. 45
10.2.4. 10.2.4 .
Brzina ................................. ................ .................................. ................................... ................................... ................................... .................................... ........................... ......... 45
10.2.5.
Poboljšajte siebar .............................................................................................................. 45
10.2.6. 10.2.6 .
HTML sitemaps sitema ps................................. ................ ................................... ................................... ................................... ................................... .............................. ............. 45
10.3.
Napreni WorPress SEO i upliranje saržaja ...................................................................... 46
10.3.1.
Neineksiranje, stranice arhive i onemugudavanje arhiva ................................................. 46
10.3.2.
Onemogudite nepotrebne arhive ........................................................................................ 47
10.3.3. 10.3.3 .
Paginacija Paginac ija ................................. ................ .................................. ................................... ................................... .................................. ................................... ...................... .... 47
10.3.4.
Neindeksiranje nepotrebnih linkova ................. .......................... ................... ................... .................. .................. .................. .................. ........... .. 47
10.3.5.
Kanonički link elementi ....................................................................................................... 47
10.4.
Struktura sajta za bolje rangiranje .................. ........................... .................. ................... ................... .................. .................. .................. ................. ........ 47
10.4.1. 10.4.1 .
Stranice Strani ce umesto postova ................................... ................. ................................... ................................... .................................... .............................. ............ 47
10.4.2. 10.4.2 .
Izmena postova ................................... .................. ................................... ................................... ................................... ................................... ........................... .......... 47
10.4.3. 10.4.3 .
Linkovanje Linkova nje ka povezanim povezani m postovima postovim a .................................. ................. ................................... ................................... .............................. ............. 48
10.4.4.
Ne stavljajte previše tagova ................................................................................................ 48
10.5.
Optimizacija Optimi zacija konverzacija konver zacija ................................... .................. .................................. ................................... .................................... ................................. ............... 48
10.6.
Optimizacija Optimi zacija komentara koment ara ................................... .................. ................................... ................................... ................................... ................................... ................... 48
Uključite korisnike u konverzaciju ....................................................................................................... 48 10.6.1.
Ubedite korisnike da ostave komentar .................. ........................... .................. .................. .................. .................. ................... ................ ...... 49
10.6.2.
Uspostavite vezu sa onima koji komentarišu ...................................................................... 49
10.6.3.
Oržite korisnike u konverzaciji .......................................................................................... 49
10.7. Off site blog SEO ............................................................................................................................ 49
10.7.1. Zapratite one koji komentarišu ............................................................................................... 49 10.7.2. Koristite Twitter ...................................................................................................................... 49
10.7.3. Pronađite slične blogove i uspostavite komunikaciju ............................................................. 50 10.8. Merenje rezultata .......................................................................................................................... 50 11.
Izmene Izmen e na WordPress WordPr ess temi ................................... .................. ................................... ................................... ................................... ................................... ..................... .... 51
11.1.
Stuija slučaja: Sajt Katere za Elektronsko poslovanje ......................................................... 52
11.1.1. 11.1.1 .
Kreiranje Kreir anje Elab child teme ................................... ................. ................................... ................................... .................................... .............................. ............ 53
11.1.2. 11.1.2 .
Aktiviranje Aktivir anje teme .................................. ................. ................................... ................................... ................................... ................................... ........................... .......... 54
11.1.3.
Kreiranje neophodne strukture strukture ................. .......................... .................. .................. .................. .................. ................... ................... .................. ......... 54
11.1.4.
Zaatak 1: Sređivanje zaglavlja (heaer.php) ..................................................................... 55
11.1.5.
Zaatak 2: Sređivanje početne stranice .............................................................................. 57
11.1.6.
Zaatak 3: Sređivanje siebar-a .......................................................................................... 63
11.1.7.
-a............................................................................................ 65 Zaatak 4: Sređivanje footer-a............................................................................................
12. Za one koji žele više .............................................................................................................................. 68 12.1.
Prebacivanje sajta sa lokalnog lokalnog servera na udaljeni server .................. ........................... ................... ................... .................. ......... 68
12.2.
Višejezičnost sajta ..................................................................................................................... 72
12.3
WordPress WordPre ss i SEO 301 redirekcija redire kcija ................................... ................. ................................... ................................... .................................... ........................ ...... 73
12.4
Preporučeni oaci za WorPress ............................................................................................ 76
12.4.1.
Poboljšanje performansi sajta .......................................................................................... 76
12.4.2
Pradenje posedenosti sajta ............................................................................................... 77
12.4.3
Umrežavanje i komentarisanje ......................................................................................... 77
12.4.4
Galerija Galeri ja slika ................................... .................. ................................... ................................... ................................... ................................... .............................. ............. 78
12.5
Resursi za alje usavršavanje ................................................................................................... 79
1. Uvod WordPress je jenostavan bloging sistem i najpopularnija blog platforma za upravljanje saržajem. Ono
što WordPress razlikuje o rugih sistema za upravljanje saržajem je jenostavnost pokretanja i korišdenja, brzina u radu, veliki broj dodataka u vidu plaginova i tema, kao i prisustvo ogromne zajednice. Da bi WordPress funkcionisao, neophodno je obezbediti adekvatan domen i hosting. Obzirom da WordPress izvršava PHP stranice i sve poatke beleži u mySQL bazu podataka, potrebno je pronadi
server koji de raiti sa PHP -om i mySQL-om. Na internetu možemo pronadi veliki broj serv era koji poržavaju ovakav ra. Ipak, u praksi se svi inamički sajtovi najpre kreiraju na lokalnom računaru, odnosno na lokalnom serveru, a kada su izvr šene sve moifikacije i testiranja, saržaj sajta se postavlja na zakupljeni server. Takav slučaj je i sa WordPress-om.
2. Instalacija WordPress-a na lokalnom serveru Da bi instalirali WordPress na lokalnom računaru, potrebno je skinuti neke o sleedih progr amskih paketa koji simuliraju lokalni server: WAMP, XAMPP, LAMP itd. U ovom primeru, prestavidemo ra sa WampServer-om koji radi na Windows operativnom sistemu. WampServer predstavlja besplatan
program koji u sebi sarži Apache server, mySQL i PHP. Sam proces instalacije WampServer-a je jednostan i sastoji se u odabiru instalacionog direktorijuma (podrazumevana putanja je: C: \wamp) i startovanju servera po završetku instalacije. Nakon instalacije, pojavide se nova ikonica u taskbaru. Levim klikom na ikonicu, otvara se glavni meni WampServera:
Ukoliko je ikonica WampServer-a crvene boje, to znači a servisi (Apache, mySQL i PHP) nisu uključeni. Klikom na Start All Services uključuju se potrebni servisi, čime je na ovaj način omoguden ra lokalnog servera.
Napomena: Wamp, kao i popularni program za glasovnu komunikaciju putem interneta, Skype, koristi isti port, te de prilikom pokretanja servera sa uključenim Sky pe-om, server prijaviti grešku. U tom
slučaju, potrebno je isključiti Skype, kako bi se lokalni server pokrenuo. U okviru panela WampServer-a, klikom na Localhost ili učitavanjem linka localhost u web browser-u poziva se izvršni irektorijum servera instaliranog na računaru. Prilikom instalacije i kreiranja inamičkog sajta, sav saržaj treba iskopirati u izvršni irektorijum. Preporučuje se a se u okviru izvršnog direktorijuma kreira poseban direktorijum za oređeni sajt, u okviru kojeg de se nalaziti sve atoteke i
irektorijumi. Porazumevana putanja izvršnog irektorijuma servera za WAMP je C:\wamp\www
Izborom opcije Localhost , u web browser-u se prikazuje početna strana WampServera, sa poacima o verziji Apache servera, PHP-a, instaliranim dodacima, kao i pro jektima koji se nalaze u izvršnom direktorijumu servera.
Pre nego što počnemo sa instalacijom WordPress-a, potrebno je kreirati bazu podataka u kojoj de se nalaziti svi podaci sajta. Izborom opcije phpMyAdmin iz WampServer panela u web browser-u ili
učitavanjem linka localhost/phpmyadmin, otvara se phpMyAdmin panel pomodu kojeg možemo vršiti upravljanje bazama poataka sklaištenim na Apache serveru. Klikom na Databases otvara se forma za kreiranje nove baze. U okviru polja Create database, potrebno je uneti naziv baze, a zatim izabrati opciju Create. Ime novokreirane baze koristide se prilikom instalacije WordPress-a. U navedenom primeru, kreirana je baza podataka sa imenom wordpress.
Nakon kreiranja baze, iz sigurnosnih razloga, neophono je kreirati korisnika koji de imati privilegije a upravlja tom bazom. Odabrati opciju Users, koja omogudava upravljanje korisnika.
Da bismo dodelili privilegije, najpre je potrebno kreirati korisnika. Klikom na opciju Add User otvara se forma za unos novog korisnika. U okviru Login information, potrebno je uneti podatke o nazivu korisnika baze (user name), lokalnom hostu (host – u vedini slučajeva unosi se localhost), šifru i ponovljenu šifru
korisnika baze. Nakon unošenja poataka, u elu Global Privileges potrebno je izabrati opciju Check All kako bi korisnik imao potrebne privilegije za upravljanje bazom poataka. Po završetku, klikom na dugme Create user završava se postupak kreiranja korisnika. U navedenom primeru, kreiran je korisnik sa nazivom i šifrom wordpress.
Sleedi korak je instalacija WordPress-a. Na zvaničnom sajtu www.WordPress.org, može se preuzeti poslednja verzija instalacionog paketa (u trenutku pisanja, verzija 3.5.1.). Preuzetu arhivu je potrebno raspakovati u izvršnom irektorijumu lokalnog računara, onosno u C:\wamp\www\wordpress.
Instalacija se pokrede putem početne strane WampServera ili irektnim unošenjem linka u web browser u (u navedenom primeru localhost/wordpress). Obzirom da se instalacija pokrede po prvi put, najpre se pristupa kreiranju konfiguracionionog fajla wpconfig.php u kojem se nalaze parametri za povezivanje sa bazom. Konfiguracioni fajl se kreira klikom na Create a Configuration File.
Sleedi korak omoguduje povezivanje WordPress-a sa prethodno kreiranim podacima o korisniku i bazi poataka. Vrenosti parametara koje smo ranije efinisali (naziv i šifra korisnika, ime baze, host) potrebno je uneti u ogovarajuda polja.
Klikom na Submit proverava se konekcija i ako je ona us pešna, u sleedem koraku potrebno je izabrati dugme Run the install koje pokrede instalaciju WordPress-a.
U poslednjem koraku instalacije, unose se ključna poešavanja vezana za sajt - ime sajta, pristupne
poatke aministratorskom elu, tj. korisničko ime, šifru i e -mail. Iako se ceo proces odvija na lokalnom serveru, poželjno je uključiti opciju ineksiranja o strane pretraživača zbog bolje optimizacije sajta. Nakon unosa potrebnih podataka, klikom na Install WordPress , završava se proces instalacije WordPress-a.
Ako su uputstva ispoštovana na pravi način, instalacija de biti uspešno završena. može se pristupiti odlaskom na localhost/wordpress, dok se aministratorskom elu može pristupiti putem localhost/wordpress/wp-admin. Javnom
delu
WordPress-a
3. Instalacija WordPress-a na ELABHosting ELABHosting je platforma Laboratorije za elektronsko poslovanje koja omogudava besplatni hosting studentskih sajtova za potrebe predmeta Laboratorije. Postupak instalacije WordPress-a je sličan, a on se sastoji iz sleedih koraka: 1. Kreiranje sajta i poešavanje omena 2. Kreiranje mySQL baze podataka i korisnika 3. Postavljanje saržaja sajta (prebacivanje instalacionog paketa WordPress-a i raspakivanje arhive)
3.1.
Kreiranje sajta i podešavanje domena
Nakon dobijanja važedih poataka (korisničko ime i lozinka) za pristup ELABHosting-u, neophodno je
ulogovati se na ISPConfig kontrolni panel klikom na sleedi link: https://student.elab.fon.bg.ac.rs/panel/
ELABHosting
stuentima
pruža mogudnost kreiranja poomena u formatu nazivsajta.student.elab.fon.bg.ac.rs. Kreiranje novog poomena se izvršava u okviru sekcije Sites – Website, klikom na dugme Add new website.
U okviru poešavanja, ne treba menjati IP arese (IPv4 treba a bue *, IPv6 treba a bue prazna). Naziv poomena je lokacija sajta i upisuje se u sleedem formatu nazivsajta.student.elab.fon.bg.ac.rs. Naredni parametri odnose se na kvote na disku i na opušten protok koji se može koristiti na sajtu. Maksimalna veličina kvo te na disku je 100 MB, dok je maksimalna veli čina kvote za opušten protok 2000 MB. Ukoliko korisnik želi a vii poruke o HTTP greškama, potrebno je uključiti opciju Own Error-
Documents. Parametri za PHP poešavanja treba a ostanu nepromenjena (PHP je fast-cgi, a PHP version je default). Na kraju, da bi sajt bio aktiviran, potrebno je izabrati opciju Active i kliknuti na dugme Save. U navedenom primeru, koristi se WordPress.student.elab.fon.bg.ac.rs kao poddomen na koji se instalira WordPress.
Da bi poddomen bio aktiviran, potrebno je podesiti DNS zonu. U okviru sekcije DNS, izabrati opciju DNS Wizard – Add DNS zone. U poešavanjima izabrati šablon ELABStuent , a naziv zone treba da bude
ientičan kao naziv poomena koji je kreiran u prethonom koraku. U polje E-mail upisati svoju e-mail adresu. Klikom na Create DNS-Record , kreirade se DNS zona i posle nekoliko minuta sajt bi trebalo a bude vidljiv na internetu. U navedenom primeru, naziv poddomena je wordpress.
Kako bi se obezbedila brza vidljivost domena na internetu, nakon kreiranja zone kliknuti na nju i upisati parametar 147.91.130.22,172.20.221.22 u polje Allow Zone Allow zone transfers to these IPs (comma separated list), a zatim izabrati dugme Save.
Posle nekoliko minuta, sajt je vidljiv na odabranoj adresi. U navedenom primeru, adresa je http://wordpress.student.elab.fon.bg.ac.rs
3.2.
Kreiranje mySQL baze podataka i korisnika
Nakon kreiranja poddomena, potrebno je aktivirati korisnika i bazu po ataka koji de biti povezani sa WordPress-om. Izborom opcije Sites – Database Users u ISPConfig panelu i klikom na dugme Add new User, otvoride se forma za unos korisničkog imena i lozinke za pristup MySQL serveru.
U navedenom primeru, koristidemo wordpress za ime i lozinku korisnika.
Nakon kreiranja, obratiti pažnju na ime mySQL korisnika, obzirom a sistem prilikom kreiranja korisn ika automatski dodaje prefiks.
U navedenom slučaju, prefiks je c16, tako a korisničko ime za pristup bazi nije wordpress, ved c16wordpress. Izborom opcije Sites - Databases i klikom na dugme Add new database, prelazi se na korak kreiranja baze.
Prilikom unošenja parametara za kreiranje baze, neophodno je podesiti sajt (domen) na kome se koristi baza, tip baze uvek treba postaviti na MySQL. U polje Database name se unosi naziv baze, a u okviru Database user se bira mySQL korisnik kreiran u prethodnom koraku. Kako bismo obezbeili poršku za srpska slova, u okviru polja Database Charset potrebno je izabrati opciju UTF-8. Na kraju, Remote Access ne treba aktivirati, a polje Active je potrebno izabrati. Baza se kreira klikom na dugme Save.
I prilikom kreiranja baze potrebno je obratiti pažnju na prefiks. U ovom slučaju je u pitanju takođe c16, pa je pun naziv baze c169wordpress.
Sa kreiranim parametrima možemo ručno formirati i modifikovati bazu upotrebom phpMyAdmin alata,
tako što demo se na adresi https://student.elab.fon.bg.ac.rs/phpmyadmin/ ulogovati koristedi ime i lozinku prethodno kreiranog korisnika. U navedenom primeru, u pitanju je korisnik sa imenom c169wordpress i lozinkom wordpress.
Postupak kreiranja baze na ELABHostingu je ientičan kreiranju baze na lokalnom serveru.
3.3.
Postavljanje sadržaja sajta (prebacivanje instalacionog paketa WordPress-a i raspakivanje arhive)
Da bismo postavili saržaj na sajtu, onosno a bismo prebacili instalacioni paket skinut sa sajta WordPress-a, neophono je kreirati FTP nalog u ISPConfig panelu, koji de omoguditi korišdenje prenosa fajlova. Izborom opcije Sites – FTP users i klikom na dugme Add new FTP-User , otvara se forma za unos novog FTP naloga.
Proces kreiranja FTP naloga je sličan procesu kreiranja korisnika mySQL baze. U polje Website izabrati sajt (domen) na koji se nalog odnosi. Sledi unos korisničkog imena i lozinke za pristup sajtu. I ove treba obratiti pažnju a ISPConfig automatski oaje prefiks, u viu korisničkog imena za pristup panelu. Na kraju, potrebno je izabrati kvotu na disku koja se primenjuje na dati FTP nalog. Broj koji se unosi mora da
bue manji ili jenak o ukupnog maksimalnog korisničkog prostora na isku koji smo efinisali prilikom kreiranja sajta (omena). Unos se završava klikom na ugme Save.
Nakon kreiranja naloga, mogude je pristupiti fajlovima sajta (omena) korišdenjem FTP klijenta (FileZilla, WinSCP, Total Commander – Connect to FTP Server funkcija) ili korišdenjem ISPConfig veb aplikacije za prenos fajlova.
FTP poešavanja su sleeda: Hostname (FTP Server): student.elab.fon.bg.ac.rs Port: 21 Encryption (Enkripcija): TLS
User name (Korisničko ime): FTP nalog kreiran pomodu ISPConfig kontrolnog panela Password (Lozinka): FTP lozinka kreirana pomodu ISPCofnig kontrolnog panela
Prilikom kreiranja konekcije upotrebom FTP klijenta, preporučuje se korišdenje pasivnog FTP režima (passive mode). U našem slučaju, korisničko ime je wordpress01wordpress, a lozinka wordpress.
U nastavku teksta, koristidemo program za upravljanje atotekama i organizaciju fajlova, Total Commaner, koji u sebi sarži opciju konfiguri sanja FTP konekcija. Po startovanju Total Commander-a, izabrati opciju Net - FTP Connect , nakon čega se otvara prozor za
poešavanje postojedih ili kreiranje novih konekcija.
Po otvaranju prozora, izabrati opciju New connection. U novom prozoru, izvršiti poešavanja kao na slici, uz zamenu parametara User name i Password sa prethodno kreiranim FTP nalogom.
Nakon kreiranja, u delu za upravljanje konekcijama, izabrati konekciju i kliknuti na dugme Connect .
Nakon uspešne konekcije, pojavide se struktura direktorijuma kao na slici:
Saržaj svih fajlova na sajtu nalazi se u foleru web, što znači a se u okviru tog folera mora izvršiti upload svih fajlova sajta. U okviru tog foldera, nalaze se fajlovi .htaccess, index.html, favicon.ico i
robots.txt, koji se onose na porazumevanu početnu stranu i njih je bezbeno obrisati. Folere error i stats je poželjno ostaviti, jer oni služe za prikaz HTTP grešaka i prikupljanje poataka o posedenosti sajta. Nakon brisanja fajlova, raspakovanu arhivu instalacionog paketa WordPress-a potrebno je kopirati u direktorijum web.
Manipulacija fajlovima moguda je i korišdenjem ISPConfig v eb aplikacije za prenos fajlova, koja se nalazi na adresi https://student.elab.fon.bg.ac.rs/filemanager/. Poešavanja su ientična kao i kod kreiranja FTP konekcije.
Nakon logovanja, otvoriti folder web, a zatim kliknuti na dugme Upload .
U okviru forme za upload, klikom na dugme Choose File nalazimo putanju instalacionog paketa WordPress-a. Da bismo započeli proces prebacivanja arhive na server, potrebno je izabrati dugme Submit (zeleni check mark).
Nakon uspešnog uploada instalacionog paketa WordPress-a, arhivu je potrebno raspakovati. Izborom arhive i klikom na dugme Unzip u okviru veb aplikacije, otvara se forma za raspakivanje arhive, odnosno instalacionog paketa.
Klikom na Submit (zeleni check mark) , proces raspakivanja počinje i sistem po završetku vrada potvran odgovor.
Po završetku raspakivanja, obrisati prethodno upload- ovanu arhivu. Brisanje se vrši selektovanjem arhive i klikom na dugme Submit .
Instalacija WordPress-a je slična instalaciji na lokalnom serveru, a ona se pokrede linkom http://nazivsajta.student.elab.fon.bg.ac.rs/wordpress/ U navedenom primeru, link je http://WordPress.student.elab.fon.bg.ac.rs/wordpress/.
Klikom na dugme Create Configuration File, a zatim na Let's Go! dolazi se do koraka gde je potrebno uspostaviti konekciju između WordPressa i baze koju smo u prethodnim koracima kreirali. U navedenom primeru, vrenosti parametara (naziv i šifra korisnika, ime baze, host) unose se kao što je prikazano na slici:
Nakon uspešno-uspostavljene konekcije, klikom na dugme Run the install pokrede se instalacija WordPress-a.
U sleedem, poslenjem koraku, unose se informacije o nazivu sajta i pristupnim podacima administratorskom delu. Unošenjem potrebnih podataka, klikom na Install WordPress , završava se proces instalacije WordPress-a.
Ako su uputstva ispoštovana na pravi način, instalacija de biti uspešno završena.
4. Administracija WordPressa WordPress CMS ima dva dela: administratorski deo , u okviru kojeg se sajt ažurira i kome mogu pristupiti
aministratori i korisnici sa oređenim privilegijama i javni deo, čiji je saržaj omoguden svim posetiocima.
Administratorskom delu se pristupa unošenjem linka adresasajta/wp-admin (primer: localhost/wp-
amin) nakon unošenja korisničkog imena i šifre definisanih tokom instalacije WordPress-a.
Administratorski panel (Dashboard) predstavlj a početnu lokaciju za oržavanje sajta. U okviru menija koji se nalazi na levoj strani, pristupa se upravljanju različitim opcijama i segmentima na sajtu. Na vrhu
panela, pore prečica za izvršavanje oređenih operacija, nalazi se i tab Screen options putem kojeg se vrši aktiviranje i eaktiviranje prozora koji de biti prikazani u okviru administratorskog panela.
5. Administracija sadržaja Saržaj u WordPressu je poeljen na članke, strane i komentare. Članak se vezuje za inamičan saržaj, koji poseduje svoju kategoriju i datum kada je kreiran, a prema porazumevanim poešavanjima WordPress-a , on se hronološki prikazuje na početnoj strani sajta. Članak se najšede koristi za objavu vesti ili blog -postova na sajtu. Aministraciji članaka pristupa se klikom na Posts u okviru menija sa leve strane, ge se može izvršiti unos, izmena i brisanje članaka, kao i kreiranje kategorija. Osim kategorija, članci se mogu organizovati i korišdenjem tagova, koji preciznije efinišu šta se nalazi u kategorijama.
Strane su veoma slične člancima, osim što su one vezane za kategoriju i koriste se za objavu statičkog
saržaja. Aministraciji strana pristupa se klikom na Pages u okviru menija sa leve strane, ge se može izvršiti unos, izmena i brisanje članaka. Treda vrsta saržaja su komentari, čime se posetiocima sajta omoguduje kreiranje saržaja. Članci i strane mogu imati komentare, i oni su prema porazumevanim poešavanjima WordPressa prikazani u rastudem reosleu, onosno o najstarijeg komentara o najnovijeg. Aministracija komentara vrši se klikom na Comments u okviru menija sa leve strane, ge se može izvršiti unos, izmena i bri sanje komentara.
5.1. Administracija članaka Kada se iz menija izabere opcija Posts, obija se forma za aministraciju članaka u WordPressu. U okviru
ovog ela, prikazuje se listing svih unetih članaka, kao i osnovne informacije o svakom članku (naslov, autor, kategorija, tag, broj komentara, datum objavljivanja). Na vrhu listinga prikazuju se opcije za pretragu i filter članaka po kategorijama ili atumu objave. Prelaskom kursora preko listinga mogude je
izvršiti pregle, izmenu ili brisanje član aka.
5.2.
Unos članaka
Doavanje novog članka vrši se izborom opcije Add New iz menija Posts.
Prilikom kreiranja, obratiti pažnju na naslov, tekst članka, kategoriju kojoj pripaa članak i tagove. Po
uspešnom unosu, članak je neophono sačuvati. Izborom opcije Save Draft , omoguduje se čuvanje nacrta članka u slučaju njegove naknadne revizije, a klikom na Publish članak se objavljuje i postaje vidljiv na sajtu.
5.3.
Izmena i brisanje članaka
Prelaskom kursora preko oređenog članka omoguduju se opcije za izmenu i brisanje istih. Klikom na Edit , otvara se forma ientična formi za unos članaka koja omogudava njihovu potpunu izmenu.
Klikom na Quick Edit , otvara se prozor za izmenu naslova članka, kategorija, tagova članka i sl.
Izborom opcije Trash, članak se briše, i trajno smešta u Trash listing, kojem se pristupa klikom na istoimeni link u vrhu Posts panela.
5.4.
Dodavanje novih i izmena postojećih kategorija
Članci su u WordPress-u hijerarijski kategorisani. Doavanje novih i izmena postojedih kategorija vrši se izborom opcije Categories. Nakon unošenja naziva kategorije, klikom na Add New Category sledi kreiranje kategorije. Kategorije imaju svoju hijerarhiju, pa je tako mogude poesiti a oređena kategorija pripada drugoj, tj. da ona bude podkategorija neke od ved kreiranih kategorija (opcija Parent ). Opis kategorije služi za internu potrebu i nije javno viljiv na sajtu.
U okviru iste forme, mogude je izvršiti izmenu postojedih kategorija. Sa esne strane, klikom na kategoriju, otvara se nova forma koja pruža mogudnost izmene informacija.
5.5.
Dodavanje i izmena tagova
Tagovi se pore mogudnosti kreiranja u okviru članaka, mogu kreirati klikom na Tags u meniju Posts. Proces kreiranja novih i izmene postojedih tagova je ientičan procesu kreiranja i izmene kategorija.
6. Administracija strana Izborom opcije Pages u okviru menija sa leve strane, pristupa se listingu strana.
Formi za unos nove strane se može pristupiti izborom opcije Add New, a postupak kreiranja je veoma sličan procesu kreiranja članaka. Posedamo, strana ne poseuje kategorije i tagove. Nakon unosa naslova i teksta, strana se može objaviti klikom na ugme Publish.
Prelaskom kursora preko oređenog članka omoguduju se opcije za izmenu i brisanje strana. Klikom na Edit , otvara se forma ientična formi za unos strane koja omoguduje potpunu izmenu strane.
7. Administracija komentara Pregled svih komentara vrši se u elu Comments u levom meniju. Panel aministracije komentara pruža
mogudnost oobravanja ili neoobravanja komentara, ogovora na komentar, izmene komentara, označavanja komentara kao spam ili brisanja komentara.
8. Rad sa menijima Izborom opcije Appearance, a zatim Menus, otvoride se forma za ra sa menijima. Meni se u potpunosti
može prilagoiti i svaki o njih sarži stavk, u okviru kojih se mogu nadi linkovi koji usmeravaju ka rugoj stranici sajta, ka nekom drugom sajtu ili ka nekoj kategoriji članaka.
8.1.
Kreiranje novog menija
Da bismo kreirali novi meni, potrebno je u formi za rad sa menijima kliknuti na jezičak +. Prilikom kreiranja menija, neophodno je zadati naziv menija, a zatim izabrati dugme Create Menu. Nakon toga, pristupa se dodavanju stavki menija.
8.2.
Dodavanje stavki
Nakon kreiranja menija, potrebno je oabrati stavke koje de se nalaziti u meniju. Meni može saržati
sve prethono kreirane stranice, eksterne linkove, kao i postojede kategorije sajta . Sa leve strane, nalaze se kolone za kreiranje eksternih linkova, reom raspoređene stranice i kategorije.
Da bismo dodali eksterni link , najpre je potrebno uneti adresu, kao i naziv arese koji de se pojaviti u meniju. Nakon ubacivanja podataka, klikom na Add to Menu stavka se unosi u meni.
Proces unošenja stranice je sličan unošenju eksternog linka. Iz dela Pages, klikom na View All dobija se prikaz svih stranica. Nakon izbora željene stranice, izborom Add to Menu ona de biti uneta u meni.
Nakon unošenja svih stavki, klikom na Save Menu čuvaju se postavke menija.
8.3.
Uređivanje stavki menija
Svim stavkama menija pristupa se izboromželjenog menija, nakon čega de na esnoj strani biti izlistane
stavke koje pripaaju tom meniju. Jenostavnim pomeranjem, stavkama se može menjati reosle, onosno njihova pozicija. Klikom na jezičak stavke, omoguduje se izmena elementa stavke, a koja uključuje izmenu naslova, dodavanje atributa naslovu, kao i brisanje stavke.
8.4.
Prikaz menija
Prikaz menija se kontroliše u okviru ela Appearance, izborom opcije Widgets. U formi za rad sa wigetima, potrebno je prevudi wiget sa imenom Custom Menu na ogovarajudi sidebar instalirane teme. Nakon prebacivanja, sledi unos naziva menija i biranje menija koji de biti prikazan. Po završetku, klikom na dugme Save čuvaju se izmene.
9. Administracija korisnika Panelu za administraciju korisnika pristupa se izborom opcije Users iz menija sa leve strane, nakon čega se otvara forma koja prikazuje sve registrovane korisnike.
Korisnik se kreira klikom na Add New. Prilikom kreiranja korisnika, obavezno je uneti korisničko ime, e-
mail, kao i šifru korisnika. U delu za dodelu uloge (Role), omoguduje se izbor sleedih uloga:
Pretplatnik (Subscriber) – običan korisnik, može a komentariše, ali nema prava na menjanje
saržaja na stranici
Saradnik (Contributor) – korisnik koji može napisati članak, ali ga ne može objaviti
Autor (Author) – korisnik koji može napisati i objaviti članak
Urednik (Editor) – korisnik koji pore svojih, može uređivati i tuđe članke, onosno sve članke na sajtu
Administrator (Administrator) – korisnik je aministrator sajta, čime je omoguden pristup svim delovima
10.
WordPress SEO (Search Engine Optimization)
WordPress je jedan od najboljih CMS-ova kada je u pitanju SEO. Naredne preporuke mogu vam mnogo
pomodi a poboljšate svoj ranking, obijete više subscriber-a i da napravite bolji sajt.
WordPress SEO Plugin Postoji veliki broj plugin- ova za poboljšanje optimizacije sajtova, ali najviše se izvaja WordPress SEO
plugin koji možemo redi objeinjuje vedinu prethono naveenih. Ovaj plugin se u praksi pokazao toliko modnim a ga koriste i osta popularni sajtovi kao što su SearchEngineLan, The Next Web, Mashable i veoma je stabilan, spreman za korišdenje i možete ga besplatno preuzeti sa sleedeg linka http://yoast.com/WordPress/seo/.
10.1. Osnovni SEO u WordPress-u WordPress je dosta dobro optimizovan sistem i u velikoj meri obavlja bolji posao pri dozvoljavanju svakoj stranici da bude indeksirana od bilo kog drugog CMS-a, ali postoji nekoliko stvari koje bi trebalo
uraiti kako bi nam bilo olakšano samo korišdenje WordPress-a. 10.1.1. URL-ovi 10.1.1.1. Struktura permalinkova Prva stvar koju je potrebno promeniti je struktura permalinkova . Ova poešavanja možete nadi po
oeljkom Settings → Permalinks. Default permalink je ?p=
, ali najbolja praksa je koristiti /postname/ ili /category/post-name/. Za prvu opciju potrebno je a promenite poešavanje na Custom Structure odnosno da obeležite /%postname%/
Da uključite i kategoriju potrebno je selektovati “Custom Structure” i promeniti vrenost na /%category%/%postname%/. Ukoliko ste pre toga imali ?p= kao vaš permalink WordPress de se pobrinuti za sva preusmerenja. Ovo se takođe ešava ukoliko menjate sa /%postname%/ na /%category%/%postname%/ permalink. 10.1.1.2.
Linkovi sa WWW ili bez WWW
Morate a olučite kako želite a se vaš sajt pojavi, kao www.example.com ili jenostavno samo example.com. Proverite po oeljkom Settings → General a li ste pravilno upisali željenu opciju.
Takođe, potrebno je i a u oeljku Settings → Preferre omain izaberete prethono izabranu opciju za prikaz domena.
10.1.1.3. Stop words Poslednja stvar koju bi trebalo uraiti vezano za permalinkove kako biste poboljšali vaš WordPress SEO
je a uklonite tzv. stopwors. Ukoliko je vaš sajt na engleskom jeziku primeri ovih reči su “a”, “an”, “the” it. Počevši o verzije 1.1.6 WordPress SEO plugin-a automatski se uklanjaju ove reči iz vaših slug ova (URL-a posle omena) nakon što sačuvate post tako a dete na ovaj način izbedi kreiranje ugačkih URL-ova kaa kreirate naslov vašeg posta. Ovo je nešto što sigurno ne želite a menjate ka ved objavite post. Ukoliko su posetioci ved linkovali ka ovom postu pokušajte a ne menjate permalink, ali ukoliko morate ona se pobrinite a post bue pravilno preusmeren. U vedini slučajeva WordPress de preusmeriti stari URL ka novom, ali ukoliko to ne urai moradete to sami a uraite. 10.1.2. Optimizujte vaše naslove za SEO
Naslovi tj. saržaji u okviru taga vaših stranica su jena o najvažnijih faktora za rangiranje u rezultatima pretrage. Oni ne prestavljaju samo nazive tabova u vašim pretraživačima ved su i prva linija koju ljui vie u rezultatima pretrage, a nakon toga se nalaze URL i osečak (snippet) koji se uglavnom sastoji iz datuma i opisa koji je postavljen u okviru meta tagova.<br />
<br />
Na velikom broju blogova naslovi blog postova su još uvek “Blog title » Blog Archive » Keyword rich post title” ili “Blog title » Keywor rich post title”. Kako biste privukli na svoj sajt što više posetilaca potrebno je ovo promeniti iz dva razloga: <br />
<br />
<br />
<br />
Pretraživači vedu težinu postavljaju na reči bliže početku tako a ukoliko su ključne reči bliže početku samog naslova stranice imadete vede šanse za bolji ranking. Ljui koji gleaju rezultate pretrage de prvo uočiiti reči bliže početku tako a ukoliko su ključne reči bliže samom početku imadete vede šanse a ljui posete baš vaš sajt.<br />
<br />
10.1.2.1.<br />
<br />
Kontrola naslova sa WordPress SEO plugin-om<br />
<br />
Možete upravljati vašim naslovima uz pomod WordPress SEO plugina. Postoje dva dela ovog plugin-a koji služe za kontrolu naslova. Pre svega, čim instalirate i aktivirate ovaj plugin obidete SEO oeljak u okviru vašeg amin ela. Ukoliko oete na SEO → Titles & Metas viedete gomilu tabova za različite tipove stranica na vašem sajtu. Za svaki tip posta i taksonomiju možete postaviti Title Template.<br />
<br />
Postoji veliki broj varijabli koje možete koristiti u naslovim a i meta opisima, a one su sve izlistane i objašnjene na nu stranice settings. Potrebno je proveriti a li templejt zaista rai i a ne obijate upli naslov sajta za instancu. Ukoliko kojim slučajem obijate upli naslov potrebno je a čekirate Force Revrite checkbox na istoj stranici ili a pratite uputstvo na toj stranici kako biste moifikovali vaš templejt.<br />
<br />
10.1.2.2.<br />
<br />
Optimizacija pojedinačnih postova<br />
<br />
Nakon što ste postavili ogovarajude templejte možete krenuti sa optimizacijom pojeinačnih postova i stranica. Za to možete koristiti Snippet Preview - dodatak WordPress SEO plugin-a:<br />
<br />
Ovaj oatak de automatski preuzeti vrenosti koje ste ved popunili u vašem postu i ubaciti ih u vaš templejt, ali možete uraiti i izmenu naslova tako što dete uneti željeni nasl ov u SEO Title:<br />
<br />
Ukoliko kliknete na ugme Generate SEO title, polje SEO Title de se popuniti na osnovu templejta koji alje možete prilagoiti ili ga potpuno promeniti.<br />
<br />
Brojač de vam pokazivati koliko karaktera još možete uneti. Za naslove su bitne s leede stavke: Trebalo bi a uvek sarže naziv kompanije, poželjno je a bue na kraju naslova kako bi ljui koji pretražuju prepoznali vašu kompaniju među mnogobrojnim rezultatima pretrage. Trebalo bi a sarži ključnu reč za koju mislite a je najbitnija za posmatrani post, poželjno je a ključna reč buu na početku nalova. Ostatak naslova bi trebalo a privuče ljue a kliknu baš na vaš post. 10.1.3. Optimizovanje opisa<br />
<br />
Nakon što ste postavili ogovarajude naslove potrebno je a se pravilno efinišu i m eta opisi. Meta opisi mogu biti korišdeni o strane pretraživača koji ih prikazuju u snippet -u, to je crni deo teksa odmah ispod URL-a. Meta opis je uglavnom korišden samo ona kaa sarži ključnu reč koju je osoba koja traži unela kao parametar za pretragu. Mnogi plugin-ovi koriste tzv. “automatizovane opise”. Oni koriste prvu rečenicu iz posta i tako<br />
<br />
popunjavaju meta opis. To nije baš najbolje rešenje jer prve rečenice uglavnom prestavljaju uvonu rečenicu i često zapravo ništa konkretnije i ne možete a saznate iz njih. Ukoliko ne koristite meta opise, pretraživač de pronadi reči koje su tražene u vašem postu i automatski uzeti tekst oko tih reči i prikazati ga, a tražene reči de prikazati kao bolovane u rezultatima pretrage. Preporuka je da koristite meta escription polje koje možete nadi u okviru WorPres SEO plugin -a i da na taj način sami unesete meta opis. Meta opsi bi trebalo a privuku osobu a klinke baš na vaš post i trebalo bi a najmanje jenom upotrebite ključnu reč koja je najbitnija za posmatrani post. 10.1.4. Optimizacija slika<br />
<br />
Koristedi tehnike kao što su pisanje obrih alt tagova i razmišljanje o nazivima fajlova vam može pomodi a privučete malo više ljui na vaš sajt sa različitih pretraživača za slike. Pore toga, pomažete onima koji vaš sajt proveravaju preko čitača ekrana tako što im ukazujete na ono što se nalazi na toj slici. Ukoliko nemate vremena a prethono naveeno raite za svaku sliku može vam pomodi plugin SEO Friendly Images. On automatski dodaje naslov posta i/ili naziv slike alt i naslov tagovima slike:<br />
<br />
10.1.5. XML mape sajta<br />
<br />
Kako biste obavestili pretraživače a je vaš sajt ažuriran možete koristiti XML sitemaps. WordPress SEO plugin sarži XML Sitemap moul koji je samo potrebno uključiti. Iite na Settings → XML Sitemaps i čekirajte checkbox:<br />
<br />
Nakon čekiranja i klika na ugme Save, prikazade vam se nove opcije koje možete a poesite, ali u vedini slučajeva vam one nede biti potrebne. Kada objavite novi post ili stranicu XML sitemap je automatski dostupan Google-u & Bing-u dozvoljavajudi im a lako i brzo ođu o vašeg novog saržaja na sajtu. Kaa se post objavi Google mora<br />
<br />
a ubaci samo jean novi XML “po”-sitemap jer ostali sitemap-ovi nisu promenjeni - koristedi opciju datum modifikovanja.<br />
<br />
Iz SEO perspektive, rešenje koje nu di WordPress SEO plugin je bolje o rugih jer uključuje i slike u svaki post, a time pomaže a se vaše slike bolje rangiraju u Google pretrazi slika. Ima prilično kompletan API koji dozvoljava drugim developerima da razviju nove sitemap- ove što znači a s e mogu napraviti nova News SEO and Video SEO proširenja koja automatski generišu news xml sitemap i vieo xml sitemap.<br />
<br />
10.2. Optimizacija templejta 10.2.1. Breadcrumbs<br />
<br />
Poželjno je a oate breacrumbs na vaše pojeinačne postove i stranice. Oni prestavljaju linkove, uglavnom izna naslova posta koji izgleaju ovako: “Home > Articles > WordPress SEO”. Korisni su iz va razloga: <br />
<br />
Oni omogudavaju vašim korisnicima a se lakše kredu kroz vaš sajt. Oni omogudavaju pretraživačima a lakše oree strukturu vašeg sajta.<br />
<br />
Breadcrumbs bi trebalo da linkuju do homepage-a i do kategorije u koju je post postavljen. Ukoliko se<br />
<br />
post nalazi u više kategorija trebalo bi izabrati jenu. Kako bi to sve railo potrebno je prilagoditi single.php and page.php u vašoj temi i koristiti breadcrumbs opcije iz WordPress SEO plugina. Ove opcije možete nadi u SEO → Internal Links settings page.<br />
<br />
10.2.2. Naslovi<br />
<br />
Proverite a li se vaši naslovi postova nalaze u okviru <h1> taga. Jeino naziv vašeg posta bi trebalo a bue <h1> na početnoj stranici, a na single, post i category stranicama ne bi trebalo a bue vedi o <h3>. Vaš siebar ne bi trebalo a bue natrpan sa <h2> i <h3> tagovima. Ova poešavanje je potrebno uraiti u post.php and page.php u templejtu. 10.2.3. Očistite svoj kod Sav Javascript i CSS kod koji se nalazi u templejt fajlovima potrebno je prebaciti u eksterne javascript i<br />
<br />
css fajlove. Ovo omogudava korisnicima a keširaju ove fajlove pri prvoj poseti i a pretraživači uglavnom ne moraju a ih učitavaju. 10.2.4. Brzina Jedna od bitnih stvari prilikom rangiranja vašeg sajta je i brzina kojom se vaše stranice učitavaju. Možete<br />
<br />
uraiti tri stvari a ubrzate vaš WordPress sajt: 1. Optimizujte vaš templejt tako a izvršava što je manje mogude poziva ka bazi. 2. Instalirajte caching plugin npr. W3 Total Cache, koje je lak za poešavanje, a može osta ubrzati vaš sajt. 3. Instalirajte CDN (Content Delivery Network). CDN predstavlja veliki broj visoko optimizovanih<br />
<br />
servera širom sveta koji rae po ugrađenoj logici najbližeg servera što znači a dete uvek biti usluženi o strane srvera koji je vama najbliži. Ovo posebno može poboljšati brzinu učitavanja stranica za sajtove čiji se posetioci nalaze širom sveta. W3 Total Cache de raiti još bolje kaa je kombinovan sa CDN- om kao što je npr. MaxCDN. 10.2.5. Poboljšajte sidebar Postoji dosta widget-a koji vam nisu potrebni u sidebar- u ili je bolje staviti ih samo na početnu stranicu ili<br />
<br />
samo na postranice. Jean o primera je blogroll, time što na svom sajtu postavljate linkove ka svojim kolegama omogudavate korisnicima a u svakom trenutku ou sa vašeg sajta, a vaš interes je a se oni na njemu što uže zarže. Ukoliko baš želite a postavite linkove ka kolegama ona je bolje a blogroll stoji samo na početnoj stranici jer ukoliko ga stavite na sve stranice rizikujete a imate previše saržaja na stranici koji nije vezan za sam saržaj koji pišete u vašem postu, a i omogudavate korisniku a oe sa vašeg sajta u svakom trenutku. 10.2.6. HTML sitemaps<br />
<br />
Za neke sajtove kao što je npr. blog nema smisla koristiti HTML sitemaps, ali za sajtove koji imaju više nivoa stranica HTML sitemaps mogu osta pomodi kako korisnicima tako i pretraživačima.<br />
<br />
10.3. Napredni WordPress SEO i dupliranje sadržaja 10.3.1. Neindeksiranje, stranice arhive i onemugućavanje arhiva<br />
<br />
Koristedi WordPress SEO plugin, možete sprečiti ineksiranje stranica arhive. Po SEO → Titles & Metas, viedete “Other” tab:<br />
<br />
Svaki link zasnovan na atumu de preusmeriti ka homepage-u zbog ovog poešavanja. Ostavite arhivu autora nepromenjenu, a čekirajte checkbox u Gener al tab-u i tako de postranice ove arhive biti neineksirane, a time ste onemogudili korisniku a ođe omah na rugu stranicu iz arhive.<br />
<br />
10.3.2. Onemogućite nepotrebne arhive<br />
<br />
Ukoliko je vaš blog jenoautorski ili mislite a vam nije potrebna arhiva autora kori stite WordPress SEO a onemogudite arhivu autora. Takođe ukoliko mislite a vam nije potrebna arhiva zasnovana na atumima onemogudite je. Čak iako ne koristite ove arhive u templejtu neko može a linkuje ka njima i time prekine vaš WordPress SEO. 10.3.3. Paginacija<br />
<br />
Potrebno je obezbeiti a ako bot ođe o stranice category može a ođe o svih postranica bez ikakvih poteškoda. Drugačije bi ukoliko imate mnogo postova u kategoriji bot morao a ie i esetak strana unaza kako bi pronašao link o nekog o ranijih postova. Postoji nekoliko plugin-ova koji mogu da srede ovo, jedan od njih je WP-PageNavi.<br />
<br />
10.3.4. Neindeksiranje nepotrebnih linkova<br />
<br />
Još jean lak korak a poboljšate vaš WordPress SEO je da prestanete da linkujete ka stranici za login i registraciju sa svake stranice na vašem blogu. Isto važi i za RSS fee-ove, subscribe putem email-a slično. WordPress automatski ne ineksira sve vaše login i registracione linkove, ali u vedini slučajeva ne bi trebalo a imate login link u vašem templejtu. 10.3.5. Kanonički link elementi<br />
<br />
U februaru 2009. goine glavni pretraživači predstavili su rel="canonical" element. Ovo je još jean o načina za borbu protiv upliranja saržaja. WordPress ima ugrađenu poršku za canonical link elemente za pojeinačne postove i stranice, ali ima nekoliko manjih bagova, nema kao output kanoničke linkove na rugim stranicama. Koristedi WordPress SEO plugin, automatski obijate kanoničke link elemente za sve tipove stranica u WordPress-u.<br />
<br />
10.4. Struktura sajta za bolje rangiranje 10.4.1. Stranice umesto postova<br />
<br />
Neka je najbolje rešenje a za najvažnije postove napišete stranice. Na taj način ih možete lako upate ovati i napisati novi post o stvarima koje ste promenili.<br />
<br />
10.4.2. Izmena postova<br />
<br />
Ukoliko neki post na vašem blogu postane veoma popularan i počne obro a se rangira za obre ključne reči, a potrebno je a ga upate-ujete postoji način a to uraite, a a ne izgubite sve komentare koje su koorisnici pre toga napisali vezano za taj post: <br />
<br />
napravite novu stranicu sa update-ovanim i poboljšanim saržajem<br />
<br />
<br />
<br />
promenite slug (deo URL-a posle domena) starog posta u post-name-original<br />
<br />
<br />
<br />
objavite novu stranicu pod URL-om starog posta ili preusmerite URL starog posta ka novom URL-u<br />
<br />
<br />
<br />
pošaljite mejl svima koji su linkovali ka vašem starom postu a ste upate -ovali i poboljšali stari post<br />
<br />
<br />
<br />
čekajte a ponovo ođu linkovi; 10.4.3. Linkovanje ka povezanim postovima<br />
<br />
Način a pomognete pretraživačima a brže ođu o vaših starijih postova, a a poboljšate vašu SEO kampanju je da koristite neki od plugin-ova koji de pretražiti sve vaše postove i za one koji imaju istu temu dodati linkove ka tim postovima. Primer za takav plugin je Yet Another Relate Posts Plugin. Dobra zamena je i Microki’s relate post plugin koji vam omogudava a manuelno izaberete postove koji su povezani jeni sa rugima. Ovo bi<br />
<br />
moglo a vam ouzme malo više vremena, ali bi mogao čak i bolje a se pokaže o Yet Another Relate Posts Plugin-a. Postoji mnogo plugin- ova koji automatski linkuju oređene klučne reči ka oređenim postovima, ali<br />
<br />
obratite pažnju a ne preterate jer bi saržaj vašeg teksta mogao a eluje iritantno.<br />
<br />
10.4.4. Ne stavljajte previše tagova<br />
<br />
Jena o najčešdih zamerki koje pronalazimo u kao review sajtova je prevelika upotreba tagova. Potrebno je znati a tag sam po sebi ne može poboljšati vaš SEO, jeini način na koji oni poboljšavaju SEO kampanju je što povezuju jean eo saržaja sa rugim elom, posebno i veza između grupe postova.<br />
<br />
Ukoliko ste koristili previše tagove možete ovo promeniti tako što dete koristiti Tag Optimization for WordPress.<br />
<br />
10.5. Optimizacija konverzacija Naterajte korisnike vašeg sajta a se subscribe -uju. Važno je uočiti momente kaa de korisnici najviše poželeti a se subscribe-uju i na ta mesta postaviti dugme za subscribe, bilo preko RSS-a ili preko emaila. Jean o tih trenutaka je kaa pročitaju neki o članaka na vašem sajtu i iz tog razloga se postavljaju ugmidi za subscribe kao i za share-ovanje na ruštvenim mrežama omah nakon kraja članka. Drugi idealan trenutak za subscribe je kaa korisnici po prvi put napišu komentar na vašem sajtu. Za akcije nakon prvog komentara kornisnika možete koristiti ved urađen plugin – Comment redirect.<br />
<br />
10.6. Optimizacija komentara<br />
<br />
Uključite korisnike u konverzaciju Komentari ne služe samo a bi korisnici pohvalili vaš ra ili skrenuli pažnju na neke greške, najvažnija stvar kojoj oprinose komentari jeste uspostavljanje komunikacije između korisnika i autora. Svaki komentar pokazuje a niste nekoga ostavili ravnoušnim, a to je jean od najvažnijih faktora ukoliko želite a korisnici linkuju ka vašem sajtu.<br />
<br />
10.6.1. Ubedite korisnike da ostave komentar<br />
<br />
Najlakši način a obijete komentar o čitaoca je a ga jenostavno naveete na to sa pitanjima bilo u tekstu bilo na kraju teksta. Ovde je svakako važan<br />
<br />
comment link .<br />
<br />
Da li piše “Nema komentara »”? ili “Još uvek nema komentara, vaše mišljenje nam je izuzetno važno »”? Sa aspekta korisnika ova va različita teksta mogu izazvati velike razlike u povratnoj reakciji – možete lako ostati bez komentara, a možete i navesti korisnika a kaže svoje mišljenje. Ovaj tekst možete promeniti tako što dete udi u inex.php, tražiti comments_popup_link() i promeniti tekst u okviru ove funkcije.<br />
<br />
10.6.2. Uspostavite vezu sa onima koji komentarišu<br />
<br />
Još jena o bitnih stvari je a se zahvalite ljuima koji ostavljaju komentare na vašem blogu. Ne bi trebalo a se zahvalite nakon svakog komentara jer to može postati iritantno, ali ieja a se samo nakon prvog poslatog komentara zahvalite korisniku je i više nego obra praksa. Postoji ved gotovo rešenje za ovu ideju, a to je da instalirate plugin – Comment reirect. Ovaj plugin vam omogudava a preusmerite korisnika na neku stranicu nakon što napiše svoj prvi komentar, a u našem slučaju bi to bila stranica na kojoj biste se zahvalili na poslatom komentaru.<br />
<br />
10.6.3. Održite korisnike u konverzaciji<br />
<br />
Kaa su se korisnici ved uključili u razgovor bilo bi obro i zaržati ih na tom mestu i navesti a prate alju konverzaciju koja se ovija na vešem sajtu. Da biste ovo postigli potrebno je a instalirate Subscribe to comments plugin koji omogudava korisnicima a se klikom na ogovarajudu ikonicu subscribe-uju za neku o konverzacija i obijaju obaveštenja o novim komentarima putem email -a. Na ovaj način dete navesti korisnika a prati konverzaciju, a samim ti i znatno povedati šanse a taj korisnik ostavi još neki komentar na vašem sajtu.<br />
<br />
10.7. Off site blog SEO 10.7.1. Zapratite one koji komentarišu<br />
<br />
Preporuka je a obratite pažnju na ra onih koji komentarišu na vašem sajtu. Iite na njihove sajtove, ostavite i vi njima komentar u kojem dete iskazati vaše mišljenje o njihovom rau i na taj način de vas korisnik još više poštovati i verovatno de nastaviti a ostavlja komentare na vašem sajtu. Statistika kaže a samo 1% posetilaca vašeg sajta ostavi komentar, a ta grupa ljui je svakako vrena vaše pažnje. 10.7.2. Koristite Twitter<br />
<br />
Twitter profil poseuju skoro sve uticajnije ličnost, a korisnici ove mreže uglavnom češde proveravaju svoje twitter naloge nego e-mail. Ukolikokoristite Word Twit ili Twitter Tools, svi vaši postovi de biti<br />
<br />
objavljeni i na twitter-u i oneti vam nove posetioce, omoguditi ljubiteljima ove mreže a komentarišu putem twitter-a, a samim tim povedati šansu a uspostavite komunikaciju sa korisnicima.<br />
<br />
10.7.3. Pronađite slične blogove i uspostavite komunikaciju<br />
<br />
Ukoliko želite obro a se rangirate za oređenu ključnu reč iite na Google Blogsearch i proverite kojih 10 blogova su najbolje rangirani za oređenu ključnu reč. Pročitajte te blogove, ostavite pronicl jive komentare, uspostavite komunikaciju i tako što dete u vašem postu linkovati ka njihovom blogu. Jeini način a obijete ovoljan broj poseta za obro rangiranje je a buete eo zajenice.<br />
<br />
10.8. Merenje rezultata Dobra SEO kampanja obuhvata ne samo im plementaciju svih prethonih stvari ved i pradenje rezultata<br />
<br />
tih promena i ra na onom što se pokazalo a onosi najbolje rezultate. Dva najbolja analitička paketa za pradenje rezultata su Google Analycs i getClicky.Za oba ova paketa postoje plugin-ovi, Google Analytics for WordPress plugin i getClicky plugin.<br />
<br />
Najbolji rezultat obre SEO kampanje je što vedi broj poseta. Još jean oličan alat je Google Webmaster Tools. Ispratite sleeda poešavanja: uđite u Webmaster Tools; uđite u “Your site on the web”, then “Search queries”. Kliknite na “Downloa this table”. <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Otvorite CSV file koji ste dobili u Excel-u.<br />
<br />
<br />
<br />
Promenite sva pojavljivanja brojeva manjih od 10 u koloni Clicks sa 9.<br />
<br />
<br />
<br />
Selektujte prvi re i uključite Filter<br />
<br />
<br />
<br />
<br />
<br />
Za average position kolonu, izaberite “greater than 5″, sortitranje Ascening. Za “Clicks” kolonu sortiranje Descening.<br />
<br />
Saa imate ključne reči pomodu kojih su vas korisnici našli, a a ste se u rezultatima našli po rangom ispo 6. Činjenica a su kliknuli na vaš sajt ukazuje na to a im se učinilo kao zanimljivim u rezultatima pretrage pa bi trebalo obratiti pažnju i pokušati a se optimizuju ti termini kako biste se rangirali u prvih 5 među rezultatima pretrage, koristite Page Analysis u WordPress SEO plugin-u a poboljšate stranicu i tražite o rugih a linkuju ka toj stranici.<br />
<br />
11.<br />
<br />
Izmene na WordPress temi<br />
<br />
U ovom poglavl ju demo se baviti izmenama na WordPress temi. Ukoliko ođete u situaciju a želite a<br />
<br />
promenite izgle Vašeg sajta, pre vama se otvaraju tri mogudnosti: 1. Željene izmene dete izvršiti irektno u temi koju trenutno koristite 2. Kreiradete child temu trenutno aktivne teme (ubrzo više informacija o tome) 3. Kreiradete novu temu o nule, koja sarži sve ove izmene.<br />
<br />
Omah želimo a napomenemo a je svaki o ovih načina obar – zavisi samo šta želite a postignete. Hajde da malo detaljnije prodiskutujemo o navedenim opcijama.<br />
<br />
Izmene u trenutno aktivnoj temi - Ukoliko želite najosnovnije izmene poput promene boje linkova u<br />
<br />
zaglavlju, povedanje fonta u glavnom tekstu, izmene licence po kojima je mogude koristiti sajt i slično – ova opcija se čini kao najbolje rešenje zato što je sasvim u reu a takve, ne toliko rastične izmene, vršite u trenutno aktivnoj temi. Šta više, svakako je preporuka a s vremena na vreme osvežavate svoj sajt jenostavnim, ali prijatnim novinama koje mogu oneti bolji korisnički oživljaj Vašim p osetiocima. Kreiranje child teme – U situacijama kaa ste prilično zaovoljni globalnom strukturom sajta, njegovom<br />
<br />
funkcionalnošdu i izgleom, ali ste u isto vreme svesni a postoje mesta koja treba znatno izmeniti, preporuka je kreiranje child teme. WordPress je relativno skoro uveo koncept chil tema i efiniše ga na sleedi način: tema koja nasleđuje funkcionalnost ruge teme, koju zovemo roditelj (parent) tema, ali naograđuje izgle i funkcionalnost te teme je dete (child) tema (u nastavku teksta koristidemo isključivo termin chil tema). Umesto a moifikujete postojedu temu irektno u njenim fajlovima, vi možete a napravite novu chil temu, unutar nje iskopirate fajlove koje želite a menjate iz parent teme i ona bezbeno vršite previđene izmene. Veoma je bitno naglasiti a ukoliko Vaša chil tema sarži svega dva izmenjena fajla, WordPress de preostale, neophone elemente teme učitati iz parent teme. Drugim rečima, chil tema nasleđuje sve fajlove svoje parent teme, ali u isto vreme i „forsira“ WordPress da neophone fajlove prvo potraži u njoj, a tek ona u roiteljskoj temi, ukoliko ga ona ne poseuje. Kreiranje teme od nule - Ovo je najbolji, ali ujeno i najsloženiji način kaa govorimo o procesu izrae WordPress tema. Haje a to malo poobnije objasnimo, zašto najbolji? Postoje situacije kaa nijena<br />
<br />
tema na ovom svetu ne može a se izmeni na pravi način kako bi ieja o vašem sajtu bila ostvarena. Svaka tema je napravljena sa oređenim planovima i u cilju obavljanja oređenih zaataka. Iz tog razloga, ona nosi sijaset svojih funkcionalnosti koje su programerski implementirane. Ukoliko biste<br />
<br />
takvu temu rešili a izmenite, moža biste i uspeli u tome, ali biste na taj način znatno urušili njenu osnovnu svrhu. Pome nudemo i situaciju koja skoro sigurno nastaje kao posleica procesa izmene – gomila nepotrebnog i nesređenog koa, za koji ni vi sami niste sigurni čemu služi, jer ga je pisao originalni autor. Da li biste ozvolili a Vaš online om bue nesređen i aljkav, a uz to veoma težak za alju naograju? Da li biste ozvolili a vaši posetioci čekaju nekoliko sekuni uže zbog učitavanja nepotrebnog CSS i JavaScript koa? Sigurno ne. U takvim situacijama prelažemo a stavite sve želje na papir, podobno razmislite šta je ono što želite a napravite, i ona osmislite evelopment strategiju kojom dete se voiti u procesu izrae nove teme. Međutim, kao što pretpostavljate, a biste to izveli,<br />
<br />
potrebno je a raspolažete solinim znanjem WordPress-a kao sistema, kao i f ajlovima ajlovima koje čine jenu temu. Upravo iz tog razloga je ovo najteži način, jer dete o početka o kraja a napravite svoje rešenje.<br />
<br />
11.1. Studija slučaja: Sajt Katedre za Elektronsko poslovanje U nastavku demo emonstrirati proces kojim smo se voili prilikom i zrade sajta Laboratorije za elektronsko poslovanje, dostupan na adresi http://www.elab.rs. Sleeda slika pokazuje porazumevanu, porazumevanu, Twenty Twelve temu moja dolazi uz WordPress, a omah potom i rezultat koji smo želeli a ob ijemo. Kao što viite, osnovnu strukturu smo ved imali u postojedoj temi. Trebalo je osta vizuelnih stvari izmeniti, kao što su heaer, footer, ubacivanje kontakt forme, a postojao je i zahtev a na početnoj strani stoje kvadrati sa istaknutim sekcijama sajta. Veoma ključna stvar o kojoj smo takođe razmatrali jeste a sajt bue responzivan na različite veličine ekrana, a upravo to smo obili u Twenty Tw elve temi. Dakle, kaa se o svemu razmisli, olazi se o zaključka a izmena ima više o granice o koje bismo smeli a iemo menjajudi postojedu temu, a sa ruge strane – iskustvo koje do sada imamo sa WordPress-om govori a nema potrebe a pravimo novu temu iznova, pogotovu što nam osta vremena može ouzeti implementacija responsive izjna. Iz tog razloga, naša konačna oluka je a napravimo chil temu Twenty Eleven teme, a čitav proces poelimo na nekoliko sitnijih zaataka: 1) sređivanje heaer-a, 2) sređivanje footer-a, 3) sređivanje navigacije sa esne strane , 4) ubacivanje kontakt forme.<br />
<br />
11.1.1. Kreiranje Elab child teme<br />
<br />
Za početak, unutar /wp-content/themes folera napravite foler koji de prestavljati vašu temu i nazovite ga elab. Zatim, kreirajte novi fajl unutar novonapravljenog foldera i nazovite ga style.css. Da bismo kreirali child temu, style.css mora a ima sleede linije na svom vrhu:<br />
<br />
Naravno, umesto naših poataka, ubacite Vaš naziv teme, opis, ime i verziju. Posebno obratite pažnju na poslednju stavku, Template koja se onosi na parent temu. Dakle, naziv koji stavite ove de WordPress koristiti a nađe parent temu. Na kraju, morate staviti @import klauzulu i relativnu putanju o glavnog CSS fajla vaše teme. Ukoliko ste sve obro uraili, trebalo bi a obijete prozor ientičan sleedoj slici kada odete na WP-Admin -> Appearance -> Themes (tema se prikazuje u donjem levom uglu).<br />
<br />
11.1.2. Aktiviranje 11.1.2. Aktiviranje teme<br />
<br />
Iako je naša tema registrovana, r egistrovana, ona je i alje neaktivna. Da bismo je aktivirali, jenostavno demo kliknuti na link Activate, koji se nalazi omah ispo nje. Kaa to završimo i oemo ponovo na početnu stranicu, jeste Twenty Twelve tema. obidemo sajt koji izglea ientično kao Twenty Twelve tema, zato što to i jeste Twenty WordPress je pokušao a učita potrebne potrebne fajlove iz Elab teme, međutim međutim naišao je jeino na style.css style.css fajl u kome se importuje ceo CSS iz TwentyTwelve teme. To znači a de svi ostali, template fajlovi, biti učitani iz naređene, roiteljske teme. Na nama je saa a prekopiramo fajlove koje želimo a izmenimo i na taj način obavestimo WordPress da iskoristi njih, a ne originalne fajlove. Nadam se da vam ovo zvuči zanimljivo i hajde odmah da to implementiramo.<br />
<br />
11.1.3. Kreiranje neophodne strukture<br />
<br />
Da bismo olakšali pradenje ovog tutorijala, ademo omah spisak fajlova koje treba a kreirate unutar Elab teme, a ona demo ih vremenom eitovati u eitoru. Dakle, iskopirajte ogovarajude fajlove iz Twenty Twelve teme u Elab foler, tako a obijete sleedu strukturu, uz sleede napomene: <br />
<br />
Fajlove home.php.ToDo, functions.php, template-announcements.php i template-archive-<br />
<br />
announcements.php nedete nadi u foleru roiteljske teme, ved je potrebno a ih sami kreirate. <br />
<br />
Js foler napravite sami i unutar njega efinišite prazan fajl, script.js<br />
<br />
Još jenom, ne zaboravite a promenite ekstenziju fajlu home.php (mi smo se olučili za .ToDo, kako bismo znali a treba na taj fajl a se vratimo), jer na taj način de WordPress u potpunosti ignorisati taj fajl – u suprotnom, WordPress de za početnu stranicu učitati taj fajl, koji je inicijalno prazan, pa nedete vieti ništa u browser-u. Takođe, functions.php fajl je pomalo specifičan i ne može se prosto prekopirati,<br />
<br />
zato što dete ona imati ientične funkcije, eklarisane na va mesta, pa dete obiti fatalnu grešku u PHP-u. Zato i taj fajl napravite ručno. 11.1.4. Zadatak 1: Sređivanje zaglavlja (header.php) Kredemo sa našim moifikacijama, naamo se a ste spremni i željni učenja! Otvorite fajl heaer.php u<br />
<br />
Vašem omiljenom eitoru, kako biste mogli a izmenite ono što buemo tražili o vas. Slei slika u kojoj poredimo fajlove pre (levo) i posle (desno) modifik acije, kako biste imali olakšani uvi:<br />
<br />
Prvo a napomenemo a je ono što se ne vii na slici (sve izna 35. linije) ientično u oba fajla, tako a nema potrebe a tu nešto irate. Tačnije, prve promene nastaju posle 41. linije. Kao što se jasno vii na slici, iz originalnog fajla je izbačeno sve između linije 43. i linije 52. To sto smo izbacili se elimično (između linije 43. i linije 47.) onosi na navigaciju sajta, kojoj, po onome što želimo a postignemo, ju u sidebar- u i to demo postidi kasnijim izmenama. Dalje, efinitivno nije mesto gore. Mi želimo navigaci ju WordPress podrazumevano dozvoljava prikazivanje slike u zaglvalju za svaku stranu (linije 49. – 52.) i to u prinicipu nismo morali a sklanjamo, zato što de se slika prikazati jeino ako u aminist ratorskom panelu to poesimo. Ipak, truimo se a buemo ogovorni programeri i a se ržimo obre prakse koja porazumeva a izbacimo sve što nam sigurno nede trebati.<br />
<br />
Sa ruge strane, ono što nama u zaglavlju treba jesu linkovi za Moole i Webmail. Za to smo napravili novu listu u HTML-u koja ima id shortcuts i unutar nje efinisali ta va linka. Time smo završili sve što se strukture tiče i možemo a viimo kako to izglea u browser-u:<br />
<br />
Nije loše za početak, ali saa je potrebno a to oteramo stilski. Vreme je za pisanje CSS-a! Otvorite style.css fajl i unutar njega oajte sleedi ko:<br />
<br />
Ovim još uvek nismo sreili ništa u zaglavlju sajta, ved smo efinisali boju pozaine čitavog sajta , ali i margine i painge cele strane. Ukoliko želite, možete omah ubaciti liniju 18, ali možete je i ignorisati, pošto se ona onosi na stvari koje demo kasnije pomenuti. Zatim, efinisademo željene izmene za heaer. Dakle, mi želimo a obijemo heaer sličan ovome:<br />
<br />
I to demo postidi sleedim CSS-om:<br />
<br />
Kaa ovo sačuvamo i osvežimo stranu u browseru, viedemo rezultat očekujemo. Ovim smo završili naš prvi zadatak.<br />
<br />
11.1.5. Zadatak 2: Sređivanje početne stranice U uvodu ste imali prilike da vidite kako treba da izglea početna stranica. Zahtev je a urenici sajta<br />
<br />
mogu a izbace najinteresantnije regije sajta u viu kvarata sa malom slikom i opisom. Rešenje za koje smo se mi olučili je sleede: efinisademo novi tip posta i nazvati ga homepage (ukoliko niste up udeni u tipove postova, prelažemo a posetite sleede stranice i poobnije istražite tu tematiku: http://codex.WordPress.org/Post_Types<br />
<br />
i<br />
<br />
http://wp.smashingmagazine.com/2012/11/08/complete-<br />
<br />
guide-custom-post-types/, ili a jenostavno u pretraživaču pretražite „WordPress Custom Post Types“). Kada se uputite u ovaj fenomenalni vid nadogradnje WordPress- a, možete nastaviti sa ovim tutorijalom,<br />
<br />
u kome demo, kao što rekosmo, efinisati naš custom post type homepage . Kao što ste mogli pročitati u nekom tutorijalu koji smo vam prosleili, novi tip postova se efiniše ili u functions.php fajlu, ili se defini še plugin koji de to a rai. Kao i uvek, postoji više načina i nijean nije nužno pravilan, ved se oluka onosi o situacije o situacije. Mi demo novi tip registrovati kroz functions.php fajl. Dakle, otvorite taj fajl i ubacite sleedi ko:<br />
<br />
Iako deluje glomazno, ovde ima svega nekoliko stvari koje treba da znate: <br />
<br />
WordPress nudi funkciju register_post_type() koja prima dva bitna parametra – naziv novog tipa<br />
<br />
posta, koji je u našem slučaju homepage i niz sa različitim argumentima kojih ima osta. Bilo bi previše kaa bismo kroz svaki ponaosob prolazili – sve to imate u WordPress dokumentaciji, koju možete pronadi izna, na početku priče o novim tipovima postova. <br />
<br />
Potrebno je nekako pozvati tu funkciju. WordPress nudi funkciju koja se zove add_action() koja<br />
<br />
takođe prima va bitna parametra: prvi je ogađaj koji se čeka a bi se funkcija koja je prosleđena kao rugi parametar izvršila. Ukoliko ste upoznati sa event hanlerima u bilo kom programskom jeziku, ovo je upravo to, samo na WordPress-ov način. Mi smo kao ogađaj izabrali init , što znači a de se funkcija pozvati u ranoj fazi inicijalizacije čitavog sistema, a spisak svih efinisanih ogađaja možete pronadi ove: http://codex.WordPress.org/Plugin_API/Action_Reference<br />
<br />
Nakon što smo ovo završili, možemo otidi u Amin panel i vieti novine:<br />
<br />
Kao što viimo, obili smo novi tip posta Homepage, koji u principu izglea ientično kao i obični postovi ili strane. Ipak, želeli smo a aministratorima učinimo vedu jenostavnost, tako smo im ponuili irektno ponuili mesto u aministratorskom panelu ge de uređivati stavke na naslovnoj strani. Sa esne strane dete vieti i opciju za oavanje sličice koja ie uz ovaj post, a ukoliko kojim slučajem ne viite to, mogude rešenje je a kliknete na Screen options sa gornje esne strane i čekirate Featured image i Custom fields. Ukoliko niste upoznati sa Custom fields u WordPress- u, možete to zamisliti kao sjajno proširenje, tj. novu proizvoljnu vrenost koja de se čuvati za taj post. Nama de za svaku istaknutu regiju sajta na naslovnoj strani trebati link „Saznajte više“ i zbog toga smo uveli opciju a aministrator može a poesi aekvatan link. Jeino što mora a ispoštuje je a vrenost (onosno link) unese pod ključem view_more. Više o Custom fiels -ima na http://codex.WordPress.org/Custom_Fields.<br />
<br />
Saa demo preimenovati home.php.ToDo na home.php , a potom ga izmeniti na sleedi način:<br />
<br />
Naam se a je ko ovoljno čitljiv, ali demo ipak prokomentarisati šta je urađeno. Kao što viimo na samom početku, poziva se funkcija the_post() kojom WordPress vrada poatke za post koji treba a prikaže na naslovnoj stranici. A kako on to da zna? Dobro pitanje – trenutno nikako, zato što to nige nismo poesili. Ali, to demo veoma brzo ispraviti – kao što je to ved objašnjeno u prethonim elovima skripte, efinišite neku stranicu koju želite a WordPress učita kao početnu – ovoljno de biti a efinišete samo naslov i saržaj. Dalje, a bi WordPress znao a treba a je učita na početnoj strani, potrebno je da odete na Settings->Reading, a onda u sekciji Front page displays selektujte A static page,<br />
<br />
ge dete iz paajudeg menija izabrati stranu koju ste upravo kreirali. Nakon svega ovoga, WordPress de imati ovoljno informacija oko strane koju treba a prikaže na naslovnoj strani. Zato smo pozvali metode the_title() i the_content() koje dolaze predefinisane uz WordPress i koje imaju<br />
<br />
ovoljno intuitivna imena a ih oatno nedemo komentarisati. Ipak, ukoliko je potrebna pomod, ili želite a viite na koji način sve možete a ih iskoristite, jenostavno posetite WordPress dokumentaciju. Najbitniji deo u ovom delu je na liniji 13. u kojoj tražimo o WordPress-a da nam vrati sve homepage postove (obratite pažnju na parametre koje smo prosleili get_posts() funkciji). Za sve oatne informacije vas ohrabrujemo a posetite stranicu na zvaničnoj WordPress dokumentaciji http://codex.WordPress.org/Template_Tags/get_posts. Nakon toga, foreach petljom prolazimo kroz<br />
<br />
svaki post u vradenom nizu i izvlačimo neophone poatke, a to su <br />
<br />
Saržaj posta (ponovo se susredemo sa the_content() funkcijom)<br />
<br />
<br />
<br />
Zatim sliku koju smo uploadovali uz svaki post ( funkcija get_homepage_image(), koja nije definisana u samom WordPress-u, ved demo je mi sami efinisati u fajlu functions.php<br />
<br />
<br />
<br />
I na kraju, URL za link „Saznajte više“, pomodu ugrađene funkcije get_post_meta(). Više informacija o samoj funkciji možete pronadi na aresi http://codex.WordPress.org/Function_Reference/get_post_meta<br />
<br />
Hajde da dopunimo functions.php fajl novom funkcijom, get_homepage_image():<br />
<br />
Ukoliko u ovom trenutku pogledamo rezultat u browser-u, obidemo sleedu situaciju (slika nije u<br />
<br />
celosti prikazana, ved eo kako biste imali uvi):<br />
<br />
Projekat sjajno napreduje! Naravno, preostaje samo a se ostilizuje i to je upravo ono što demo raiti.<br />
<br />
Pretpostavljate ved, otvorite style.css i izmenite ga na sleedi način:<br />
<br />
Pore stanarnih CSS pravila koje smo efinisali na početku (počevši sa linijom 68.), ove imamo CSS koji je relativno skoro postao popularan, pogotovu kod nas. U pitanju je media-query naredba, kojom<br />
<br />
efinišemo stil koji treba a važi za uređaje sa rezolucijom vedom o 600px. Responzivan web izajn je tema koja zaslužuje celu skriptu, tako a se mi ove nedemo previše time baviti, ali ukoliko vas zanima, prelažimo a kao polaznu tačku izaberete sleedi link: http://www.smashingmagazine.com/responsiveweb-design-guidelines-tutorials/. Nakon ovoga, rezultat u browseru je sleedi (isečak):<br />
<br />
11.1.6. Zadatak 3: Sređivanje sidebar -a<br />
<br />
Kao što viimo, naš projekat napreuje obro, međutim kao trn u oku je siebar sa esne strane. Zapravo, funkcionalnost je tu – imamo definisane sve menije i sve stavke u njemu (kako smo to definisali možete pročitati u ranijim elovima skripte), samo je potrebno a popravimo vizuelni oživljaj. Kaa su takvi zaaci u pitanju, omah znamo a nam je CSS glavni alat koji demo iskoristiti. Pa, a počnemo (slee slike CSS koa, ali i isečak rezultata iz browser-a):<br />
<br />
Iako na ovom malom isečku eluje kao a je sve u reu – moramo priznati da postoji stvar koja treba da se popravi. Pogleajmo šta se ešava kaa oemo na stranicu Nastavni tim:<br />
<br />
Na početnoj stranici je u reu a se pomeni koji se nalazi unutar stavke „Nastavni meni“ ne vii. Međutim, zahtev koji smo obili je a ka korisnik poseti tu stranu, pomeni sa svim saranicima na kateri bue prikazan. To još uvek nije slučaj, a inspect -ovanjem elemenata u Firebug-u vidimo da je meni skriven (konkretnu eklaraciju možete vieti u poslenjem CSS -u na liniji 116). Kako bismo rešili traženi zahtev, olučili smo a porazumevano sakrijemo taj meni, ali a pomodu jQuery biblioteke detektujemo kaa pomeni treba biti prikazan i ukoliko taj uslov bue ispunjen, inamički demo promeniti viljivost pomenija (takođe pomodu jQuery -a). Glavno pitanje koje se postavlja jeste: kako etektovati kaa pomeni treba a bue prikazan, međutim možemo veoma jenostavno odi o ogovora ukoliko znamo jenu ključnu činjenicu: WordPress trenutno aktivnoj stavki u meniju dodeljuje klasu current-menu-item (za vežbu, otvorite stranicu Nastavni tim u browser-u i inspect-ujte u Firebug-u klasu koja se nalazi uz tu st avku). Dalje, iskoristidemo funkciju u jQuery - ju koja nam može proveriti a li trenutno aktivna stavka ima dete sa klasom sub-menu i u pozitivnom slučaju, demo ga jenostavno prikazati. Čitav ko za ovu jenostavnu funkcionalnost možete pronadi u sleedem delu, gde objašnjavamo implementaciju footer -a, ali smo želeli saa a pomenemo to kako biste bili svesni problema, ali i spremni na JavaScript ko koji dete uskoro vieti.<br />
<br />
11.1.7. Zadatak 4: Sređivanje footer -a<br />
<br />
Sleede čime se bavimo je footer. Želimo sleedi izgle i saržaj:<br />
<br />
Da bismo to postigli, izmenidemo footer.php koji smo prekopirali iz prethone teme. Kao što smo pokazali paralelno podrazumevanu i izmenjenu verziju header.php fajla, tako demo uraiti i u ovom slučaju. Dakle:<br />
<br />
Ove smo izvršili nekoliko značajnijih promena: 1. Za razliku od podrazumevane verzije gde je ceo footer unutar div-a koji ima id page, u našoj temi smo njega stavili van tog div- a (tačnije, zatvorili smo taj iv i tek ona krenuli sa efinicjom footer-a) 2. Izbacili smo rečenicu koja je posetiocima prikazivala a je ceo sajt napravljen zahvaljujudi WordPress-u i ubacili kontakt katedre. 3. Ubacili smo jQuery o kome smo prethono pričali. Na liniji 33. se može nadi JavaScript nareba<br />
<br />
koja nije povezana sa navigacijom, ved sa zahtevom koji smo takođe obili, a to je a se eksterni linkovi iz sidebar-a otvaraju u novom tabu.<br />
<br />
Ono što treba a znate jeste a u ovom trenutku sav ko vezan za jQuery ne bi radio iz razloga što jQuery još uvek nije ubačen u stranicu. Da bismo to uraili, napisademo sleedi ko u functions.php:<br />
<br />
Ovo je pravilan način a se uključi jQuery u WordPress sajt. Često se ešava a razni oaci koje koristite ubacuju jQuery, jer im je on neophoan za pravilno funkcionisanje. Međutim, šta bi se esilo kada biste instalirali nekoliko oataka koji ubacuju jQuery u vaš sajt, a obično se esi a se ubaci više različitih verzija jQuery-a. Kao posleica, veoma lako se može esiti a ođe o konflikta u verzijama, a sa ruge strane, vaš ko postaje neurean i sarži više poataka nego što je realno potrebno. Iz tog razloga se savetuje korišdenje wp_register_script koja obezbeđuje a se na celom sajtu nalazi samo jena verzija jQuery biblioteke i na taj način sprečava nastanak svakog mogudeg konflikta. Takođe, kao što viite, nismo učitali biblioteku sa našeg servera, ved sa Google CDN -a, što mnogi web eveloperi preporučuju. Za kraj, oademo i neophoan CSS za naš footer – konkretno, naš CSS je bitan samo za esktop verziju sajta:<br />
<br />
Za kraj, postavidemo konačni CSS, kako biste lakše ispratili sve promene. Deo prvi (bez media-query)<br />
<br />
CSS (deo drugi, media-query)<br />
<br />
12. Za one koji žele više 12.1. Prebacivanje sajta sa lokalnog servera na udaljeni server<br />
<br />
Na samom početku ove skripte, prikazali smo kako a instalirate WorPress na lokalnom serveru i Elab hostingu. Međutim, postavlja se pitanje – koja je procedura migracije sajta sa lokalnog servera na udaljeni server. Recimo da ste napravili neki sajt na vašem kompjuteru koji je na aresi (http://localhost/wordpress) i želite a ga u ientičnom obliku prebacite na ualjeni server, na nekoj novoj adresi, recimo http://example.com. Šta vam je sve potrebno? Hosting i domen. Kao prvu i osnovnu stvar navodimo web hosting i domen. U zavisnosti od toga koliko<br />
<br />
ozbiljno želite a se bavite vođenjem sajta, pre vama su ve mogudnosti: neki od mnogobrojnih besplatnih servisa (za njihov pronalazak, uputidemo vas na Google: Free web hosting). Ti servisi de vam omoguditi a besplatno postavite sajt ko njih, ali de u najvedem broju slučajeva za uzvrat postavljati banere ili slične propagane. Takođe, ukoliko se olučite za ovu opciju, nedete modi a imate svoj top level domen po izboru, ved dete modi jeino a kreirate poomen na nekom o njihivoh omena, npr: http://mojsajt.nazivservisa.com (recimo, kao što je to slučaj sa Elab hostingom). Zato, ukoliko želite a se malo igrate i eksperimentišete i ne mislite a pravite ozbiljan, poseden sajt, ovakvi servisi prestavljaju najbolje rešenje. Međutim, ukoliko planirate a pravite sajt na kojim dete imati potpunu kontrolu, što znači: imate pristup kontrolnom panelu vašeg prostora, bazi poataka, mogudnost a 24 sata nevno kontaktirate tehničku poršku za sva moguda pitanja i uz to, stabilnost i kontinuiranost u radu servera, moradete a izvojite oređena novčana srestva i zakupite sebi hosting (krede se o 20e pa naviše) i omen koji vama odgovara (njegova cena je od 8e za .com, .net i .org, pa naviše za omen neke ržave. Naš nacionalni omen je .rs domen i njegova cena je oko 20e na goišnjem nivou). Za više informacija, posetite http://www.rnids.rs .<br />
<br />
Eksportovana baza podataka. Pretpostavimo a ste rešili problem izbora hostinga i omena. Sleeda stvar koju treba da uradite je da izvezete bazu podataka sa lokalnog servera. Ovaj korak je neophodan,<br />
<br />
zato što dete na taj način imati mogudnost a uvezete sav saržaj koji ste ved kreirali lokalno, bez ikakve potrebe da to radite ponovo na udaljenom serveru. Dakle, a biste taj eo završili, potrebno je a se ulogujete u phpMyAdmin na lokalnom serveru. Iz navigacionog menija sa leve strane j e potrebno selektovati bazu vašeg WorPress sajta<br />
<br />
i omah potom dete vieti novi prozor sa svim tabelama u bazi. Isto tako, na samom vrhu dete imati navigaciju sa opcijama: SQL, Search, Query, Export, Import it. Pogađate, kartica koju tražite je upravo Export.<br />
<br />
Klikom na taj link, obidete veoma jenostavan grafički interfejs, ge čak možete samo pritisnuti ugme<br />
<br />
Go i čitav proces krede – u foleru koji je previđen za preuzimanja u vašem Browser-u dete ubrzo vieti sql fajl u kome se nalaze svi podaci koje ste kreirali – postovi, statičke stranice, kategorije, linkovi,<br />
<br />
članovi, uloge, poešavanja i slično. Baza ne sarži grafičke elemente (fotografije, vieo materijale i slično) – više o tome u sleedem koraku. Međutim, pre toga, vredi pomenuti i to da iz phpMyAdmin-a možete izmeniti porazumevane vrenosti eksportovanja i izabrati a bazu poataka izvezete u nekom rugom formatu (Excel, CSV, txt i sl), kao i mogudnost izvoa samo oređenih tabela iz baze (akle, ne celu bazu, ukoliko vam to nije potrebno). Međutim, s obzirom a ove govorimo o prebacivanju WordPress-a sa jenog na rugi server, bidemo sloboni a vam preporučimo a jenostavno kliknete na Go, kao što smo to omah spomenuli i ne razmišljate o ostatku. Ono o čemu zapravo treba a mislite jesu linkovi. WorPress čuva apsolutne linkove u svim t abelama svoje baze, tako da ako ste recimo u nekom postu imali link ka nekoj drugoj stranici, on nije relativan<br />
<br />
(/link/ka/strani), ved apsolutan (http://localhost/link/ka/strani). Problem sa ovim je taj što, kaa prebacite na rugi server, vaš sajt više nije na localhost aresi, ved na nekoj koju ste sami izabrali (recimo http://example.com). Iskoristidemo jean veoma jenostavan trik za rešenje ovog problema. S obzirom a je .sql fajl koji ste maločas izvezli zapravo tekstualni fajl, možete ga otvoriti preko bilo kog editora ili IDE-a (NetBeans, Eclipse, SublimeText, Vim, Notepad++ itd). Svaki editor ima opciju Search &<br />
<br />
Replace. Sve što je potrebno a uraite jeste a u polju za pretragu (Search) unesete omen vašeg sajta u localu, na primer http://localhost/wordpress i zamenite ga sa vašom pravom internet adresom, http://example.com ili http://www.example.com. Kaa završite sa ovim, sačuvajte fajl i oložite ga negde na sigurnom – veoma brzo demo ga ponovo upotrebiti.<br />
<br />
Fajlovi WordPress-a. Sleeda stvar o kojoj voimo računa su fajlovi koji su potrebni za rad WordPress-a. Ovde imate dve opcije: <br />
<br />
Da sve fajlove iz vašeg WorPress root irektorijuma zapakujete u ZIP fajl. Da zapakujete samo one fajlove koji su karakteristični za vaš projekat. Drugim rečima, potrebno je a zapakujemo fajlove koje ste menjali ili samostalno oavali, a ostatak dete iznova instalirati na novom serveru.<br />
<br />
S obzirom a je prvi način sam po sebi objašnjen i jenostavan, mi demo se ove pozabaviti rugim načinom, jer demo tako modi a objasnimo šta je to što karakteriše jean WorPress projekat, odnosno šta je to što se razlikuje o instalacije o instalacije . To su: <br />
<br />
vaša tema sajta (/wp-content/themes folder)<br />
<br />
<br />
<br />
instalirani dodaci (/wp-content/plugins folder)<br />
<br />
<br />
<br />
media fajlovi (/wp-content/uploads folder)<br />
<br />
<br />
<br />
wp-config.php (u njemu se nalaze poešavanja baze poataka poput korisničkog imena, lozinke,<br />
<br />
hosta i slično).<br />
<br />
Navedene fajlove je potrebno zapakovati u neki folder i sačuvati pore sql fajla od malopre.<br />
<br />
Sveža instalacija WorPress-a. Ukoliko se priržavate rugog načina, potrebno je a na vaš server pre svega prebacite najnoviju verziju WordPress-a i instalirate je na serveru na način na koji smo to opisali u uvodu. Napomena: Radi jednostavnosti, prilikom kreiranja baze podataka na udaljenom serveru, potrudite se a je nazovete isto kao što ste nazvali na v ašem localhost -u. Takođe, ne bi bilo loše a prilikom kreiranja korisnika baze, ali i oabira njegove šifre iskoristite ientične vrenosti koje ste koristili na localhost -u – <br />
<br />
na taj način nedete morati a prepravljate k onfiguracioni fajl . Zapamtite – što je više pouaranja između lokalnog i ualjenog servera, to je manje šansi a ođe o nekih problema prilikom migracije.<br />
<br />
Nakon toga krede prebacivanje naših pripremljenih fajlova. Zapakovan (zip) fajl prebaciti na server i prosto ubaciti na ogovarajuda mesta: <br />
<br />
temu u /wp-content/themes folder<br />
<br />
<br />
<br />
dodatke u /wp-content/plugins folder<br />
<br />
<br />
<br />
media fajlove u /wp-content/uploads folder<br />
<br />
<br />
<br />
i wp-config.php u root irektorijuma umesto postojedeg. Napomena: Ukoliko se bilo koji<br />
<br />
parametar za pristup bazi (DB_USER, DB_PASS, DB_HOST, DB_NAME) razlikuje na serveru u<br />
<br />
onosu na vaše lokalne parametre, potrebno je a te vrenosti ažurirate u ovom fajlu. Odmah!<br />
<br />
Ukoliko u ovom trenutku pokušate a pristupite sajtu preko web browser-a, naidi dete na puno problema u PHP-u. Ali, polako, nismo još uvek završili. Uvoz baze. Poslednja stvar koju je potrebno uraditi j este uvoz baze podatka koju smo u prvom koraku<br />
<br />
izvezli. Ono što je interesantno i što se moža pitate jeste: Ali ja ved imam bazu koja je sama postavljena u trenutku kaa sam instalirao/la WorPress na serveru. Da, to je tačno, ali vam ona nede biti više potrebna, zato što je to porazumevana (efault) WorPress baza i ona ne sarži poatke koje ste kreirali lokalno. Tako a se slobono uputite u alat za manipulaciju sa bazom i obrišite sve njene tabele. Kako bismo malo vežbali SQL, brisanje baze je mogude obaviti tako što oete na karticu SQL i ukucate DROP database <naziv_baze> .<br />
<br />
Kaa završite sa tim, potrebno je otidi na karticu Import (pritom, voite računa a ste trenutno unutar nove baze koju ste namenili za WordPress), i iz sekcije File to import izaberite sql fajl koji ste ved pripremili. Ovaj proces može potrajati o nekoliko minuta, u zavisnoti o toga koliko ste saržaja kreirali na localu. Ovo predstavlja ujedno i poslednji deo procesa migracije. U koliko ste sve uradili kako treba, kada odete<br />
<br />
na početnu stranicu vašeg sajta, viedete sajt sa localhost-a. Napomena: Može se esiti a početna stranica sajta radi bez problema, ali kada odete na bilo koji drugi eo sajta (na primer, ruga stranica ili kategorija), konstantno obijete HTTP 404 ili 500 grešku. Ukoliko se to esi, najčešde je uzrok poremedeni sistem permalinkova. Da biste to rešili, potrebno je da odete<br />
<br />
Settings → Permalinks i samo kliknete Save ugme. Na taj način de WorPress izvršiti internu korekciju i sve stranice sajta de vam ponovo biti ostupne.<br />
<br />
12.2. Višejezičnost sajta U anašnje vreme je veoma česta pojava a sajtovi poržavaju va ili više jezika, a sve u cilju izlaska na inostrana tržišta. Preporuka je a svaki sajt sarži barem i englesku verziju pore osnovne. Kada razmišljamo o prevou, moramo uzeti u obzir saržaj koji unosimo (na primer, tekst u blog postovima I stranicama), ali i tekst koji se pojavljuje svua na sajtu, na primer (“Ukucajte pojam za pretragu” ili “Rezultati Vaše pretrage su”, ili “Ovaj post je objavljen po kategorijom X ana Y”). WordPress na sredu nudi veliki izbor za realizaciju ove ideje. Mi smo izvršili generalizaciju i svoimo izbor na ve alternative: <br />
<br />
<br />
<br />
Jenostavno, ali najbolje rešenje . Kao najbolje rešenje za problem višejezičnosti WorPress sajta jeste instalacija va ili više WorPress -a na istom domenu u različitim pofolerima . Na primer, osnovna, srpska verzija može biti na adresi www.example.com ili www.example.com/sr, dok engleska verzija www.example.com/en. Na taj način imate najvedu mogudu fleksibilnost a o najsitnijih etalja preveete vaš sajt. Međutim, najvedi neostatak je dupliranje obima posla. Umesto jenog, ovaj pristup porazumeva oržavanje minimum va zasebna sajta, nad dve različite baze. Korišdenje oataka. Ukoliko vam ieja sa kreiranjem va sajta ne izglea najsrednije ili jenostavno nemate vremena a paralelno oržavate va sajta, postoje oređeni oaci koji, kaa se instaliraju, omogudavaju znatna proširenja WorPress-a i mogudnosti pisanja stranica/postova na više jezika. Glavni problem sa ovim oacima je što se rečenice koje služe kao pomod pri korišdenju sajta ne prevoe kako treba, a glavni razlog je taj što programeri, prilikom prilagođavanja sajta svojim potrebama, unose “harkoovane” elide teksta u same šablone, bez korišdenja jezičkih (.po) fajlova . I zbog toga često programeri upaaju u oatne nevolje tako što za nekoliko reči/rečenica na sajtu moraju a ispituju URL na kome se korisnik trenutno nalazi i na osnovu toga prikažu kontekst na oređenom jeziku.<br />
<br />
Kao što viite, kaa je u pitanju višejezičnost, zaista ne postoji iealno rešenje koje de automatski a rai bez ikakvih prepravki. Međutim, mi demo ove ipak prestaviti va oatka koji omogudavaju višejezičnost i koji se veoma često provlače u WorPress iskusijama: <br />
<br />
WPML http://wpml.org/ (napomena: dodatak nije besplatan)<br />
<br />
<br />
<br />
qTranslate http://wordpress.org/extend/plugins/qtranslate/ (besplatan)<br />
<br />
Pore toga, postoji još nekoliko oataka koji su vreni pomena, ali po funkcionalnostima trenutno ipak nisu u rangu sa prethodna dva:<br />
<br />
http://wordpress.org/extend/plugins/zdmultilang/ http://www.poplarware.com/languageplugin.html http://wordpress.org/extend/plugins/xlanguage/<br />
<br />
12.3 WordPress i SEO 301 redirekcija Najjenostabnije rečeno, 301 reirekcija prestavlja trajnu i pravilnu (po SEO preporukama) redirekciju sa jednog linka na drugi. Situacija u kojima želite a primenite reirekciju ima mnogo prilikom vođenja sajta. Na primer: <br />
<br />
Imate sajt http://www.example.tk i želite a ga promenite na drugi top level domen http://www.example.com (jer vam se, s pravom, .com više sviđa).<br />
<br />
<br />
<br />
Imate blog na http://www.example.com, ali ste napravili novi plan koji podrazumeva postojanje<br />
<br />
statičkog sajta na toj aresi i želite a pomerite čitav blog na http://www.example.com/blog . <br />
<br />
Da li ste znali da Google posmatra http://www.example.com i http:// example.com kao dve<br />
<br />
različite arese i zbog toga svaka o ovih stranica ima zasebni page rank? Vi želite a za isti saržaj ne rasipate svoj rank na stranice sa i bez WWW-a. <br />
<br />
Napisali ste blog post na http://www.example.com/some/blog/post ali nakon nekog vremena<br />
<br />
želite a promenite aresu na http://www.example.com/some/blog/post/2. Bilo koja od gore navedenih reirekcija, sama po sebi, tehnički nije zahtevna – uz manje ili više trua,<br />
<br />
uspedete a postignete cilj. Međutim, problem koji ove nastaje je kako Google i ostali pretraživači gledaju na redirekciju. Ukoliko ste napisali dobar post koji je veoma dobro ineksiran na pretraživačima, ali ona olučite a promenite njegov link, vama praktično propaa tru za stari link je de Google ubrzo zaboraviti na vašu stranicu i početi iznova a posmatra novu stranicu i ineksira je. Dakle, u tom slučaju imamo slededi scenario: <br />
<br />
<br />
<br />
<br />
<br />
Dobro pozicionirana stranica se nalazi na linku http://www.example.com/some/blog/post za<br />
<br />
ključne reči “some blog post”. Vi olučite a promenite link na http://www.example.com/some/blog/post/2. Neko kuca na Google-u “some blog post” i obija link http://www.example.com/some/blog/post, međutim pošto ste link promenili, korisnik biva odveden na 404 stranicu. Posleica 1: gubite potencijalnog korisnika/čitaoca. Google stalno motri na sve stranice vašeg sajta, ali de i on veoma brzo primetiti a stari link više nije aktivan. Zbog toga, on briše iz svojih ineksa vašu stranicu i veoma brzo se ešava Posledica 2: Za ključne reči “some blog post” vaš websajt nestaje iz rezultata pretrage.<br />
<br />
Naravno, ovaj scenario vam se sigurno ne opaa. Umesto toga, ono što želite jeste a stavite o znanja pretraživačima (ali i ljuima, koji recimo imaju sačuvanu stranicu u svom bookmark-u) da je stranica koju traže trajno premeštena na rugu lokaciju. Upravo iz tog razloga se koristi (SEO friendly) 301 redirekcija kojom page rank stare stranice prenosite na novu i uz to, pretraživači ažuriraju svoj ineks i preporučuju novi URL umesto onog starog u re zultatima pretrage. Ta promena, naravno, ne nastaje odmah, ali<br />
<br />
pretraživači su generalno veoma brzi prilikom ažuriranja svojih poataka. S obzirom da smo se upoznali sa t eorijom, red je da se malo pozabavimo i praksom. S obzirom da smo predstavili dodatak SEO by Yoast , prestavidemo praktičan primer koristedi njegove opcije.<br />
<br />
Dakle, saržaj sa http://localhost/wordpress/sample-page/ prebacujemo na novu adresu http://www.example.com/some/blog/post/2. Da biste to uraili, sve što je potrebno je a otvorite<br />
<br />
stranicu u Amin panelu, ge dete, omah ispo polja za uređivanje teksta imati opciju SEO by Yoast . Ono što nas interesuje jeste kartica Advanced, labela 301 Redirect. Tu treba uneti link do stranice na koju želimo a reirektujemo sve koji pristupe http://localhost/wordpress/sample-page . Neka to bude http://localhost/wordpress/new-sample-page (ne zaboravite da zaista kreirate novu stranicu koja ima ovaj URL).<br />
<br />
Da li je reirekcija uspešno poešena možete testirati na jenostavan način – korišdenjem developer tools-a u browseru, koji se aktiviraju pritiskom F12. (Firebug u Firefox-u ili Developer tools u Google Chrome). Kada upalite developer tools, potrebno je da odete na karticu Net gde su prikazani svi zahtevi iz browser-a ka serveru, ali i odgovor i servera koji stižu naza o browsera<br />
<br />
Kao što se može vieti iz priložene slike, browser je poslao GET zahtev ka strain http://localhost/wordpress/sample-page, ali je kao odgovor od server dobio status 301 Moved<br />
<br />
permanently i zatim odmah bio redirektovan na stranicu koju smo mi podesili u administraciji. Ovim<br />
<br />
možemo zaključiti a je poešavanje za SEO reirekciju obavljeno pravilno. Međutim, postoje i oatna rešenja za SEO reirekciju. Navešdemo neka o njih (sortiranje smo izvršili prema prosečnoj oceni):<br />
<br />
Ovde moramo dati bitnu napomenu: poslednji dodatak, Redirection je najpopularniji dodatak za upravljanje 301 redirekcijama u Wor dPress zajednici (ima preko milion preuzimanja).<br />
<br />
12.4 Preporučeni dodaci za WordPress U ovom delu se bavimo dodacima koje bi svaki WordPress blog trebalo da ima. U pitanju su besplatni<br />
<br />
oaci koje koirste na hiljae sajtova širom sveta, tako a možemo zaključiti a su veoma dobro istestirani. Mi demo ih, kao i ruge stvari u ovoj skripti, kategorizovati na celine za: 1. poboljšanje performansi sajta 2. pradenje posedenosti sajta 3. umrežavanje i komentarisanje 4. galerije slika<br />
<br />
12.4.1. Poboljšanje performansi sajta<br />
<br />
Keširanje kao glavna ideja. WorPress je inamički sistem, što znači a se o trenutka kaa neko zahteva stranicu preko oređenog linka, o trenutka kaa obije rezultat u browser-u, desi nekoliko stvari: čitav WorPress se učita, izvrši PHP koji ga pokrede, izvrši nekoliko upita nad bazom (nemoifikovani WorPress izvrši oko 15-30 upita po stranici) i slično. Međutim, visoko poseden sajt ima previše upita u istom trenutku što može znatno oslabiti responzivnost samog servera. Iz tog razloga su se ljui osetili sleedeg rešenja: prvi put se stranica generiše kako je prethodno opisano i taj rezultat kešira u statičkoj HTML stranici koja se čuva na serveru oređeno vreme. Svaki sleedi upit za istu stranicu se nede generisati iznova, ved de se korisniku vratiti strana koja je keširana. Nakon nekog vremena (vremenski interval se obično poešava u aministratorskom panelu), WorPress de izvršiti pun upit na tom stranicom, sačuvati rezultat u statičkoj stranici koja se sklaišti na serveru i ponovo servirati nju. Na taj način se za svaki upit eleminiše izvršavanje PHP koa koji pokrede WorPress i posebno slanje upita na bazom (koji prestavljaju najskuplje operacije zapravo) što praktično znači a je server samo zaužen a servira statičku stranicu koju je prethono sačuvao. Ovu funkcionalnost omoguduju oaci: WP Super Cache (http://wordpress.org/plugins/wp-super-cache/) i W3 Total Cache (http://wordpress.org/plugins/w3-total-cache/).<br />
<br />
12.4.2 Praćenje posećenosti sajta<br />
<br />
Ova grupa oataka de vam biti o koristi prilikom evaluacije i analize vašeg raa. Svako ko objavi tekst na sajtu, treba da ima alat kojim prati: <br />
<br />
broj poseta,<br />
<br />
<br />
<br />
broj komentara,<br />
<br />
<br />
<br />
koliko su se ljui vremenski zaržali na toj stranici kako su ošli o te stranice (preko kojih ključnih reči) a li su na sajt ošli preko pretraživača, ili moža preko nekog rugog sajta ge su otišli nakon trenutne stranice<br />
<br />
Sve ove informacije vam mogu ati ogovor na pitanje: koliko je sajt uspešan. Na osnovu ovih poataka<br />
<br />
možete oneti različite oluke poput: <br />
<br />
stavljanja fokusa na pisanje jedne vrste tesktova umesto nekih drugih koji su se ispostavili kao<br />
<br />
nezanimljivi vašoj publici <br />
<br />
izgraditi svoj stil pisanja i promovisanja<br />
<br />
<br />
<br />
sklapanja saradnji sa mnogobrojim servisima za promociju<br />
<br />
<br />
<br />
forsirati eljenje saržaja na oređenim ruštvenim mrežama, u sklau sa brojem poseta koji dolaze sa svake od njih<br />
<br />
Doatak koji vam omogudavaju ove i mnoge ruge mogudnosti je: WassUp http://wordpress.org/plugins/wassup/.<br />
<br />
12.4.3 Umrežavanje i komentarisanje<br />
<br />
S obzirom a su ruštvene mreže glavni meij za prenos informacija, svakako a bi bilo lepo a omogudite vašim posetiocima mogudnost a poele saržaj sa vašeg bloga sa rugim prijateljima preko popularnih ruštvenih mreža. Izbor ovih oataka je zaista veliki, ali kao jean o oataka koji se pokazao kao veoma obar i korišden jeste Sociable http://wordpress.org/plugins/sociable/. Veoma je jenostavan za korišdenje i integraciju.<br />
<br />
WorPress ima ugrađen veoma obar sistem za komentarisanje, međutim u poslenje vreme kao značajna i sveprisutnija alternativa pojavljuje se Disqus sistem. Ono što mi možemo redi je a se on ni po čemu značajno ne razlikuje o porazumevanog sistema za komentarisanje, osim što je mogude ulogovati se I komentarisati preko Facebook ili Twitter profila. Takođe, Disqus sistem omogudava veoma obru zaštitu o spam komentara, a porazumevano omogudava sortiranje komentara na osnovu atuma upisa, ranku i slično.<br />
<br />
12.4.4 Galerija slika<br />
<br />
Ukoliko želite a integrišete galeriju slika unutar posta ili strane na WorPress-u, a da to bude kompletno rešenje (u funkcionalnom i vizuelnom smislu) imate pregršt mogudnosti. Sam upit “worpress image galleries” vrada mnogo rezultata na Google, a neki o prvih su “Najboljih 75 dodataka za galeriju”. Dakle, ove problem prestavlja za koju se olučiti, tako a demo vas pošteeti tih muka i uputiti na NextGen Gallery http://wordpress.org/plugins/nextgen-gallery/, dodatak koji se razvija<br />
<br />
goinama i koji o saa ima preko 8 miliona preuzimanja samo sa zvaničnog WorPress sajta. Ovaj oatak pruža spektar opcija oko kreiranja i oržavanja galerija, uploa slika upakovanih u zip format, zatim njihovu automatsku ekstrakciju, jenostavniju obrau i mnoge ruge stvari. Pore galerija, možete postavljati samostalnu sliku, a pored svega, imate opciju postavljanja i video galerija.<br />
<br />
12.5 Resursi za dalje usavršavanje<br />
<br />
Ono što je zapravo najbolja stvar u čitavom WorPress-u je to što ga svi koriste. Ogromna zajednica ljudi svakonevno oprinosi njegovom poboljšanju na različite načine: <br />
<br />
kontribucijom u njegovom “core” razvoju<br />
<br />
<br />
<br />
prijavljivanjem problema i bugova<br />
<br />
<br />
<br />
pravljenjem tema<br />
<br />
<br />
<br />
pravljenjem dodataka<br />
<br />
<br />
<br />
pisanjem tutorijala na razne teme iz Wor dPress-a<br />
<br />
Bavljenje WordPress-om može biti veoma zanimljivo i jenostavno uz pomod koja pristide sa svih strana<br />
<br />
ovoga sveta. Iz tog razloga, navešdemo nekoliko internet resursa kako bismo vas uputili na istraživanje rugih etalja koji nisu obuhvadeni ovom skriptom: <br />
<br />
<br />
<br />
<br />
<br />
WordPress Codex http://codex.wordpress.org – zvanična WorPress okumentacija.<br />
<br />
WorPress je sistem koji se može pohvaliti a ima najbolju okumentaciju. WPBeginner http://www.wpbeginner.com/ - veoma lepo izajniran i preglean sajt sa pregršt tekstova o WordPress-u sa primarnim fokusom na početni i srenji nivo. Smashing WordPress http://wp.smashingmagazine.com/ - verovatno svako ko je čituckao o web dizajnu i programiranju je u ne kom trenutku naleteo na Smashing magazine. Ovaj deo je<br />
<br />
<br />
<br />
<br />
<br />
sajta je posveden isključivo WorPress temama. WP TutsPlus http://wp.tutsplus.com – sajt sa obiljen povezanih serija posveden i izajnu i programiranju u WordPress-u. Oiše sjajnom zajenicom, koja kroz iskusiju oprinosi a tekstovi i saveti buu još kvalitetniji. WordPress TV http://wordpress.tv/ - WorPress zvanični vieo kanal na kome se mogu pronadi snimci sa WorPress okupljanja, konferencija, seminara i slično.<br />
<br />
KNJIGE: <br />
<br />
Bulletproof Blogging with WordPress http://throwingabrick.com/go/bulletproof_blogging.pdf <br />
<br />
<br />
<br />
Ova knjiga je namenjena apsolutnim početnicima i ima svega 23 strane. A Beginner’s Guie To WorPress Theme Development http://nometech.com/downloads/abeginnersguidetowordpressthemedevlopment.pdf -<br />
<br />
Takođe veoma jenostavna knjiga koja ima 21 stranu, ali i propratne materijale koja de vas uvesti u process kreiranja tema za WordPress. <br />
<br />
The blog Oh! http://www.blogohblog.com/wordpress-seo-for-beginners-the-blog-oh-blogway/ - WorPress knjiga posvedena prevashono optimizaciji za pretraživače.<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://idoc.tips/report/wordpress-skripta-pdf-free" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "WordPress Skripta"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcHT8sZAAAAAPKfs_PZGhwvz-OHbUMuekQzz5xK"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2025 IDOC.TIPS. All rights reserved.
<div class="pull-right">
<span><a href="https://idoc.tips/about">About Us</a></span> |
<span><a href="https://idoc.tips/privacy">Privacy Policy</a></span> |
<span><a href="https://idoc.tips/term">Terms of Service</a></span> |
<span><a href="https://idoc.tips/copyright">Copyright</a></span> |
<span><a href="https://idoc.tips/contact">Contact Us</a></span> |
<span><a href="https://idoc.tips/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://idoc.tips/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://idoc.tips/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177830117-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177830117-1');
</script>
<script src="https://idoc.tips/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://idoc.tips/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://idoc.tips/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function (event, ui) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="IDOCTIPS_cookie_box" style="z-index:99999; background: #97c479; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://idoc.tips/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_IDOCTIPS_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_IDOCTIPS_cookie_box() {
document.cookie = "IDOCTIPS_cookie_box_viewed=1;max-age=15768000;path=/";
hide_IDOCTIPS_cookie_box();
}
function hide_IDOCTIPS_cookie_box() {
var cb = document.getElementById('IDOCTIPS_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var IDOCTIPS_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('IDOCTIPS_cookie_box_viewed');
if (IDOCTIPS_cookie_box_viewed) {
hide_IDOCTIPS_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
