Kako napraviti web stranicu / blog

Još davno sam se zapitao, kako napraviti web stranicu kojoj može pristupiti bilo tko na kugli zemaljskoj? U doba 56K modema, te CARNET interneta to je bio veliki izazov. Nakon danonoćne pretrage, saznao sam da je to izvedivo i da nije nimalo komplicirano kao što nam drugi predstavljaju.

Carnet web stranica

Ukoliko tražite brz, jednostavan te kvalitetan način izrade vaše stranice, došli ste na pravo mjesto! Također sva ova uputstva se mogu primijeniti i za izradu bloga!

Sve što ćete ovdje naučiti koristi većina web dizajnera prilikom izrade web stranica. Istina postoje pojedinci koji web stranicu rade od nule, i sam sam bio jedan od takvih, koji bi provodili noći uz Dreamweaver i FrontPage.  S tim metodama se ovdje nećemo zamarati, već krećemo puno lakšim putem izrade web stranica!

web domena

Najbolje od svega je to što u ovoj metodi nećete vidjeti niti jedan dio koda, koji vas samo zbunjuje, ukoliko to stvarno ne želite.

Krenimo 🙂

1. Izbor CMS platforme

Postoji velik broj CMS platformi (sustava) koji su nam na raspolaganju, no ovdje ćemo za početak obraditi onaj najjednostavniji – WordPress. Moram priznat da sam do sada bio pobornik Joomle, i većina mojih stranica je bila rađena u Joomli, ali moram priznat da je WordPress puno jednostavniji.

WordPress se pojavio davne 2003, godine ali svoj uzlet doživljava 2010. i danas brojimo preuzimanje ove platforme u desecima milijuna. Prema statistikama WordPress zauzima preko 50% udjela u CMS platformama.

Wordpress_CMS

Što je bitno kod WordPressa i bilo kojeg CMS-a.

1. Kao što i sam naziv govori Content Management System, u prijevodu sustav upravljanja sadržaja, nam omogućava potpunu kontrolu nad našom stranicom.

2. nije potrebno znanje HTML-a ili nekog drugog programskog jezika.

3. Besplatno je, kao i veliki broj dodataka.

4. Vrlo jednostavno se postavljaju slike, kratki video isječci i tekst.

5. Vaša web stranica izgleda profesionalno uz vrlo malo truda!

Siguran sam da ste se sad već malo zainteresirali, pa krenimo na 2. korak – Izbor naziva web stranice.

2. Naziv web stranice i izbor web hostinga

Da bi ste pokrenuli web stranicu, potreban vam je naziv web stranice, tj. domene i web hosting. Sam naziv stranice je najbolje odabrati prilikom kupovine samog hostinga koji nam je neophodan. Preporučljivo je u izboru imena same domene navesti vašu djelatnost – postolar, slikar, apartmani-krk, villa-maria i tako dalje. U svakom slučaju dobro razmislite o samom imenu, jer po nazivu domene će vas zapamtiti velik broj ljudi. Preporučam za ovaj korak odvojiti najviše vremena, jer ćemo sav idući trud usmjeravati prema nazivu domene koju sada odaberemo.

Također dobro izabrani naziv internet domene će imati pozitivan rezultat i na optimizaciju vaše stranice za tražilice (SEO) o čemu možete detaljnije pročitati ovdje.

Izbor hostinga zna biti vrlo težak, pa bih vam htio pomoći i u tom pogledu. Mnoge hosting kompanije će vam obećavati brda i doline a na kraju ćete ostati razočarani. Hosting si možemo predočiti kao jedan “kompjuter/server” koji je stalno upaljen i šalje podatke svim korisnicima koji dođu na vašu web stranicu.

Taj hosting treba zakupiti, kao i domenu tj. sam naziv vaše web stranice. To je jedini trošak koji ćete imati za izradu svoje web stranice. Zanima vas koliko iznosi? Nastavite čitati.

Izbor hostinga

Hosting se zakuplje na godinu dana ili više, i trenutno je Hostgator odličan izbor kada biramo hosting kompaniju. Hostgator web hosting je osnovan 2002. godine, i slovi kao vrlo stabilan, brz i jako povoljan hosting. Također je bitno naglasiti da Vam je podrška dostupna svakim danom od 0-24 sata. Iz iskustva mogu reci da je to vrlo stabilan, brz i jako povoljan hosting – BEST BUY. Osobno Hostgator koristim za sve projekte, jer se stranica učita nevjerojatno brzo – unutar 2 sekunde.

