Kako napraviti web stranicu u 2024: Detaljan vodič

Izrada web stranice online može se činiti zastrašujućim pothvatom – ali ako ispravno slijedite korake, bit će lakše nego što mislite. Ne morate biti stručnjak za web dizajn s dugogodišnjim iskustvom u izradi web stranica kako biste napravili dobru web stranicu. Ne mora vas ni koštati puno novaca!

Pravim web stranice već više od deset godina i gotovo jednako dugo testiram web hostinge i servise za izradu web stranica.

Postoje dva načina kako možete napraviti web strancu. Prva opcija je korištenje online servisa za izradu web stranica – platformu koja je osmišljena tako da svima olakšava izradu web stranica, čak i bez prethodnog iskustva ili tehničkih i dizajnerskih vještina.

Drugi način je korištenje WordPressa. Ovaj način će vam oduzeti malo više vremena jer zahtjeva malo više posla, ali je prilično lako ako ste znate neke osnove, a daje vam i veću fleksibilnost.

Istražit ću obje mogućnosti u ovom vodiču, stoga nastavite čitati i saznajte koji je pravi izbor za vas.

Opcija 1: Korištenje servisa za izradu web stranica

Servis za izradu web stranica je online alat koji značajno olakšava izradu web stranica. Servisi za izradu web stranice mogu biti zbilja moćni, ali ne zahtijevaju nikakvo kodiranje ni tehnička znanja, zbog čega su pristupačni početnicima i korisni profesionalcima.

Njihovo intuitivno sučelje i prilagodljive značajke znače da možete koristiti alat za izradu web stranica za izradu web stranice koja izgleda sjajno, u par sati ili čak minuta. Većina servisa za izradu web stranica je prilagođena vašem budžetu, dok mnogi od njih nude i besplatne planove ili besplatnu probnu verziju, tako da ih možete isprobati a da ne potrošite ni lipe.

Servisi za izradu web stranica dolaze s unaprijed dizajniranim predlošcima koji za vas postavljaju stil, izgled i paletu boja vaše web stranice. Sve što trebate učiniti je odabrati jedan i dodati vlastiti sadržaj i slike te personalizirati ga svojim brendingom.

Ovisno o servisu, imat ćete pristup različitim metodama izrade i uređivanja svoje web stranice. Osobno mi je draže uređivanje s opcijom povlačenja i ispuštanja jer vam pruža veću kontrolu nad izgledom, a istovremeno je proces prilično jednostavan. Elemente možete postaviti gdje god želite ili čak dodati nove elemente jednostavnim povlačenjem na mjesto gdje želite da se nalaze.

Neki servisi nude izbor aplikacija koje možete odabrati. Ovo je jednostavan način dodavanja funkcionalnosti vašoj web stranici ili integracije s drugim servisom. Možete dodati mailing listu, sustav rezervacija termina, okvir za live chat podršku ili gotovo sve drugo što možete zamisliti, obično bez dodatnih troškova.

Iako je na tržištu je mnoštvo servisa za izradu web stranica, njihova kvaliteta značajno varira. Moj osobni odabir je Wix jer nudi stotine predložaka i veliku fleksibilnost, s puno besplatnih (i plaćenih) aplikacija. Pogledajte naš vodič za najbolje servise za izradu web stranica i pogledajte koje su neke od najboljih opcija.

Korištenje servisa za izradu web stranica: Detaljan vodič

1. Odlučite kakvu web stranicu želite napraviti

Pomoću većine alata za izradu web stranica možete izraditi gotovo bilo koju vrstu web stranice koju možete zamisliti. Možda želite napraviti osobnu web stranicu, blog, online portfelj ili interaktivni životopis. Ako ste poduzetnik, možda će vam biti potrebna web stranica za vaše poslovanje ili online trgovina za prodaju vaših proizvoda ili usluga.

A ne trebate čak ni ograničiti svoju stranicu na samo jednu svrhu.

Na primjer, možda biste željeli napraviti online stranicu za tvrtku koja također sadrži portfelj vašeg rada i internetsku trgovinu. S pravim servisom za izradu web stranica mogućnosti su ograničene samo vašom maštom.

2. Odaberite odgovarajući servis za izradu web stranica za vaše potrebe

Servisi za izradu web stranica imaju različite prednosti i značajke, tako da trebate odabrati pravi servis za svoje potrebe. Na primjer, dok vam većina servisa ima neku vrstu značajke online trgovine ili dodatka, servis poput Shopifya posebno je dizajniran za online trgovine. S druge strane, ima značajke i za obične stranice, poput blogova, no vrlo ograničene.

Za moj novac, najfleksibilniji servis za izradu web stranica je Wix! Ima izvrsne značajke za online trgovinu, mnoštvo aplikacija, a njegov uređivač koji radi po principu povuci i ispusti daje vam potpunu kontrolu nad izgledom vaše web stranice. Wix se nalazi na vrhu našeg popisa najboljih servisa za izradu web stranica i koristit ću ga za demonstraciju kako izraditi web stranicu u ovom vodiču. No, treba reći da to ipak nije vaša jedina opcija – trebali biste moći pratiti ove korake na većini kvalitetnih servisa za izradu web stranica.

Većina servisa za izradu web stranica ima besplatan plan ili barem besplatno probno razdoblje. Ako tek započinjete s izradom svojom web stranicom ili ako nemate veliki budžet, besplatni plan može biti najbolje rješenje. Besplatni planovi daju vam priliku da isprobate alate za izradu web stranica bez ulaganja unaprijed. Nedostatak je što besplatni planovi obično dolaze s brojnim ograničenjima. Bit ćete ograničeni na korištenje poddomene svojeg servisa za izradu web stranice (npr. korisničko ime.wixsite.com/vašatvrtka). To je u redu ako kreirate web stranicu kao hobi, ali ako koristite svoju web stranicu za poslovanje, zbilja će vam trebati prilagođeno domensko ime (vašatvrtka.com) kako bi ju vaši kupci zapamtili.

