Kako Napraviti Sajt?

Last Updated: 10 September, 2021.

Korak 1 : Odaberite platformu svoje web stranice


Da biste izgradili web stranicu, prvo morate odlučiti s kojom platformom ćete graditi svoju web stranicu.

Što mislim pod “platformom”?

Pa, 2005. kada sam počeo s web razvojem, većina web stranica stvorena je pomoću HTML -a (koda), CSS -a i PHP -a. Svakom od njih trebalo je puno vremena za učenje i bilo ga je teško savladati.

Zato većina ljudi i dalje misli da je postavljanje web stranice od nule teško ili zahtijeva mnogo vještina kodiranja i dizajna – ali to više nije istina.

Sustavi za upravljanje sadržajem (CMS) poput WordPressa 2021. učinili su stvaranje web stranice dostupnom svima.

Jednostavno rečeno, CMS (ili platforma za izradu web stranica) je platforma prilagođena korisnicima za izradu web stranica i upravljanje vlastitim mrežnim sadržajem, umjesto stvaranja web stranice od nule pomoću HTML-a, PHP-a i drugih jezika za kodiranje.

Popularne platforme za izradu web stranica 2021

Kako bi bolje razumili koji su najpopularniji sustavi za upravljanje sadržajem, iskopao sam neke novije statistike iz W3 Techs  i  BuiltWith .

Samo pogledajte ovaj grafikon u nastavku:

Kao što vidite, gotovo polovica internetskih stranica radi na platformi WordPress .

No, što ih čini boljom opcijom od drugih?

Zašto koristiti WordPress, a ne druge graditelje web stranica?

  • 1. BESPLATNO je (bez ponovnog plaćanja, otvoreni izvor)

Za razliku od graditelja web stranica ili softvera za web dizajn, WordPress ne košta za preuzimanje, instaliranje ili korištenje. Izgradili su ga web programeri i postoji velika zajednica programera koji su osmislili prekrasne besplatne teme i predloške , što olakšava brzo pokretanje .

  • 2. Vrlo je prilagodljiv i jednostavan za korištenje

Ako znate koristiti Google dokumente, već znate dodati vlastiti sadržaj. WordPress se može lako proširiti besplatnim dodacima za rukovanje gotovo svim web stranicama koje možete zamisliti-od web stranica za male tvrtke do web stranica za e-trgovinu. Uz WordPressove „dodatke“ moći ćete dodavati obrasce za kontakt, obrasce za pretplatu, galerije slika, trgovine itd. Za svoju web stranicu. A sve je prilično jednostavno.

  • 3. Vaša će web stranica biti ” responzivna” . Što znači da će raditi i na pametnim telefonima i tabletima

Web stranica koju izradite odmah će reagirati i izgledati sjajno na svakom mobilnom uređaju, pametnom telefonu i tabletu. Za to nije potrebno angažirati web programera.

  • 4. Pomoć dostupna od zajednice

S toliko ljudi koji koriste platformu (webmasteri, vlasnici malih tvrtki, blogeri), lako je pronaći brzu pomoć kad vam zatreba. Možete dobiti pomoć od ovdje besplatno ili možete iznajmiti tisuće WordPress developera.

Zapravo, i OtvoriSajt.com sam izgradio  koristeći WordPress.

Postoje li dobre alternative za WordPress?

Postoje neke.

No, ipak bih koristio WordPress.

  • Wix je graditelj web stranica jednostavan za korištenje s jednostavnim korisničkim interfejsom, ali ima veće troškove, nije prikladan za veća web mjesta i nemoguće je premjestiti vaše web mjesto ako se ukaže potreba.
  • Squarespace  je vrlo estetski lijep graditelj web stranica koji olakšava izradu lijepih web stranica, ali dolazi po višim mjesečnim troškovima i nema funkciju premještanja vaše web stranice.
  • Drupal je moćna platforma popularna među iskusnim programerima i web programerima, ali ima visoku krivulju učenja zbog čega nije najbolja opcija za početnike.
  • Joomla je gotovo poput WordPressa i dobar je alat za izradu web stranica, ali zahtijeva barem osnovno razumijevanje načina pisanja koda kako bi stvari funkcionirale onako kako želite.

