{"id":2222,"date":"2020-09-09T11:07:06","date_gmt":"2020-09-09T11:07:06","guid":{"rendered":"https:\/\/galopdigital.com\/kako-napraviti-web-stranicu\/"},"modified":"2024-12-04T11:39:41","modified_gmt":"2024-12-04T11:39:41","slug":"kako-napraviti-web-stranicu","status":"publish","type":"post","link":"https:\/\/galopdigital.com\/bs\/kako-napraviti-web-stranicu\/","title":{"rendered":"Kako napraviti web stranicu"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

Potrebna vam je izrada web stranica za posao, hobi, va\u0161 portfolio ili sli\u010dno, a niste se nikako susretali s principima i na\u010dinima izrade? Na\u0161 prijedlog je uvijek da unajmite stru\u010dnu pomo\u0107. Ekipa koja se sastoji od developera, dizajnera, contentwritera, digital marketing menad\u017eera i ostalih IT stru\u010dnjaka \u0107e vam garantirano napraviti najbolji posao i pozicionirati stranicu visoko u rezultatima pretrage.<\/p>\n\n\n\n

Ali, ako ba\u0161 \u017eelite da probate i nau\u010dite ne\u0161to novo, za vas smo pripremili kratki vodi\u010d koji \u0107e vam olak\u0161ati napore i pomo\u0107i da napravite va\u0161u prvu web stranicu.<\/p>\n\n\n\n

Prije nego krenete s izradom web stranice potrebno je da odredite naziv web stranice tj.naziv domene (npr. www.vaseime.com<\/a>), te da odaberete web hosting-a (Internet prostor na kojem \u0107e va\u0161a web stranica biti smje\u0161tena). Kada ste odredili ime, potrebno je da provjerite dostupnost, odnosno je li naziv koji ste odabrali zauzet.<\/p>\n\n\n\n

Jako bitno je voditi ra\u010duna o nazivu i domeni va\u0161e web stranice kako bi posjetitelji lak\u0161e zapamtili. Ako ste dobro izabrali naziv internet domene ona \u0107e vam donijet pozitivan rezultat za optimizaciju va\u0161e stranice(SEO).<\/p>\n\n\n\n

U jednom od na\u0161ih prethodnih  \u010dlanaka pisali smo o na\u010dinu odabira i samoj registraciji domena za web stranicu.<\/a><\/h5>\n\n\n\n

Hosting i domenu je potrebno zakupiti, a to mo\u017eete u\u010diniti preko kompanija koje pru\u017eaju usluge registracije domene i hostinga (naj\u010de\u0161\u0107e kompanije koje pru\u017eaju usluge hostinga nude i usluge registracije domena). Takve kompanije \u0107ete zasigurno prona\u0107i na<\/p>\n\n\n\n

ve\u0107 prvoj stranici rezultata pretrage za npr. pojam \u201eHosting i domena\u201c na Google tra\u017eilici,  na vama je da odaberete koja vam je najpovoljnija.<\/p>\n\n\n\n

Nakon kupovine hostinga i odabira naziva va\u0161e domene i nakon \u0161to dobijete sve potrebne podatke za pristup serveru  kojeg ste zakupili mo\u017eete krenuti u proces izrade web stranice.<\/p>\n\n\n\n

Mi \u0107emo se u ovom \u010dlanku bazirati na izradu web stranice pomo\u0107u WordPress alata, odnosno platforme za upravljanje sadr\u017eajem (CMS \u2013 content management system), trenutno najpopularnije platforme za izradu web stranica.<\/p>\n\n\n\n

Va\u017eno je napomenuti, web stranicu mo\u017eete kreirati i na svom ra\u010dunaru, bez da zakupite server i domenu, ali ta ista stranica \u0107e biti dostupna samo vama, nitko drugi je ne mo\u017ee vidjeti. Tako\u0111er, WordPress je samo jedan  od alata pomo\u0107u kojeg bez znanja programiranja mo\u017eete kreirati web stranicu, postoji veliki broj drugih rje\u0161enja, \u0161to besplatnih, \u0161to komercijalnih.<\/p>\n\n\n\n

Za svakog pojedinca koji se odlu\u010di zaploviti u vode web dizajna i izrade web stranica, toplo preporu\u010dujemo da krene od osnova web dizajna (HTML i CSS), postoji veliki broj kako online tako i  kurseva na nivou lokalnih zajednica, te tako nastavi dalje u\u010de\u0107i  druge jezike  koji se koriste u razvoju web stranica.<\/p>\n\n\n\n

Instalaciju WordPress-a mo\u017eemo uraditi na dva na\u010dina, ovisno od zakupljenog servera i mogu\u0107nosti istog.<\/h5>\n\n\n\n

Ve\u0107ina ih ima ugra\u0111en software pomo\u0107u kojeg u par klikova mo\u017eete instalirati WordPress ili neki drugi CMS.<\/p>\n\n\n\n

Prije svega, potrebno je logirati se u cPanel, s pristupnim podacima koje ste dobili od pru\u017eatelja hosting usluga. Jednostavniji na\u010din, ukoliko cPanel pru\u017ea tu mogu\u0107nost na serveru, jeste kroz cPanel odabrati WordPress, te kliknuti na \u201eInstall\u201c. Obi\u010dno ova stavka se nalazi  pod kategorijom \u201eSoftware\u201c ili sli\u010dno. Kada je u pitanju drugi na\u010din instalacije, nakon \u0161to ste se prijavili u cPanel, potrebno je pod stavkom MySQL database, kreirati novu bazu (baza podataka), novog korisnika baze i dodati mu sve privilegije, kako bih sve moglo nesmetano funkcionirati. Nakon kreiranja baze podataka pristupa se instalaciji WordPress paketa.<\/p>\n\n\n\n

Instalacija WordPress paketa<\/strong><\/h3>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Instalacijski WordPress paket potrebno je preuzeti sa zvani\u010dne WordPress.org stranice, gdje mo\u017eemo prona\u0107i najnoviju verziju. Instalacijski paket je u arhiviranom formatu. Potrebno je da raspakiran paket smjestimo na server na kojem \u0107e biti sama prezentacija. To mo\u017eemo uraditi putem FTP-a ili putem cPanel-a. U ovom slu\u010daju koristit \u0107emo cPanel.<\/p>\n\n\n\n

Datoteku .zip formata u kojoj se nalazi WordPress paket, prenesemo na server tako \u0161to u cPanelu-u odaberemo stavku File Manager, te navigiramo do foldera Public html. Ovo je folder u koji se smje\u0161taju sve datoteke i folderi koje jedna stranica sadr\u017ei. U tom folderu izborom opcije Upload, dodamo WordPress .zip datoteku, te ju nakon uspje\u0161nog uploada otpakujemo kroz su\u010delje (kliknemo na datoteku, u gornjoj alatnoj traci pojavit \u0107e se opcija Extract All\u201c).<\/p>\n\n\n\n

Pokretanje i instalacija WordPress-a<\/strong><\/h3>\n\n\n\n

Nakon raspakiranja .zip datoteke sljede\u0107i korak jeste da u novoj kartici unutar Internet preglednika upi\u0161emo adresu za po\u010detak instalacije. To je adresa, odnosno domena koju ste prethodno zakupili (npr. www.vaseime.com<\/a>). Automatski \u0107e se pokrenuti instalacija WordPressa (ukoliko ste prethodni korak ispravno izvr\u0161ili). U prvom koraku biramo jezik na kojem \u0107emo nastaviti proces instalacije.<\/p>\n\n\n\n

Unosimo podatke koje \u0107emo kasnije koristiti za prijavljivanje u WordPress administracijski panel, kao i naziv prezentacije. Neophodno je unijeti naziv baze podataka koju ste prethodno kreirali, te korisnika kojeg ste kreirali za tu bazu podataka. Na kraju kliknite na \u201eInstall\u201d kako bi pokrenuli instalaciju. Ukoliko je sve ispravno une\u0161eno, pojavit \u0107e se poruka o uspje\u0161noj instalaciji. Sada mo\u017eete ve\u0107 pogledati svoju prvu web stranicu, ili pristupiti u administracijsku plo\u010du, gdje \u0107ete kreirati stranice, izgled i ostalo.<\/p>\n\n\n\n

Izrada Web Stranica u WordPress-u<\/strong><\/h3>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Da bi pristupili WordPress-ovom administracijskom panelu, potrebno je da u nastavku domena va\u0161eg stranice kucate: https:\/\/www.vaseime.com\/wp-admin. Sama rije\u010d wp-admin nam ukazuje da nas vodi u WordPress-ov dio za administriranje sajta.
Potrebno je da unesemo na\u0161e podatke koje smo podesili pri instalaciji za pristup u administraciju:korisni\u010dko ime ili email adresu te password (lozinku).<\/p>\n\n\n\n

Kreiranje sadr\u017eaja i osnovno pode\u0161avanje<\/strong><\/h3>\n\n\n\n

Nakon \u0161to ste se uspje\u0161no prijavili u administraciju WordPress stranice, s lijeve strane nalazi se izbornik putem kojeg mo\u017eete dodavati stranice, \u010dlanke, multimedijalni sadr\u017eaj, upravljati izgledom i sli\u010dno. Ono \u0161to WordPress izdvaja od svih platformi je to da, ako ne znate ni\u0161ta o kodiranju, WordPress platforma omogu\u0107ava instalaciju dodatnih malih softvera \u2013 plugin-ova (dodataka). Na raspolaganju vam je preko 12.000 besplatnih pomo\u0107u kojih mo\u017eete da kreirate stranicu s funkcionalnostima koje vam odgovaraju. Odmah nakon instalacije, a prije po\u010detka kreiranja web stranice potrebno je odraditi nekoliko va\u017enih postavki. Postavke za WordPress i stranicu se nalaze u sekciji \u201ePostavke\u201d.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

U pod-sekciji op\u0107enito podesite: naziv i opis web stranice, datum i vrijeme, jezik i vremensku zonu.<\/p>\n\n\n\n

U pod-sekciji \u201e\u010citanje\u201c va\u017ena postavka je: vidljivost u tra\u017eilicama. Ovo je jako bitna stavka, te bi trebala biti isklju\u010dena i ponovo uklju\u010dena tek kada je web stranica u potpunosti gotova kako bi tra\u017eilice mogle prona\u0107i stranicu. Kada je web stranica u fazi izrade ta opcija bi trebala biti isklju\u010dena, kako tra\u017eilica eventualno ne bi \u201cuhvatila\u201d nedovr\u0161enu web stranicu.<\/p>\n\n\n\n

U pod-sekciji \u201eRasprava\u201c nalaze se opcije za komentare, preko koje mo\u017eete uklju\u010diti ili isklju\u010diti komentar na stranici.
Prvi korak nakon osnovnih pode\u0161avanja bi trebao biti odabir predlo\u0161ka \u2013 teme, odnosno izgleda va\u0161e stranice. Postoji mno\u0161tvo besplatnih tema koje mo\u017eete koristiti, na vama je da odlu\u010dite koja najbolje odgovara va\u0161oj stranici. Ukoliko ne mo\u017eete prona\u0107i besplatnu temu koja vam odgovara, mo\u017eete poku\u0161ati sa nekom komercijalnom temom, koje mo\u017eete pogledati na ThemeForest.net. Nakon odabira, instalacije i aktivacije predlo\u0161ka \u2013 teme, mo\u017eete kreirati stranice koje va\u0161a web stranica treba imati, dodati izbornik i sli\u010dno.<\/p>\n\n\n\n

Ako vam se ovo \u0161to ste pro\u010ditali \u010dini kompliciranim, a \u017eeljeli bi da imate svoju web stranicu ili vam treba asistencija, stru\u010dna pomo\u0107, javite nam se, stojimo vam na raspolaganju i bit \u0107e nam drago da vam pomognemo.<\/p>\n\n\n\n

Tako\u0111er, pogledajte i na\u0161 \u010dlanak u kojem smo pisali o savjetima za bolje rangiranje na poznatim tra\u017eilicama (Google)<\/a>.<\/h5>\n\n\n\n

Saznajte koja su to pravila i na\u010dini pisanja sadr\u017eaja kojim \u0107ete pobolj\u0161ati samo rangiranje stranice u rezultatima pretrage.<\/p>\n\n\n\n

Va\u0161 digitalni partner \u2013 Galop Digital<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Potrebna vam je izrada web stranica za posao, hobi, va\u0161 portfolio ili sli\u010dno, a niste se nikako susretali s principima i na\u010dinima izrade? Na\u0161 prijedlog je uvijek da unajmite stru\u010dnu pomo\u0107. Ekipa koja se sastoji od developera, dizajnera, contentwritera, digital marketing menad\u017eera i ostalih IT stru\u010dnjaka \u0107e vam garantirano napraviti najbolji posao i pozicionirati stranicu […]<\/p>\n","protected":false},"author":1,"featured_media":2100,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[22,23],"tags":[],"class_list":["post-2222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-bs","category-web-development-bs"],"acf":[],"_links":{"self":[{"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/posts\/2222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/comments?post=2222"}],"version-history":[{"count":1,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/posts\/2222\/revisions"}],"predecessor-version":[{"id":2223,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/posts\/2222\/revisions\/2223"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/media\/2100"}],"wp:attachment":[{"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/media?parent=2222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/categories?post=2222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/galopdigital.com\/bs\/wp-json\/wp\/v2\/tags?post=2222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}