Također, korištenje besplatnog plana znači da će se na vašoj web stranici prikazivati brendovi proizvođača, što može izgledati neprofesionalno.

Besplatni planovi također obično ograničavaju količinu prometa koju možete dobiti, a mnoge korisne značajke kao što je instaliranje aplikacija ili pristupi alatima online trgovine će možda trebati platiti. Ako želite ozbiljnu web stranicu, vjerojatno ćete morati nadograditi na plaćeni plan. Važno je znati koju vrstu web stranice želite napraviti prije odabira plana. Na taj način možete odabrati plan koji odgovara i vašem proračunu i vašim potrebama. Na primjer:

• Ako želite prodavati svoje proizvode online, vjerojatno ćete željeti namjenski plan za online trgovinu (ili plan koji ima nužne alate za e-commerce opciju). Wix ima opće i poslovne e-commerce planove na odabir, ali plaćanja putem interneta možete primati samo na business/e-commerce planovima.
• Ako želite pokazivati svoj rad uz pomoć puno videozapisa ili slika visoke rezolucije na svojoj web stranici, trebat će vam plan s puno prostora za pohranu i propusnosti. Na primjer, Squarespace daje vam neograničenu pohranu za fotografije u svakom planu, uključujući i onaj najpovoljniji.

Preporučujem da odaberete plan s najnižim cijenama koji vam nudi sve potrebne funkcije. Ako želite nešto promijeniti, uvijek u budućnosti možete nadograditi na skuplji plan.

4. Početak: odaberite predložak

Odabir predloška za novu web stranicu uvijek je prvi korak u cijelom procesu. Svi servisi za izradu web stranica koriste predloške (neki ih nazivaju temama, ali izrazi znače istu stvar) kao blokove izgradnje vaše stranice. Predlošci su profesionalno dizajnirani kako bi radili na svim vrstama uređaja, a omogućuju vam da vaša web stranica bude online u relativno kratkom vremenu. Predložak određuje stil i opći izgled vaše web stranice (iako ga kasnije možete prilagoditi) i pruža vam okvir koji možete prilagoditi i koristiti za dodavanje vlastitog sadržajа.

Većina servisa za izradu web stranica ima galeriju za odabir predložaka koje možete pregledavati i prije prijave. Predlošci su raspoređeni u kategorijama, kao što možete vidjeti na snimci zaslona iz Wixove galerije predložaka. Kategorije nisu ograničavajuće (nije da ne možete koristiti predložak za portfelj za svoj blog), ali svaka kategorija sadrži predloške koji su oblikovani posebno za različite vrste web stranica.

Najbolji predlošci izgledaju odlično odmah čim se koriste. Ako se mene pita, Squarespace ima neke od vizualno najprivlačnijih predložaka koji postoje.

Odaberite predložak koji najbolje odgovara vašoj viziji5. Prilagodite svoj predložak

Strogo govoreći, ne morate prilagođavati predložak svoje web stranice nakon što ste ga odabrali, ali, bez obzira na to koliko je dobro napravljen predložak, prilagodba čini web stranicu zbilja vašom i razlikuje je od drugih web stranica (posebice onih koje su napravljene pomoću istog predloška). Za početak bi bilo dobro da prilagodite boje i fontove koji se koriste u vašem predlošku kako bi odgovarali vašem brandu.

Iako razni servisi za izradu web stranica omogućavaju različite razine prilagodbe, velika je prednost korištenja servisa za izradu web stranica što čine prilagodbu stvarno jednostavnom. Iako svaki servis za izradu web stranica ima svoj uređivač, postupak koji ću demonstrirati na Wixu može se napraviti uz pomoć sličnih koraka u drugim servisima za izradu web stranica.

Promjena fontova

Promjena fontova u Wixu jednostavno je stvar klika na tekst koji želite promijeniti i klika na gumb Uredi tekst. Svaki tekstni okvir možete urediti zasebno ili upotrijebiti opciju Spremi temu kako biste primijenili promjene fonta na cijeloj web stranici.

U Wixu možete odabrati različite fontove za različite vrste tekstova – na primjer, možete odabrati jedan font za Heading 1 (Naslov 1) koji ćete koristiti kao svoj glavni naslov (kao što je u predlošku koji pokazujem u nastavku), a drugi font za podnaslove. A možete i imati drugačiji font za stilove odlomaka, ako želite.

Wix vam omogućava odličnu razinu prilagodbe globalnih stilova tekstaNeki servisi za izradu web stranica omogućuju vam promjenu stilova fonta za cijelu web stranicu, ali ne i za pojedinačne naslove i odlomke. Iako to do neke mjere ograničava vaše opcije, preporučujem vam da ionako budete dosljedni jednom stilu fonta na svojoj web stranici.

Promjena boja

Lako možete promijeniti boju fontova u okviru s postavkama teksta, ali jednostavno je i promijeniti boju i drugim elementima, poput pozadine ili kolona. Na primjer, možete koristiti jednobojnu boju pozadine pomoću alata za odabir boja, kao što je prikazano na slici ispod.

Wix automatski definira komplementarne palete boja u skladu s vašom temom, ali paletu boja možete jednostavno promijeniti opcijom “promijenite boje svoje web stranice”. Možete dodati i vlastite boje kako bi sve odgovaralo vašem brandu.

Wix ima jednostavne opcije za promjene boja i pozadina

Pomicanje elemenata na vašim stranicama

Uređivači koji rade po principu povlačenja i ispuštanja čine preuređivanje sadržaja na vašim web stranicama zbilja jednostavnim – povlačenjem s jednog mjesta na drugo. Wix je jedinstven u pogledu kontrole koju vam daje nad uređivanjem izgleda vaše stranice, ali i drugi uređivači „povuci i ispusti“ će vam omogućiti slične značajke.