ŠTO DALJE?

U ovom trenutku ne morate tražiti WordPress. Trenutno ga ne morate instalirati niti preuzimati.

Kako biste bili sigurni da je vaša web stranica ispravno postavljena, važno je dovršiti sljedeće korake u nastavku:

Kvačica

U 2. koraku provest ću vas kroz postupak odabira naziva domene i pronalaženja hostinga za smještaj vaše web stranice.

Kvačica

U 3. koraku pokazat ću vam kako instalirati i prilagoditi svoju web stranicu WordPress. Ne brinite – provest ću vas kroz proces, s puno slika kao referencom.


Korak 2 : Pronađite naziv domene i hosting


Potpuno otkrivanje podataka : Ovaj vodič podržava čitatelj. Ako kliknete na naše veze, možemo zaraditi proviziju. Hvala što nas podržavate.

Da biste dobili novu web stranicu na mreži, trebate dvije stvari:

  • Naziv domene (web adresa poput otvorisajt.com)
  • Web hosting (usluga koja povezuje vašu web stranicu s internetom)

Sama WordPress platforma je besplatna, ali hosting i naziv domene nisu. Međutim, ukupni trošak i dalje nije puno velik, s oko 3 do 5 USD mjesečno.

Da biste izgledali profesionalno, morate imati vlastiti naziv domene, umjesto besplatne domene koja pripada nekom drugom (na primjer, yourbusiness.my-free-website.com.)

Kvalitetna usluga hostinga također će vam pomoći da se pobrinete da se vaša web stranica neće pokvariti i da se brzo učitava (vrlo važno za sve koji posjete vaše stranice.)

Gdje mogu dobiti naziv domene i hosting?

Uglavnom sam koristio  www.Bluehost.com  kao web hosting i registra domena za sebe i za svoje web razvojne projekte.

Njihovo web mjesto za hosting košta manje od ulaznice za kino. I ubacuju gratis BESPLATNO ime domene (što je lijepo imati).

Naravno, možete isprobati druge pružatelje web hostinga, pa čak i sami pokušati ugostiti svoju web lokaciju, ali to je vrlo kompliciran proces i često ne bi mogao poslužiti posjetiteljima vaše web stranice. Zato uštedite novac i nabavite odgovarajući web hosting.

Pomoću vlastitog naziva domene možete dobiti i profesionalni račun (e) e -pošte kao što je, vaše ime@Vaša web stranica.com – ovo je mnogo profesionalnije od obične Yahoo ili Gmail adrese, posebno ako vam je potrebno više računa e -pošte.

Već imate naziv domene i hosting? Samo naprijed i preskočite na korak 3 , gdje ću vam objasniti kako možete postaviti svoju web stranicu.

Kakav naziv domene trebam izabrati?

Prilikom odabira naziva domene morate imati na umu nekoliko pravila:

  • Ako postavljate poslovnu web stranicu , naziv vaše domene trebao bi se podudarati s nazivom vaše tvrtke. Na primjer:  ImeVaseFirme.com
  • Ako planirate napraviti osobnu web stranicu  za sebe,  VaseIme.com  može biti izvrsna opcija.

Za ovu stranicu ( OtvoriSajt ) odabrao sam OtvoriSajt.com

Nazivi domena obično završavaju s .com, .org ili .net, no u novije vrijeme izašao je veliki broj ekstenzija domene (posljednji dio web adrese, poput .com ili .org), u rasponu od .blog do .io.

Moj najbolji savjet? Izbjegavajte neobične ekstenzije i idite na .com, .net ili .org osim ako precizno opisuju vašu web stranicu – pa čak i tada, obično je bolje koristiti uobičajenije ekstenzije.

Imate li dodatne savjete za odabir naziva moje domene?

Nekoliko stvari vam može pomoći pri odabiru naziva vaše domene:

#1 Je li moguće brendirati?  Na primjer, ako napravite web stranicu o poeziji, onda web stranica best-poetry-website.net nije dobar izbor: poeticadecna.com ili poezijafall.com je mnogo bolja.