Cijena hostinga se kreće od 2.75 $ mjesečno, tj. 3$ godišnje ukoliko platite za 3 godine unaprijed. Ukoliko platite za 1 godinu, cijena će biti 3.95 $ mjesečno, tj. 47.4 $  , što je jako jeftino s obzirom na pogodnosti koje dobivate kod Hostgatora. Cijene su navedene za osnovni paket koji omogućuje smještaj jedne stranice, te neograničeni prostor i promet i besplatnu .com domenu! Osim besplatne domene, dobiti ćete Google Ads kupon od 500$ i Microsoft kupon za oglase od 100$.

Kod hosting kompanije Hostgator, uz besplatnu .com domenu, možete zakupiti i ostale tipove domena, tj. naziv same stranice. Domena se zakupljuje na minimalno godinu dana, i prije kupnje potrebno je provjeriti da li je domena slobodna. To sve možete obaviti na samoj stranici prilikom kupovine.

Jedini potencijalni problem kod Hostgatora je popunjavanje forme koja je na engleskom jeziku, no vjerujem da u današnje vrijeme uz upotrebnu raznih online prevoditelja to nije problem (preporučam google translate).

Vjerujte mi da ukoliko izaberete kvalitetan hosting kao što je Hostgator, sve vaše probleme riješiti ćete vrlo brzo i jednostavno.

Adresa: Hostgator

Ovo je jedini trošak koji ćete imati prilikom izrade stranice!

Nakon kupovine hostinga i domene možemo nastaviti s trećim korakom – instalacija WordPress-a.

3. Instalacija WordPress-a

Postoje dva načina za instalaciju WordPress-a – automatski i ručni. U ovom primjeru ćemo objasniti automatski, jer je jednostavniji i brži.

Za početak se trebamo spojiti na Cpanel, koji smo dobili od hosting kompanije. Nakon što smo se spojili na hosting paket potrebno je otvoriti Softaculous koji se nalazi pod kategorijom Software/Services kao što je prikazano na slici.

Cpanel instalacija WordPress-a

Nakon toga treba izabrati koji CMS sustav želimo instalirati, u ovom slučaju WordPress. Te je sada potrebno postaviti osnovne postavke vezano uz samo instalaciju.

Krenimo redom, prvo je potrebno odabrati domenu na koju želimo instalirati našu stranicu, kao i prefix koji se nalazi ispred domene (protocol), u našem slučaju kakonapravitiwebstranicu.com. Preporuka je obavezno staviti https://, jer oba preporučena hostinga imaju mogućnost SSL certifikata i enkripcije podataka između Hostinga i krajnjeg korisnika. Također, zabilježen je i povoljan utjecaj na SEO i google pozicije za određene pretrage.

Nakon toga je potrebno odabrati u koji direktorij želimo instalirati WordPress, ukoliko želimo instalirati u glavnom direktoriju ovo polje ostavljamo prazno. Ukoliko želimo instalirati WP na određeni direktorij kao naprimjer kakonapravitiwebstranicu.com/test potrebno je u ovo polje upisati test.

Što se tiče imena baze podataka (database name) kao i prefixa u tablici (table prefix) ne trebamo ništa dirati, već ostaviti kako je.

Sada dolazimo na zanimljiviji dio, a to je upisivanje naslova Vaše web stranice kao i samog opisa (description). Polje enable mutlisite ostavimo prazno, tj. bez kvačice, a naknadno ćemo objasniti o čemu se radi. Korisničko ime kao i zaporku određujemo sami, a potrebno je i navesti vašu e-mail adresu koju koristite.

Jezik izaberite po želji hrvatski, engleski ili neki drugi.

Instalacija wordpressa

Nakon što smo sve ispravno ispunili, potrebno je stisnuti tipku install i instalacija WP-a je gotovoa za par trenutaka. Vašoj stranici možete pristupiti direktno na direktorji koji ste odabrali.

S ovim je završena instalacija WordPress-a, te možemo krenuti na četvrti, ujedno i zadnji korak – uređivanje sadržaja!

4. Uređivanje sadržaja

Stigli smo i do zadnjeg, vremenski najzahtjevnijeg ali i najzanimljivijeg dijela, do uređivanja samog sadržaja naše web stranice! Nakon što smo pristupili našoj web stranici nakon instalacije, dočekat će nas ovakav prizor.

Wordpress pocetna

Svi moramo priznat da ovaj prizor ne izgleda impresivno, ali ne brinite se za svega par minuta ova stranica će zablistati! Zbog toga krenimo brzo s daljnjim radom i pristupimo korisničkom sučelju za uređivanje wordpress sadržaja. Adresu za pristup ste dobili na vašu e-mail adresu, a trebala bi izgledati ovako vasadomena.com/wp-admin/, pristupom toj stranici potrebno je upisati korisničko ime i lozinku.