Neki vam drugi neki servisi mogu dati opciju premještanja odjeljka na web stranicama pomoću gumba za premještanje gore/dolje. Uređivači blokova rade kao nešto na pola puta između ovih, s unaprijed napravljenim blokovima (tekst, slike, video, kolone i dr.) koje možete slagati u mrežu, što vam pruža više fleksibilnosti od jednostavnog premještanja sadržaja gore ili dolje, ali opet ne dovoljno prostora za igru kao s uređivačem „povuci i ispusti“.

Jedna sjajna značajka koja mi se sviđa kod Wixa je funkcija Zoom Out & Reorder. Omogućuje vam pregled cijele web stranice i lako pomicanje dijelova i/ili elemenata po stranici. U nastavku možete vidjeti kako je lako premjestiti sadržaj pomoću ovog alata.

Korištenje Wixove opcije povlačenja i ispuštanja za reorganizaciju sekcija6. Dodavanje vlastitog sadržaja

Kada je riječ o dodavanju vlastitog sadržaja, trebate samo zamijeniti „placeholder“ tekst i slike u predlošku vaše web stranice vlastitim tekstom i slikama. Možda će vam trebati neko vrijeme ako imate puno sadržaja, ali inače je cjelokupan proces stvarno lak.

Ako nemate svoje slike, većina servisa za izradu web stranica nudi neku vrstu galerije besplatnih fotografija koja vam omogućuje trenutno dodavanje besplatnih slika na vašu web stranicu.

Kako dodati tekst

Možete dodati nove odjeljke teksta na svoju web stranicu u samo nekoliko klikova. U Wixu koristite alat Dodaj na alatnoj traci slijeva, a zatim na skočnom izborniku odaberite Tekst.

Preporučujem prvo postavljanje glavnih područja u koja želite dodati tekst, a zatim se vratiti i dodati svoj sadržaj. Možete besplatno koristiti naš besplatan Lorem Ipsum Generator za kreiranje „placeholder“ teksta koji ćete koristiti kad budete spremni dodati svoj tekst.

Birajte među širokim rasponom stilova tekstaKako dodati fotografije

Kao i dodavanje teksta na vašu web stranicu, dodavanje slika je nevjerojatno jednostavno. U Wix-u otvorite izbornik Dodaj, odaberite Fotografija (izravno ispod opcije Tekst) i odaberite sliku koju želite da se prikazuje. Možete dodati vlastite slike, koristiti besplatne Wix slike i ilustracije, pretraživati bazu podataka Unsplash slika ili odabrati vrhunske slike iz Shutterstocka (za dodatnu naknadu). Tada sliku samo smjestite gdje god želite na svoju stranicu.

Pomoću alata Dodaj sliku možete dodati i logotip na svoju web stranicu. U ovom članku ću vam reći i par savjeta koji se odnose na logotipe.

Ako koristite besplatne Wix ili Unsplash slike, one su već optimizirane – znači, smanjene su na najmanju moguću veličinu datoteke, tako da neće usporavati vašu web stranicu. Ako pak koristite svoje slike visoke rezolucije, dobro je smanjiti veličinu datoteke prije nego što ih stavite na web stranicu. To ćete lako učiniti s besplatnim alatom kao što je Image Compressor.

Wix nudi različite načine dodavanje slika na vašu web stranicuKako dodati pojedinačnu stranicu na web stranicu

Većina predložaka obično sadrži nekoliko unaprijed dizajniranih stranica poput Home, About Us i Contact. Ako želite dodati više stranica – na primjer, stranicu Services ili My Works – to možete učiniti klikom na gumb Menus and Pages na vrhu alatne trake slijeva i odabirom gumba Add Page pri dnu skočnog izbornika.

Dodavanje nove stranice na Wixu ne može biti jednostavnijeKada na web stranicu dodate nove stranice, one će se automatski prikazati u vašem navigacijskom izborniku.

7. Dodavanje aplikacija

Aplikacije su integracije treće strane ili nativne, a koje pomažu proširiti funkcionalnost vaše stranice. Iako nemaju svi servisi za izradu web stranicu aplikacije, neki kao što je Wix ima stotine aplikacija među kojima možete birati1. Mnoge su od njih besplatne, a čak i plaćene aplikacije obično imaju besplatne verzije ili besplatnu probnu verziju.

Pomoću aplikacija možete za nekoliko minuta dodati dodatne značajke na svoju web stranicu. Na primjer, Wixova trgovina aplikacija omogućava vam dodavanje značajki kao što su online rezervacija, live chat, prijava na biltene, integracija društvenih mreža i još mnogo toga.

Wix trgovina aplikacija nudi stotine opcija za proširenje funkcionalnosti vaše straniceZa dodavanje aplikacije na Wix web trebate samo kliknuti ikonu App Market (trebalo bi izgledati kao četiri mala kvadrata na lijevoj strani alatne trake). Ovdje možete potražiti određenu aplikaciju ili pregledavati kategorije za nove ideje.

Nakon što pronađete aplikaciju koja vam se sviđa, samo kliknite na nju i zatim odaberite Add to Site.

S nekoliko klikova instalirajte aplikacije izravno s Wix App Marketa

Nakon što je aplikacija instalirana, odmah je dostupna na vašoj web stranici. U ovom primjeru dodao sam aplikaciju Rollover Image Effects za napredno uređivanje slika i bila je dostupna na mojoj web stranici u roku od 30 sekundi!

8. Odabir naziva domene