#2 Je li lahko za zapamtiti?  Kratke, jednostavne i jasne nazive domena mnogo je lakše zapamtiti. Ako je naziv vaše domene previše nejasan, predug ili je napisan na čudan način, posjetitelji ga mogu zaboraviti.

#3 Je li privlačan? Želite naziv domene koji se otkotrlja s jezika, opisuje ono što vi (ili vaše poduzeće) radite i zabija vam se u glavu. Smišljanje cool imena može biti malo teško jer trenutno u svijetu postoji više od 200 milijuna aktivnih naziva domena  – ali nemojte odustati.

Postoji jedno pravilo koje uvijek vrijedi za nazive domena:  Ako vam se sviđa, nastavite.

ŠTO DALJE?

Kvačica

Napravite malo mozganja kako biste smislili jedinstveno ime domene koje odražava vašu buduću web stranicu, posao ili blog.

Kvačica

Osigurajte svoj web hosting i naziv domene. U tu svrhu preporučujem korištenje Bluehost.com , ali možete odabrati bilo koji hosting koji je pouzdan.

AŽURIRANJE: Napravio sam jednostavan vodič o tome kako započeti s Bluehostom ( koji paket hostinga odabrati i kako instalirati WordPress ).

Korak 3 : Postavite web stranicu i počnite s dizajnom


Ako imate bilo kakvih pitanja/prijedloga za ovaj vodič, ne ustručavajte se  kontaktirati me . Upamtite: ovdje sam da vam pomognem!

1. Instalirajte WordPress web mjesto

Postoje dva moguća načina za instaliranje WordPressa, jedan MNOGO lakši od drugog.

1. ZA IZRADU WEB STRANICE S WORDPRESS-om, KORISTITE INSTALACIJU JEDNIM KLIKOM:

Gotovo sve dobro uspostavljene i pouzdane web hosting tvrtke ovih su dana integrirale instalaciju jednim klikom za WordPress.

Ako ste se odlučili prijaviti na Bluehost ili bilo koju drugu sličnu tvrtku za hosting, trebali biste pronaći “instalaciju jednim klikom” bilo u procesu stvaranja računa ili na upravljačkoj ploči računa.

Na primjer, ovo su koraci koje morate slijediti da biste instalirali WordPress na Bluehost (postupak je vrlo sličan ili čak isti u svim najpopularnijim web hosting tvrtkama):

  1. Idite na Bluehost.com
  2. Odaberite svoj plan hostinga (najjeftiniji plan je u redu)
  3. Ako već imate domenu, upišite je tamo
  4. Ispunite svoje podatke i odaberite duljinu vašeg hostinga (možete ukloniti “Dodatke”).
  5. Prođite kroz postupak plaćanja i stvorite svoj račun
  6. Prijavite se na Bluehost te pomoću programa “WordPress install-one-click install” instalirajte WordPress

2. RUČNA INSTALACIJA (ako vaš davatelj usluga web hostinga nema jednostavan način za to)

Ako iz nekog čudnog razloga (neke tvrtke za hosting ne pružaju instalaciju jednim klikom za WordPress) nemate mogućnost automatske instalacije WordPressa, pogledajte ovaj  priručnik u  nastavku:Ručno instaliranje WordPress -a

2. Odaberite temu za svoju web lokaciju (besplatnu ili premium)

Za sljedeći korak bavit ćemo se temama WordPressa i načinima na koje ih možemo koristiti i prilagoditi.

WordPress teme predlošci su dizajna koji mijenjaju izgled vaše web stranice puno brže i lakše.

Srećom, WordPress ima hrpu tema za odabir. Samo službeni direktorij tema WordPress sadrži više od 8.000, koje su potpuno besplatne za korištenje.

Temama možete pristupiti izravno iz WordPressa bez potrebe za navigacijom na vanjsko mjesto.

U tu svrhu jednostavno idite na Izgled> Teme , a zatim kliknite veliki znak + koji kaže Dodaj novu temu .