wordpress administracija

Korisničko sučelje je vrlo jednostavno, i u pravilu nas samo navodi na daljnji rad. Sa lijeve strane imamo glavni izbornik preko kojeg dolazimo do svih potrebnih funkcija za uređenje naše stranice.

Izbor teme

Za početak izaberimo jedan malo zanimljivi izgled nove web stranice, postavka teme(template) je vrlo jednostavna, a izgled stranice će se značajno promijeniti. Da bi promjenili izgled sa lijeve strane odaberimo Izgled -> Teme, te izaberimo jednu od ponuđenih tema.

Izbor wordpress teme

Kako dodati novu, ljepšu temu?

Ukoliko nam se ponuđena tema ne sviđa uvijek možemo potražiti da li postoji neka druga, ljepša i bolja. WordPress trenutno ima preko 10 000 različitih tema, te sam siguran da će vam se jedna od tih svidjeti. Da bi pristupili tim temama potrebno je na prethodnoj slici stisnuti gumb Dodaj novu koji se nalazi na samom vrhu stranice. U ponuđeni prostor za pretraživanje upišemo ključnu riječ (na engleskom jeziku) koja bi opisala novu temu te nakon pretraživanja stisnemo instaliraj kao što je prikazano na slici.

wordpress_izbor_nove_teme

Bitno je napomenuti da promjena tema neće pobrisati sadržaj web stranice, iz tog razloga teme možemo mijenjati kako i kada god želimo.

Još ljepša WordPress tema 🙂 ?

Osim lijepih, postoje i još ljepše teme, koje je ipak potrebno platiti. Iznosi nisu veliki, u pravilu od 20$ do 100$, no kupovinom jedne od tih premium tema, vaša stranica će izgledati kao da ju je radio ponajbolji Design studio. Takve teme možete pregledati i kupiti ovdje.

Kako dodati sadržaj na stranicu?

Sada kada smo promijenili temu možemo postaviti prvu obavijest na našu stranicu.

Dodavanje nove stranice

Ukoliko želite unutar vaše web stranice imati stranicu sa  popisom usluga ili kontakt podacima zajedno sa kartom. Onda morate napraviti sljedeće:

1. Na lijevoj stranci izbornika stisnite Stranice pa onda Dodaj novu.

2. Kada to napravite, pojavit će se bijeli ekran za pisanje izgledom vrlo sličan Microsoft Word-u. Ovdje možete dodavati tekst i slike kako želite, po svom izboru. Nemojte zaboraviti spremiti nakon što ste završili.

Dodavanje stranice u izbornik

Ukoliko želite da se nova stranica nalazi unutar navigacijskog izbornika, napravite sljedeće:

1. Na lijevoj stranici izbornika stisnite Izgled, pa Izbornici

2.  Pronađite stranicu koju ste kreirali i dodajte ju na listu tako što stavite kvačicu pored nje i stisnete Snimi izbornik.

Postavljanje Objava (Blog)

Ukoliko radite blog stranicu, onda ćete se najčešće koristiti Objavama. oTo ćemo učiniti tako da preko glavnog izbornika odemo na Objave. Tu ćemo primijetiti da postoji objava koju mi nismo napisali, to je automatska objava koja dolazi sa instalacijom WP-a. Tu objavu možemo pobrisati i kreiratu novu.

objava wordpress

Sve što trebamo je upisati tekst te po potrebi dodati sliku preko opcije Dodaj medijski zapis. Nakon što smo upisali tekst potrebno je objaviti ovu objavu pritiskom na Objavi s desne strane.

Čestitamo – spremni ste za rad!

Ukoliko ste pratili ovaj vodič, sada bi ste trebali imati funkcionalnu web stranicu, nije toliko loše, zar ne?

Nadam se da sam Vam ovime olakšao samu izradu web stranicu, a i uštedio novce.

Također ako želite dovesti što veći broj posjetitelja proučite članak o Optimizaciji stranice za tražilice (SEO), a ako imate neka pitanja slobodno ih postavite ovdje.

Naposljetku

Ukoliko vam se sviđa ovaj vodič, pozivam vas da podijelite ovu web stranicu putem navedenih društvenih mreža:

Zapeli ste? provjerite našu sekciju pitanja i odgovori, te sami postavite pitanje vezano uz bilo koji problem oko izrade web stranica.