Prije puštanja vaše web stranice u javnost morat ćete odabrati ime domene. Ako ste odabrali besplatni plan, trebat ćete koristiti poddomenu (npr. vašekorisničkoime.wixsites.com/nazivvašewebstranice). Ako se prijavite za plaćeni godišnji plan, većina servisa za izradu web stranica će prvu godinu uključiti besplatno ime domene.

Većina servisa za izradu web stranica dat će vam opciju registriranja i postavljanja imena svoje domene. To znači da sve što trebate učiniti je odabrati najbolje ime domene za vašu web stranicu. Pravo ime domene je zbilja važno, tako da nemojte žuriti s ovim korakom! Čak i kada znate koje ime domene želite, jedno od najvažnijih pitanja s kojim ćete se trebati baviti jest je li željeno ime domene zapravo dostupno.

Ako imate problema s odlučivanjem, pogledajte naš cjelovit vodič za odabir naziva domene!

9. Pregledajte i objavite svoju web stranicu

Sad kada ste dodali sav svoj sadržaj i odabrali naziv svoje domene, vrijeme je da web stranicu objavite online. Kod većine servisa za izradu web stranica to je sam klik na gumb (ili dva).

Nemojte žuriti s klikom na gumb Objavi – uvijek je dobra ideja upotrijebiti opciju Pretpregled kako biste bili sigurni da ste zadovoljni sa svojom stanicom prije nego ju objavite. Pretpregled vam omogućava da vidite svoju web stranicu na isti način kao što to čine vaši posjetitelji bez ometanja uređivača. Osim toga, ako vidite da postoji neko mjesto na koje ste zaboravili dodati svoj sadržaj ili neke prazne stranice koje ste zaboravili popuniti, pretpregled stranice vam može pomoći da primijetite te sitne detalje prije nekog drugog.

Većina servisa za izradu web stranica također će vam omogućiti pregled mobilne verzije vaše web stranice. Uvijek provjerite da vaša stranica izgleda dobro i na mobilnim uređajima.

Kada je vasa web stranica objavljena, možete ju jednostavno pogledati i dijelitiJednom kad kliknete Objavi, vaša web stranica će biti live i možete početi s promocijom!

Usporedba servisa za izradu web stranica

Servisi za izradu web stranice – česta pitanja

Koji servis za izradu web stranica je najjednostavniji za korištenje?

Par je servisa za izradu web stranica koji su jednostavni za korištenje kao što su IONOS i SITE123. Međutim, Wix je moj prvi izbor jer vam omogućava široku slobodu dizajniranja dok je istovremeno impresivno jednostavan za korištenje. Ne samo da je intuitivan, već ima i više značajki od drugih servisa za izradu stranica.

Hoće li se moja web stranica pokazivati na Google-u i drugim tražilicama?

Da, vaša će se stranica pokazivati u rezultatima pretraživanja. No, nije dovoljno da se samo pokazuje – želite i da vaša stranica bude rangirana što je više moguće. Svi servisi za izradu web stranica nude SEO (optimizacija rezultata tražilice) značajke koje pomažu u poboljšanju rangiranja rezultata pretraživanja.

U nekim ste slučajevima ograničeni na dodavanje vlastitih meta naslova i opisa. S druge pak strane, neki servisi za izradu web stranica pružaju vam naprednije SEO značajke. Na primjer, s Wixom dobivate SEO Wiz, alat koji vam daje personalizirane SEO preporuke i detaljne upute o tome kako ih primijeniti da vaša web stranica bude primijećena.

Hoće li moja web stranica izgledati dobro i na mobilnim uređajima?

Jednostavan odgovor na ovo pitanje je „da“. Većina servisa za izradu web stranica daje vam ili opcije za predloške koji su responzivni na mobilnim uređajima (što znači da će se vaša web stranica automatski prilagoditi veličini zaslona mobilnih uređaja) ili imaju uređivač prikaza mobilnih uređaja kako biste mogli uređivati mobilnu verziju vaše web stranice odvojeno. Ako želite provjeriti je li vaša web stranica prilagođena mobilnim uređajima, možete koristiti naš besplatan alat Responsive Checker Tool.

Trebam li izabrati servi koji je namijenjen samo izradi online trgovina?

Zaista ovisi o tome koliko proizvoda planirate prodavati i koja je osnovna svrha vaše web stranice. Za običan blog koji usput prodaje robu će običan servis za izradu web stranice biti više nego dovoljan.

Razlog tome je taj što su servisi za izradu online trgovine općenito toliko usmjereni na prodaju da njihovi alati za dodavanje druge vrste sadržaja nisu baš tako sjajni. Wix vam nudi najbolje od obojeg, s mnoštvom odličnih alata za izradu sadržaja i moćnim kompletom značajki za izradu online trgovine.

Međutim, ako planirate prodavati puno proizvoda kroz vlastitu online trgovinu, onda vam definitivno preporučujem specijalizirani servis za izradu online trgovine kao što je Shopify. Servisi za izradu online trgovina imaju moćnije alate za upravljanje prodajom, a neki čak i omogućuju prodaju putem Instagrama i Facebooka.

Mogu li unajmiti nekoga da mi napravi web stranicu?

Da, to svakako možete! Ako nemate vremena za izradu vlastite web stranice ili biste se radije da se za to pobrine profesionalac, unajmite web dizajnera za samo $5 na Fiverru, najboljem servisu za jeftine freelancere.

Opcija 2: Korištenje WordPress-a

Servisi za izradu web stranica apsolutno su najlakši način za brzinsku izradu web stranica, ali mogu biti malo skuplje od korištenja WordPress-a. Ako tražite jeftiniju opciju, a ne smeta vam malo da uložite malo vremena u samu izradu web stranice, tada je WordPress možda pravi izbor za vas.

Sada postoje dvije verzije WordPress-a: WordPress.com, koja je pojednostavljena verzija i WordPress.org koji ima hosting. U ovom ćemo dijelu raspravljati o WordPress.org, koji nudi i hosting.