Zatim pomoću trake za pretraživanje pronađite temu koja odgovara vašim potrebama.

Možete kliknuti na bilo koju temu na popisu da biste vidjeli njezin demo i pročitali više o njezinim značajkama na zaslonu Pojedinosti i pregled .

Nakon što pronađete temu koja vam se sviđa, instalirajte je klikom na gumb Instaliraj na zaslonu Pojedinosti i pregled .

Nakon što je postupak instalacije dovršen, kliknite gumb Aktiviraj koji se prikazuje na mjestu gdje je nekada bio gumb Instaliraj .

Ako ono što je dostupno u službenom imeniku tema ne odgovara vašim potrebama, provjerite vrhunska tržišta tema, kao što su:

3. Dodajte sadržaj (stranice i postovi)

Prije nego što dođete do prilagodbe web stranice, morate imati neki sadržaj na svojoj web lokaciji.

Uostalom, teško je prilagoditi svoju web lokaciju ako na njoj nema ničega za prikaz. Ono što vam treba u smislu sadržaja ovisit će o temi vašeg web mjesta i vašim ciljevima.

Međutim, postoji nekoliko ključnih stranica koje ima gotovo svako web mjesto:

  • Početna stranica
  • Stranica o nama
  • Stranica za kontakt

Prilikom odlučivanja koje stranice dodati , razmislite koje bi informacije bile od najveće pomoći vašim posjetiteljima. Također ćete morati razmisliti o vizualnom sadržaju, poput fotografija.

Radi olakšavanja stvari, neke WordPress teme dolaze s predlošcima stranica za određene vrste stranica. Drugi također imaju više od jedne mogućnosti izgleda za svaku stranicu.

Da biste to iskoristili, idite na Izgled> Prilagodi .

U ovom primjeru za izradu web stranice koristimo najnoviju zadanu temu WordPressa, Twenty Twenty-One. Prema zadanim postavkama koristi statičku stranicu kao početnu stranicu koju možete konfigurirati u postavkama početne stranice . Pomoću padajućeg izbornika odaberite stranicu koju želite postaviti kao početnu stranicu svoje web stranice.

Alternativno, ako želite da vaša početna stranica sadrži vaše najnovije postove na blogu, označite odabir opcije Vaši najnoviji postovi .

Potvrdite svoj odabir klikom na Objavi u gornjem lijevom kutu.

Nakon toga možete prijeći na stvaranje novih stranica za svoju web lokaciju. Za to na glavnoj nadzornoj ploči idite na Stranice> Dodaj novo .

4. Uvjerite se da je vaša web stranica dobro organizirana

Zamislite svoju web stranicu kao knjižnicu.

Struktura vaše web stranice postat će sve važnija što više sadržaja dodate svojoj web stranici.

Kada učite kako izraditi web stranicu, morate steći znanje o organizaciji svoje web stranice na način koji ima smisla za vaše posjetitelje.

Ključni dio ovdje je navigacijski izbornik. Nakon što ste izradili neke stranice, vrijeme je da ih učinite dostupnima svojim posjetiteljima na web mjestu. To možete učiniti pod Izgled> Izbornici

Prvi korak ovdje je da svom novom izborniku date ime, a zatim kliknite Izradi izbornik .

Nakon toga možete odabrati koji ćete sadržaj dodati s lijeve strane. Na primjer, označite okvire pored stranica koje želite prikazati u izborniku, a zatim kliknite Dodaj u izbornik .

Stavke izbornika možete povući i ispustiti prema željenom redoslijedu, pa ih čak i pretvoriti u pod-stavke premještajući ih ispod drugih, kao što je dolje. Nakon što ste zadovoljni, odaberite položaj izbornika na kojem želite da se ovaj izbornik prikazuje (u ovom slučaju primarni izbornik ).

Ponovno kliknite Spremi izbornik i idite na web stranicu kako biste vidjeli novi izbornik na djelu.

5. Dodatne mogućnosti prilagođavanja