WordPress nije baš tako jednostavan za upotrebu kao drugi servisi za izradu web stranica, ali još uvijek je prilično jednostavan – veliki raspon besplatnih predložaka i dodataka pruža vam gotovo neograničene mogućnosti prilagođavanja vaše web stranice. Iako je proces nešto više tehnički zahtjevan, ne morate znati kako kodirati ili imati puno iskustva za izradu sjajne web stranice na WordPress-u. I samo kratka napomena, sučelje WordPressa je dostupno na hrvatskom jeziku, što znači da ćete moći vrlo jednostavno napraviti svoju web stranicu.

Detaljan vodič

1. Odabir hosting plana

Iako je WordPress sam po sebi 100% besplatan, trebat ćete se prijaviti za web hosting kako bi vaša web stranica postala dostupna online (za razliku od servisa za izradu web servisa, koji pružaju hosting po njihovim planovima). Za detaljnije savjete, pogledajte naš popis najboljih web hosting servisa u 2024.

Dostupno je puno opcija za odabir web hostinga – ali ovdje su oni koji uvijek zauzimaju najbolja mjesta u našim preporukama.

Kada birate servis za izradu svoje web stranice na WordPress-u, važno vam je da ima određene značajke:

• SSL certifikat. SSL certifikat čini vašu web stranicu sigurnom osiguravajući da vaša web stranica ima malu ikonu lokota u adresnoj traci web preglednika. Većina web hostinga nudi ga besplatno. Nakon što je vaša web stranica aktivna, možete provjeriti funkcionira li SSL certifikat na vašoj web stranici ispravno pomoću SSL Checker Tool alata.
• WordPress optimizacija. Najbolji web hosting servisi za WordPress imaju posebno optimizirane servere za poboljšanje performansi, tako da se vaše web stranice brže učitavaju.
• Sigurnosne značajke. Neki se hosting servisi nadoplaćuju za osnovnu sigurnost pa biste trebali pokušati pronaći onaj koji uključuje važne značajke kao što su zaštita od malwarea, firewall i automatske sigurnosne kopije.

2. Odabir naziva domene

Ovaj je postupak više-manje isti ako koristite WordPress kao i za druge servise za izradu web stranica. Neki hosting servisi uključuju besplatnu domenu na godišnjim planovima, ali ne i svi. Ako odaberete hosting koji ne nudi besplatno ime domene, možda će vam biti jeftinije kupiti domenu od treće strane nego kroz vaš web hosting. Možete odabrati ime domene za već $1 na nekim mjestima koja prodaju domene.

3. Korištenje opcije instalacije jednim klikom za instalaciju WordPress-a

Neki planovi hostinga dolaze s unaprijed instaliranim WordPressom. Ako ga vaš plan nema, nemojte paničariti – možete upotrijebiti program za instalaciju jednim klikom koji vam obično nudi hosting servis.

„Jednim klikom“ je možda pomalo pogrešan naziv, ali nije sasvim netočan – sa samo nekoliko klikova ovi alati postavljaju sve skripte i baze koje su vam potrebne da WordPress radi na vašoj web stranici. Sve što stvarno trebate učiniti je smisliti korisničko ime i zaporku koje želite koristiti za prijavu u WordPress kad instalacija završi.

Različiti hosting servisi mogu koristiti različite programe za instaliranje jednim klikom, ali u osnovi su svi isti, i svi su vrlo jednostavni za upotrebu.

4. Pristup WordPress-u preko hosting sučelja

Točan način na koji ćete pristupiti WordPress-u može se razlikovati ovisno o vašem web hostingu. No, u većini slučajeva pronaći ćete opciju za upravljanje svojom WordPress web stranicom na svojoj upravljačkoj ploči hostinga.

To ću vam demonstrirati pomoću SiteGround-a. Na snimci zaslona ispod možete vidjeti da postoji gumb za automatsku prijavu na nadzornu ploču na WordPress. Kod ostalih hosting servisa možda ćete morati upisati svoje WordPress korisničko ime i lozinku.

SiteGround nudi mogućnost instalacije WordPress-a jednim klikomAko vam je ovo prvi put da koristite WordPress, nadzorna ploča će vam se možda činiti kompliciranom, ali nemojte paničariti, upravljanje i kretanje je zaista vrlo jednostavno. Ispod je snimka zaslona nadzorne ploče sa svim važnim elementima koji će vam sigurno trebati.

WordPress upravljačkom pločom jednostavno je navigirati jednom kada znate gdje se sve nalazi!WordPress koristi neki žargon koji je drugačiji od servisa za izradu web stranica, tako da pojednostavljuje stvari, evo kratkog sažetka različitih odjeljaka WordPress nadzorne ploče:

5. Odabir teme

Teme u WordPressu vrlo su slične predlošcima drugih servisa za izradu web stranica. Najveća razlika je u tome što u WordPressu teme kontroliraju više od samo općeg stila/izgleda vaše web stranice. Određena tema često može uključivati određene dodatke (ili potrebne dodatke).

U ploči s temama, pogledajte sve teme koje ste instaliraliZadana tema koja dolazi uz WordPress prilično je osnovna, tako da ćete vjerojatno htjeti potražiti neku drugu. Srećom, alat za instalacije WordPress teme ovo značajno olakšava. Omogućuje vam pretraživanje WordPress baze tema za pronalazak i instaliranje bilo koje od tisuća besplatnih dostupnih tema u trenu. Možete čak instalirati i više tema i koristiti alat za prilagodbu te vidjeti kako će izgledati na vašoj web stranici prije nego što ju aktivirate.

Potražite, instalirajte i aktivirajte besplatne teme iz WordPress bazeOsim besplatnih tema koje nudi WordPress, možete kupiti tisuće premium tema trećih strana u trgovinama kao što suTemplateMonster i ThemeForest.