Za dodatne mogućnosti prilagodbe vratite se na Izgled> Prilagodi . Kad pogledate oko sebe, vidjet ćete da nudi mnogo više mogućnosti za izmjene na vašoj web lokaciji. Možete izmijeniti druge dijelove svoje web stranice poput:

  • Naslov i slogan
  • Boje
  • Tipografija
  • Pozadinska slika
  • Izbornici
  • Widgeti

Također možete prilagoditi svoju početnu stranicu, stranicu bloga i dodati prilagođeni kod. Opcije koje se pojavljuju razlikovat će se ovisno o temi koju ste instalirali.

Osim prilagođavanja tema, za WordPress dostupni su i mnogi dodaci , besplatni i premium. Samo u službenom direktoriju dodataka za WordPress možete pronaći blizu 60.000 dodataka koji mogu dodati sve vrste novih značajki i funkcionalnosti na vaše web mjesto.

Da biste instalirali nove dodatke, idite na Dodaci> Dodaj nove .

Predstavljamo vam popis trenutno najpopularnijih dodataka. Koristite polje za pretraživanje da pronađete sve što vam je potrebno.

Da biste dodali dodatke na svoju web lokaciju, pritisnite gumb Instaliraj odmah . Pričekajte dok se ne preuzme, a zatim kliknite Aktiviraj . Sve dodatke na svojoj web stranici možete pronaći, kao i mogućnost njihovog aktiviranja, deaktiviranja i brisanja u odjeljku Dodaci u glavnom izborniku WordPressa.

Što se tiče dodataka koje trebate instalirati, neki izbori vrijedni razmatranja uključuju:

  • Yoast SEO -Vrhunski dodatak za optimizaciju tražilice koji dodaje upite za optimizaciju stranice na svaku stranicu i post plus mogućnost prilagođavanja oznaka društvenih medija Open Graph.
  • Jetpack – uključuje širok raspon značajki za poboljšanje brzine web stranice, optimizaciju, integraciju društvenih medija, digitalni marketing, obrasce za kontakt i pretraživanje web mjesta.
  • Smush – Ovaj dodatak komprimira slike koje se prenose na WordPress, što štedi prostor za pohranu i ubrzava vrijeme učitavanja stranice.
  • WooCommerce -Ovo je najpopularniji dodatak za trgovinu e-trgovine za WordPress i olakšava postavljanje internetske trgovine. Više o tome u nastavku.
  • MonsterInsights – Ovaj dodatak dodaje Google Analytics na vašu WordPress nadzornu ploču.

Ako želite još veću kontrolu nad izgledom vaše web stranice, možete instalirati dodatak za izradu stranica. Ovi dodaci dodaju funkcionalnost povlačenja i ispuštanja na vašu web stranicu, što znači da možete vizualno izgraditi čitave web dizajne-ne samo pojedinačne stranice i postove. Nekoliko popularnih izbora uključuju:

  • Elementor -Ovaj sve-u-jednom graditelj web stranica nudi vizualno uređivanje web stranice, brzo učitavanje i veliki izbor predložaka za odabir.
  • Divi – Diviziran od strane Elegant Themes, Divi nudi još jedan jednostavan način prilagođavanja web stranica.
  • Beaver Builder -Dodatak za izradu stranica jednostavan za korištenje koji značajno ubrzava izradu web stranica.

6. Dodajte blog

Ne treba svakoj web stranici blog. Međutim, njihovo stvaranje može biti dobra ideja za redovito objavljivanje sadržaja, prikazivanje svoje stručnosti i pružanje dodatne vrijednosti posjetiteljima.

Da biste dodali blog u WordPress, najprije morate odabrati stranicu bloga. Gore sam već spomenuo da svoju stranicu možete konfigurirati tako da automatski prikazuje vaše najnovije postove. Međutim, ako umjesto toga želite namjensku stranicu bloga i zadržite svoju početnu stranicu statičnom, najprije je morate stvoriti.

Ovo je jednostavno kao postavljanje prazne stranice ( Stranice> Dodaj novu ), imenovanje Blog (ili što god želite, ali Blog ima smisla jer će automatski stvoriti adresu yoursite.com/blog za vašu stranicu bloga) i objavljivanje . Zatim je odaberite kao svoju stranicu postova ili pod Izgled> Prilagodi> Postavke početne stranice ili pod Postavke> Čitanje .

Kad se spreme, svi postovi na blogu automatski će se pojaviti na odabranoj stranici. Ne zaboravite ga dodati u svoj navigacijski izbornik!

Da biste na svoju web stranicu dodali postove na blogu, idite na Postovi> Dodaj novo .

Ovo će vas odvesti do istog uređivača sadržaja koji ste ranije koristili za svoje stranice. Dodajte naslov i sadržaj svom postu na blogu. Uključite slike, zaglavlja, popise i sve ostalo što vam je potrebno. Na bočnoj traci s desne strane također ćete pronaći mogućnosti primjene kategorija i oznaka, definiranja odlomka i postavljanja istaknute slike.

Kada završite s unošenjem promjena, kliknite Objavi. Vaš prvi post je dovršen, bravo!

7. Dodavanje internetske trgovine

Ne treba svakoj web stranici trgovina. Ali ako želite znati napraviti web stranicu i uključiti internetsku trgovinu, nastavite čitati.

Najpopularniji dodatak za tu svrhu je WooCommerce .

Možete ga brzo postaviti, nudi mnogo mogućnosti plaćanja i širok raspon optimiziranih tema za stvaranje internetske trgovine. Osim toga, na raspolaganju su vam različite ekstezijea za kupnju kako biste prilagodili svoju web lokaciju vašim potrebama.

Slijedite ovaj vodič kako biste saznali kako dodati internetsku trgovinu na svoju web stranicu .

8. Konfigurirajte SSL

SSL na vašoj web stranici znači da su podaci koji se šalju posjetiteljima vaše web stranice zaštićeni. SSL je važan čimbenik rangiranja pretraživanja i bitno je osigurati pozitivno korisničko iskustvo dajući prednost privatnosti i sigurnosti korisnika.

Da biste provjerili je li SSL aktivan na vašoj novoj web stranici s Bluehostom, učinite sljedeće:

  1. Prijavite se na Bluehost.
  2. Idite na Moja web mjesta .
  3. Kliknite Upravljanje web lokacijom .
  4. Na sljedećem ekranu pronađite karticu Sigurnost .
  5. U odjeljku koji kaže Sigurnosni certifikat provjerite svoj besplatni SSL certifikat ili SSL certifikat: Let’s Encrypt status. Prekidač treba biti uključen .
  6. Provjerite je li SSL postavljen tako da ponovno posjetite svoju web lokaciju. Ikona brave trebala bi se pojaviti pored naziva domene u adresnoj traci vašeg web preglednika.

9. Pokrenite svoju web stranicu WordPress

Kad vaša web stranica bude spremna, vrijeme je da je službeno pokrenete. Ponovno provjerite svoje postavke i još jednom ispravite svoje postove i stranice. Ako sve izgleda dobro, kliknite vezu na vrhu nadzorne ploče na kojoj piše Coming Soon Active .

Nakon toga pomaknite se prema dolje i pritisnite gumb na kojem piše Pokreni svoju web lokaciju.

Sada možete provjeriti svoju web stranicu.

Kliknite svaku stranicu kako biste bili sigurni da sve veze funkcioniraju, da vaš tekst izgleda dobro i da su vaše slike pravilno oblikovane ( ovaj popis možete upotrijebiti za referencu ).

Čestitamo! Sada ste ponosni vlasnik nove web stranice.

Naučiti kako napraviti web stranicu nije mali podvig , čak ni uz detaljan vodič koji će vam pomoći na tom putu.

Istodobno, može biti vrlo zadovoljavajuće kada steknete novu vještinu i počnete vidjeti da se vaš trud isplati.

Ali nemojte stati ovdje. Iskoristite svoje novo znanje kako biste naučili više i implementirali složenije funkcionalnosti i značajke. Na ovaj način nećete naučiti samo kako napraviti web stranicu, već upravo onu koju želite.

Recent Articles

spot_img

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here

Stay on op - Ge the daily news in your inbox