6. Dodavanje dodataka (pluginova)

Dodaci su slični aplikacijama koje nude drugi servisi za izradu web stranica – dodaju dodatne značajke vašoj web stranici koje nisu uključene u sam WordPress. Na primjer, možete instalirati dodatak za izradu obrasca za kontakt (npr. NinjaForms) ili napraviti online trgovinu koristeći WooCommerce. Velika je vjerojatno da ako vam padne na pamet neka značajka da za nju postoji dodatak, od SEO dodataka do izrade online portfelja.

U odjeljku za dodatke vidjet ćete instalirane dodatke kojima možete upravljati ili dodavati noveKoristite okvir za pretraživanje koji će vam pomoći pronaći potrebne dodatke. Ovdje možete saznati više o svakom dodatku, uključujući je li kompatibilan s vašom verzijom WordPressa, značajkama koje ima i što drugi korisnici misle o njemu.

U WordPressu možete jednostavno pronaći i instalirati dodatkePotreban je samo jedan klik za instalaciju dodatka, ali vaši će dodaci raditi na vašoj web stranici samo kada kliknete gumb “aktiviraj” na ploči s dodacima.

7. Izrada prve objave

Jedno od najčešćih pitanja koje mi se postavljaju o WordPressu tiče se razlike između stranica i postova (objava). U osnovi, stranice su statički sadržaj – tj. sadržaj na vašoj web stranici koji se ne mijenja često, kao što je stranica O nama. Postovi (objave) su dinamičniji – prikazuju se na stranici “bloga” ili na kategorijama vaše web stranice. Ključna razlika između stranica i objava je u načinu na koji ih WordPress prikazuje na vašoj web stranici.

Uređivač za izradu objava i stranica potpuno je isti, tako da je postupak izrade stranica i objava identičan. Na snimci zaslona ispod možete vidjeti da kad kliknete na “posts” (“Objave”), vidjet ćete popis postojećih objava (neke teme dolaze sa “demo” sadržajem), s gumbom Add New (Dodaj novi) na vrh.

Nadzorna ploča objava na WordPress-uKlik na gumb Dodaj novu odvest će vas u uređivač. Zadani uređivač WordPressa nekada je bio prilično osnovan, ali Gutenberg verzija koja je izašla uz WordPress 5.0, zajedno s 6.0 značajkama, nudi vam mnogo više fleksibilnosti. Gutenberg koristi “blokove” za izradu objava i stranica, zajedno s raznim izgledima (stupcima), odjeljcima i elementima.

U Gutenberg uređivač možete dodati više blokova pomoću besplatnih dodataka, a čak i promijeniti način na koji uređujete svoju stranicu uz pomoć dodataka za izgradnju stranice trećih strana.

Plugin za Gutenberg odjeljke omogućuje dodatne značajke u uređivačuVrste odjeljaka uključeni u standardni Gutenbergov uređivač:

• Paragraf
• Naslov
• Citat
• Slika
• Popis
• Istaknutu sliku
• Galerija
• Slideshow
• Tablicu
• Gumbe

Da biste odabrali element ili odjeljak, možete kliknuti ikonu „+“ na bočnoj strani ili upisati „/“ u prostor označen sa „start write or type/to select block“.

Uređivač objava i stranica na WordPress-u8. Objavite web stranicu

Za razliku od nekih servisa za izradu web stranica (kao što je Wix), WordPress nema specifičan gumb “Objavi! za cijelu vašu web stranicu. Čim napravite svoju web stranicu, ona postaje javna. No, postoje tri različita mjesta na kojima ćete pronaći WordPressove gumbe za objavu:

• U alatu za prilagođavanje na kojem ćete na vrhu ploče vidjeti gumb koji sprema promjene i omogućuje live pretpregled.
• Gore desno kod svake nove objave koju radite. Dok ne pritisnete Objavi, vaš je post samo skica i neće biti vidljiva na vašoj stranici. Ako se kasnije vratite na objavu, morate svaki put kliknuti Ažuriraj kako biste spremili promjene.
• U gornjem desnom kutu svake nove stranice koju napravite. Kao i kod objava, vaš je sadržaj samo skica dok ga ne objavite, a kada napravite izmjene, obavezno kliknite Ažuriraj ili vam promjene neće biti spremljene.

Tri mjesta na koja morate kliknuti kako biste objavili nešto

Razmislite o tome da potrošite $5 na web programera i uštedite si vrijeme

Ako nemate vremena ili se jednostavno ne želite baviti bilo kakvim problemima koji bi se mogli pojaviti pri izradi web stranice na WordPress-u, tada bi angažiranje profesionalaca za izradu (i možda održavanje) vaše web stranice mogla biti najbolja opcija.

Unajmiti programera sigurno vam zvuči skupo, no zahvaljujući usponu Fiverra, ne morate potrošiti pravo malo bogatstvo na izradu web stranice. Brzo sam pretražio Fiverr i pronašao mnoštvo profesionalaca koji nude izradu web stranice za samo $5!

Jeftini web developeri na Fiverr-u za samo $5Jedna od najboljih stvari u vezi s Fiverrom je ta što možete pregledavati primjere njihovog rada kako biste vidjeli mogu li napraviti ono što želite od vaše web stranice. Osim toga, s Fiverrom ste u potpunosti zaštićeni jer Fiverr ne odobrava plaćanje freelanceru dok niste zadovoljni njihovim radom.

WordPress – česta pitanja

Je li WordPress besplatan?

Tehnički gledano, da. Sama platforma je 100% besplatna, ali morat ćete platiti za web hosting i naziv domene (kliknite ovdje za popis najboljih web hostinga u 2024). Ako želite premium temu ili dodatak s nekog drugog branda ili servisa, morat ćete platiti određenu naknadu za njihovo korištenje na WordPressu.

Mogu li sam napraviti WordPress web stranicu?

Da, možete napraviti WordPress web stranicu bez da unajmite programera ili developera – ali ako ste novi u svijetu izrade web stranica, vjerojatno će vam Wix biti puno jednostavniji (i brži). WordPress je složeniji i lakše je pogriješiti prilikom izmjene postavki ili instaliranjem dodataka koji su u sukobu jedan s drugim.

Unajmiti developera za izradu vaše WordPress web stranice nije toliko skupo kao što zvuči! Zapravo možete pronaći profesionalnog developera na Fiverr koji će se uklopiti u svaki budžet.

Koja je razlika između WordPress.com i WordPress.org?

Glavna razlika između WordPress.com i WordPress.org je u hostingu. S WordPress.com, ne morate posebno plaćati hosting, ali morat ćete nadograditi na jedan od plaćenih planova (Business ili eCommerce) da biste koristili dodatke i temu koja nije iz njihove baze.

WordPress.org je “self-hosted”, što znači da hosting plaćate odvojeno. Imate potpunu kontrolu i slobodu s ovom verzijom, a može biti i puno jeftinije od WordPress.com.

Što je bolje, Wix, ili WordPress?

I za Wix i WordPress postoje prednosti i nedostaci. Wix je više prilagođen početnicima ali može koštati više WordPress-a čak i s kupnjom hostinga.

WordPress vam pruža veliku razinu fleksibilnosti i daje vam više mogućnosti za rast vaše stranice s vremenom, ali može biti zahtjevniji za savladavanje i potencijalno je više toga što može poći po zlu. Na primjer, ne kompatibilni dodaci mogu izazvati da stranica prestati raditi.

Trebam li poseban WordPress hosting plan, ili je jednostavan hosting dovoljan?

Ne treba vam poseban hosting plan za WordPress, jer će WordPress raditi na bilo kojem shared hosting planu koji ima instalacijski program jednim klikom. No, postoje određene prednosti pri odabiru hosting programa specifičnog za WordPress.

WordPress specifični hosting planovi mogu biti managed(upravljani) ili unmanaged (neupravljani). Uz neupravljane (unmanaged) planove, vaš hosting prilično je isti kao i osnovni hosting, ali vaša će web stranica biti na serverima koji su optimizirani za WordPress i možda ćete imati pristup nekim dodacima za optimizaciju.

Upravljani (managed) WordPress hosting je verzija koju možete koristiti bez problema, jer se vaš hosting servis brine za sve, od ažuriranja, sigurnosnih opcija (ovisno o hostingu) i sigurnosnih kopija, tako da možete jednostavno započeti s izradom svoje web stranice. Pogledajte naš popis najboljih upravljanih WordPress hosting servisa u 2024.

Prelazak vaše web stranice na sljedeću razinu

Sada kada ste napravili svoju web stranicu, vrijeme je da je podignete na višu razinu. Prema mom iskustvu nikada niste u potpunosti završili s izradom web stranice, jer je uvijek možete ažurirati, mijenjati stvari i poboljšati je. Želite da ljudi počnu posjećivati vašu web stranicu što je prije moguće. Srećom, postoje brojne stvari koje možete učiniti da povećate svoju publiku i pružite posjetiteljima svoje stranice bolje iskustvo.

Dizajn logotipa

Ne morate imati logotip prije nego što započnete s izradom web stranice, ali logotip čini vašu web stranicu profesionalnijom i može vam pomoći u izgradnji vašeg branda.

Vaš logotip govori puno o vama, tako da je važno izdvojiti vrijeme da ga napravite. Trebate uzeti u obzir trendove dizajna – na primjer, jeste li razmišljali o tome koju paletu boja voli vaša ciljana publika? Pročitajte najnovije logo statistike koje je objavio Fortune 500 koji se bazira na istraživanje logotipa.

Postoje dva načina kako možete nabaviti logotip – i oba su pristupačna. Moj kolega je zapravo testirao sve popularne servise za dizajn logotipa kako bi pronašao novi logotip za web stranicu Website Planet. Pročitajte sve o njegovim testiranjima i pogledajte tko je uvjerljivo najbolji, pročitajte našu detaljnu usporedbu najboljih servisa za izradu logotipa.

1. Napravite logo sami uz Online Logo Maker

DIY metoda može zvučati kao najjeftiniji način za izradu logotipa – ali ne mora značiti. Većina servisa za izradu logotipa može se besplatno isprobati, ali morat ćete platiti za preuzimanje i korištenje vašeg logotipa. Postoji nekoliko besplatnih servisa za izradu logotipa, ali su vrlo osnovni i ne preporučujem ih. Također morate provjeriti koji servisi nude opciju izrade logotipa na hrvatskom jeziku.

Moji najdraži DIY servisi za izradu logotipa su Wix Logo Maker. Ovaj alat koristi AI (umjetna inteligencija) za generiranje ideja na temelju vaših osobnih preferencija. Kad uočite dizajn koji vam se sviđa, možete prilagoditi sve, od fonta do palete boja. Možete čak preuzeti i besplatnu verziju vašeg logotipa (koji nije HQ), ali možete ga upotrijebiti kako biste vidjeli kako bi izgledao na vašoj web stranici i društvenim mrežama prije nego što se odlučite za kupnju.

2. Unajmite dizajnera

Unajmiti logo dizajnera može zvučati pomalo skupo – no na Fiverr-u možete dobiti profesionalno dizajniran logo za samo $5. Većina Fiverr dizajnera prikazuje primjere logotipa koje su već napravili kao dio svog portfelja, što olakšava pronalazak nekoga tko nudi stil koji tražite. Sami smo testirali par Fiverr-ovih logo dizajnera i bili smo zaista impresionirani kvalitetom gotovih logotipa.

Uz logotip, morat ćete generirati i favicon – to je mala slika koju obično vidite na karticama preglednika pored naziva web stranice i u vašim oznakama. U nekoliko sekundi možete napraviti favicon s našim odličnim alatom za izradu favicona.

Optimiziranje web stranice

Čak i ako napravite nevjerojatnu web stranicu, ona se neće prikazati na prvoj stranici rezultata pretraživača (SERPs) bez ikakve optimizacije. Optimizacija vaše web stranice uključuje optimizaciju za tražilice (SEO), analizu vašeg prometa i razumijevanje onoga što vaša publika traži.

Za SEO postoji nekoliko odličnih alata pomoću kojih možete pojednostaviti optimizaciju. Jedan od najboljih dostupnih alata je SEMrush (pogledajte naš Vodič za korištenje SEMrush-a), ali postoje i druge mogućnosti ako vam je SEMrush skup. Testirali smo neke od najboljih SEO alata kako bismo vam mogli pomoći u odabiru najboljeg.

Izrada pravog sadržaja za vaše web stranicu može se činiti izazovnom, no koristeći analitiku i alate kako biste saznali više o svojoj publici (gdje žive, o njihovoj dobi, spolu i slično), možete bolje prilagoditi svoj sadržaj. Pročitajte naše Vodič za Google Analytics da biste vidjeli kako najbolje iskoristiti alate za analitiku. Također možete koristiti alate poput Answer the Public da biste saznali što ljudi traže. Pogledajte naš Vodič za Answer the Public za više informacija.

Povećajte svoju publiku putem e-mail marketinga

E-mail marketing jedan je od najboljih načina za povećanje publike – a na tržištu je dostupno i puno alata koji će vam pomoći da dosegnete marketinške ciljeve.

E-mail marketing je moćna opcija za povećanje rasta vašeg poslovanja. Ima i visoku stopu klikova (CTR) – čak 100 puta bolju od kanala na društvenim mrežama poput Twittera. Možete koristiti e-mail marketing kako biste kupcima ponudili popuste i promocije, potaknuli ih da dijele vaš brand s drugima i ponudili besplatne resurse da posjetitelji prijave na vaš newsletter.

Kako biste maksimalno iskoristili ovu vrstu marketinga, morat ćete razmisliti o učestalosti slanja e-mailova, korištenju automatiziranih e-mailova i što staviti u svoje newslettere. Za više informacija, pogledajte našu kolekciju najvažnijih e-mail marketing alata.

Testirali smo i isprobali najbolje platforme za e-mail marketing. Nemate vremena pročitati hrpu recenzija? Bez brige, evo kratkog pregleda našeg omiljenog rješenja za e-mail marketing.

• ActiveCampaign – ovo je nesumnjivo servis za e-mail marketing s najviše značajki na tržištu. Vodeći je u industriji za automatizaciju, ima 880+ integracija te najbolji povuci i ispusti uređivač koji sam testirao. S toliko mnogo značajki potrebno je neko vrijeme za savladavanje, ali s velikom bazom znanja i timom za podršku, zbilja vrijedi vašeg vremena.
• Sendinblue – budući da nudi SMS marketing kao i alate za e-mail marketing, Sendinblue ima povoljno rješenje koje je jednostavno koristiti. Ima čak i velikodušan besplatni plan. Možete kreirati automatizirane e-mailove, dodavati radne tokove i koristiti opciju “pošalji u najbolje vrijeme”.
• AWeber – budući da nudi jedinstven alat za izradu kampanje “povuci i ispusti”, AWeber vam daje sve što vam je potrebno za uspješan e-mail marketing. Vrlo je prilagođen početnicima, ali ima i kompleksnije značajke, kao što su funkcije split-testiranja i može se spojiti na više od 5000 aplikacija uz Zapier.
• Constant Contact – sa stotinama e-mail obrazaca na odabir i 30-dnevnim besplatnim probnim rokom (60-dnevnim ako ste u SAD-u), Constant Contact je odličan izbor. Odličan je za kreiranje automatiziranih e-mailova i zbilja je jednostavan za korištenje, što znači da možete odmah početi.
• Benchmark Email – s podrškom za više jezika, Benchmark Email je vrhunski izbor ako vaš materinski jezik nije engleski. Ima i besplatan plan koji vam omogućava slanje do 3,500 e-mailova mjesečno. Odličan je za početnike, ali ima naprednije alate koje možete koristiti kako se upoznajete s platformom.
• GetResponse – više od samo platforme e-mail marketinga, GetResponse je multifunkcionalna platforma koja spaja marketing, upravljanje odnosima s kupcima (CRM) i značajke webinara. A dostupna je i 30-dnevna probna verzija.

Zaključak

Pokrili smo i opisali jako puno informacija koje se početnicima sigurno čini previše. No, ukratko, evo nekoliko ključnih stvari iz našeg vodiča za izradu vlastite web stranice:

• Servisi za izradu web stranica su odlična opcija za početak, pogotovo ako ste početnik. Wix je jedan od najfleksibilnijih od svih koji vam omogućava da započnete s osnovama i dodate naprednije aplikacije kasnije.
• WordPress se često smatra jednim od težih servisa za izradu web stranica, no nudi mnogo više slobode. Ovo je i jeftiniji način da imate web stranicu, s puno dostupnih jeftinih website hosting planova.
• Ako nemate vremena sami napraviti web stranicu, možete unajmiti developera na Fiverr-u za samo $5. Tko je rekao da će angažiranje profesionalca biti skupo?
• Izrada vaše web stranice nije kraj procesa. Možete nastaviti optimizirati i promovirati svoju web stranicu alatima za SEO, analitiku i marketing.

Svatko može napraviti web stranicu i nije važno jeste li početnik ili samo imate mali budžet. Zabavite se izrađujući svoju web stranicu!