Dvoje ljudi za stolom u jutarnjem svjetlu, rade na prijenosnom računalu tijekom učenja izrade web stranica

WordPress Objavljivanje Ova stranica

WordPress i objava stranice na serveru

WordPress je u hrvatskim programima web dizajna najčešće završnica, korak u kojem gotov dizajn postaje stvarna stranica dostupna na internetu. Ova stranica objašnjava što WordPress pokriva, gdje su mu granice i što od toga vrijedi naučiti na tečaju.

Usporedite tečajeve Što WordPress pokriva

Objava na serveru je korak u kojem stranica prestaje biti vježba u lokalnoj mapi. Ako želite vidjeti gdje se WordPress uči u odnosu na HTML, CSS i UX/UI, usporedba programa pokazuje razlike u sadržaju i redoslijedu.

Zašto WordPress dominira u tečajevima

WordPress se pojavljuje kao praktičan alat za implementaciju web stranice u gotovo svakom hrvatskom programu koji pokriva objavu. Razlog je jednostavan: omogućuje izradu sadržajnih stranica bez dubokog programiranja.

Za polaznika to znači brz rezultat. Umjesto da tjednima uči serversku administraciju, naučite postaviti temu, prilagoditi je i objaviti sadržaj. Stranica postoji na internetu, a ne u lokalnoj mapi. Ta prečica ima cijenu, ali o njoj više u nastavku.

Osoba radi u sučelju za uređivanje sadržaja na prijenosnom računalu tijekom tečaja web dizajna

Brz put do rezultata

Postavljanje teme i objava sadržaja ne traže serversko predznanje, pa prva stranica nastaje unutar prvih susreta.

Prečica ima cijenu

Gotovo rješenje pokriva uobičajene potrebe, ali svaka prilagodba izvan zadanog okvira traži CSS, a ponekad i PHP.

Što konkretno WordPress pokriva

WordPress pokriva nekoliko slojeva. Prvi je postavljanje i osnovna konfiguracija. Drugi je odabir i prilagodba teme. Treći je unos sadržaja kroz uređivač i organizacija stranica i objava. Uz to dolaze dodaci koji proširuju funkcionalnost: obrasci, galerije, osnovna optimizacija. Za većinu malih i srednjih stranica to je dovoljno bez ikakvog koda.

Postavljanje i konfiguracija Instalacija, osnovne postavke i pristup administraciji.

Tema i njezina prilagodba Izgled stranice kroz postavke, bez pisanja koda.

Sadržaj, stranice i objave Unos kroz uređivač i osnovna organizacija sadržaja.

Dodaci i proširenja Obrasci, galerije i osnovna optimizacija stranice.

Programi poput Edukacentra navode WordPress uz Adobe Photoshop i HTML, što pokazuje da se uči kao dio procesa od dizajna do implementacije. Učiona pak ne stavlja WordPress u prvi plan, nego HTML, CSS i responzivni dizajn, što je drugačiji pristup istom cilju.

Teme, prilagodbe i granice bez koda

Tema određuje izgled stranice. Danas postoje gotove teme za gotovo svaku namjenu, a većina ih se može prilagoditi kroz postavke bez pisanja koda. Granica se pojavljuje kada želite nešto što tema ne predviđa. Tada treba znati CSS, a ponekad i malo PHP-a. Bez tog znanja, svaka prilagodba postaje zid.

Bez koda

Izgled, boje i raspored kroz postavke teme.

Uz malo CSS-a

Sitne izmjene razmaka, tipografije i rasporeda elemenata.

Kad tema ne predviđa

Tu počinje vlastiti kod, u predlošku ili dodatku.

Zato je redoslijed važan. Ako WordPress učite prije HTML-a i CSS-a, naučit ćete koristiti alat, ali ne i rješavati probleme. Na stranici o HTML-u, CSS-u i responzivnom dizajnu objašnjavamo što ta osnova konkretno znači u praksi.

HTML, CSS i responzivni dizajn

Detalj prozora i radne površine u učionici u jutarnjem svjetlu

Objava pretvara vježbu u stranicu dostupnu svima

Od dizajna do objave

Objava stranice znači da datoteke i baza podataka idu na server koji je dostupan s interneta. To uključuje registraciju domene i odabir hostinga. Postupak nije kompliciran, ali ima koraka na kojima se početnici zaglave: povezivanje domene, prijenos datoteka, postavljanje baze i konfiguracijska datoteka. Većina tečajeva to pokriva na jednom ili dva susreta.

Objava na serveru: domena, hosting, postavljanje

Ishod je konkretan. Otvorite adresu u pregledniku i vaša stranica je tamo, dostupna svima. Taj trenutak je za mnoge polaznike najveći motivacijski pomak u cijelom učenju, jer se prvi put vidi cijeli put od skice do žive adrese.

Što naučiti na tečaju, a što samostalno

Na tečaju ima smisla naučiti osnove WordPressa: sučelje, teme, objave, stranice, dodatke i osnovnu konfiguraciju. To je gradivo koje se brzo savladava uz nekoga ko pokaže gdje se što nalazi. Samostalno je bolje učiti stvari koje se mijenjaju: postavke pojedinih dodataka, sigurnosne prakse i optimizaciju brzine. To su teme koje ovise o vašoj stranici i kojima nema smisla posvećivati sate na tečaju.

Razumijevanje HTML-a i CSS-a je iznimka. To vrijedi naučiti temeljito, jer se ta vještina prenosi na svaki alat koji ćete kasnije koristiti.

Uz vodstvo na tečaju

Sučelje, teme, stranice i objave
Dodaci i osnovna konfiguracija
Objava na serveru i povezivanje domene

Samostalno, na vlastitoj stranici

Postavke i dokumentacija pojedinih dodataka
Sigurnosne prakse i redovito održavanje
Optimizacija brzine i provjera nakon izmjena

WordPress i responzivni dizajn

Moderne WordPress teme su uglavnom responzivne po defaultu, što ne znači da je responzivnost riješena. Slike koje unesete mogu biti prevelike. Sadržaj koji zalijepite može imati fiksne širine. Naslovi se mogu lomiti neočekivano.

Zato responzivni dizajn i WordPress idu zajedno. Tema postavlja okvir, ali vi odlučujete što ulazi unutra. Bez razumijevanja responzivnosti, lako je pokvariti i najbolju temu. U hrvatskim programima se responzivni dizajn i WordPress često uče u istom bloku, jer se znanje neposredno primjenjuje.

Provjera kako se raspored stranice prilagođava na telefonu i prijenosnom računalu

Kada WordPress nije pravi odgovor

WordPress nije univerzalno rješenje. Ako gradite složenu aplikaciju s korisničkim računima i vlastitom logikom, WordPress može postati ograničenje. Isto vrijedi za stranice koje zahtijevaju visoke performanse ili specifičnu arhitekturu. Za prezentacijske stranice, blogove, portfolije i manje trgovine WordPress je i dalje najbrži put do objavljenog rezultata. Za sve ostalo, front-end razvoj s vlastitim kodom daje više kontrole.

Prezentacijske stranice Sadržaj i kontakt, bez posebne logike. WordPress

Blog i portfolio Česte objave i organizacija sadržaja. WordPress

Manje trgovine Katalog proizvoda i narudžbe u uobičajenom opsegu. WordPress

Složena aplikacija Korisnički računi, vlastita logika i posebne performanse. Front-end kod

Znati tu razliku korisnije je od poznavanja svih dodataka. Ako ne znate zašto birate WordPress, vjerojatno ga birate iz navike. Front-end razvoj i UX/UI teme detaljnije obrađujemo na stranici o UX/UI i front-end razvoju, gdje se vidi kako izgleda rad bez gotovog sustava.

UX/UI i front-end razvoj

Kako provjeriti kvalitetu WordPress dijela programa

U opisu programa tražite tri stvari. Prvo, da se spominje objava na serveru, a ne samo rad u lokalnom okruženju. Drugo, da uključuje rad s temom i osnovnu prilagodbu. Treće, da uključuje barem osnove sigurnosti i održavanja.

Objava na serveru

Program završava objavom, a ne radom samo u lokalnoj mapi.

Tema i prilagodba

Rad s temom i barem osnovne izmjene izgleda i rasporeda.

Sigurnost i održavanje

Osnove sigurnosti i redovnog održavanja stranice nakon objave.

Ako program završava u WordPress administratorskom sučelju bez objave na internetu, polaznik nije vidio cijeli proces. To je česta praznina u kratkim tečajevima. Provjerite i koliko je vremena predviđeno za WordPress u odnosu na dizajn i HTML. Ako je to jedna lekcija na kraju, očekujte da ćete ostatak naučiti sami, a vodič kroz put učenja pomaže posložiti redoslijed koraka.

Vodič kroz put učenja

Česta pitanja o WordPressu i objavi stranice

Kratki odgovori na pitanja koja se ponavljaju prije upisa u tečaj ili tijekom prvih samostalnih koraka s WordPressom.

Mogu li WordPress učiti bez HTML-a i CSS-a?

Možete, i mnogi tako počinju. Tema i dodaci pokrivaju uobičajene potrebe, pa prva stranica može nastati i bez koda. Ali kad tema ne predviđa ono što želite, izmjena traži CSS, a ponekad i PHP. Zato je HTML i CSS bolje naučiti prije ili uz WordPress, a ne poslije.

Treba li mi vlastita domena za vježbu?

Za prve korake dovoljan je lokalni WordPress na vlastitom računalu. Domena i hosting imaju smisla onda kad želite vidjeti stranicu na pravoj adresi i pokazati je nekome. Postupak povezivanja domene, prijenosa datoteka i postavljanja baze dobro je proći barem jednom uz nekoga ko pokaže gdje se što nalazi.

Koliko prostora WordPress zauzima u tečaju?

Zavisi od programa. U većini hrvatskih programa WordPress dolazi na kraju, nakon dizajna i HTML-a, i pokriva se na jednom do dva susreta. Ako je predviđena samo jedna lekcija, očekujte da ćete dio o dodacima, sigurnosti i održavanju učiti samostalno na vlastitoj stranici.

Je li responzivnost automatska ako je tema responzivna?

Tema postavlja okvir, ali sadržaj određuje rezultat. Velike slike, zalijepljeni tekst s fiksnim širinama i neočekivani prijelomi naslova kvare i dobru temu. Zato se responzivni dizajn i WordPress često uče zajedno i provjeravaju na stvarnim uređajima.

Gdje nastaviti

Ako želite vidjeti kako se programi razlikuju u sadržaju i rasporedu tema, usporedba tečajeva stavlja ih jedne uz druge. Ako već znate što tražite i želite pitati nešto konkretno o programu, javite se i odgovorit ćemo u radnom vremenu.

Adresa: Ilica 142, 10000 Zagreb, Hrvatska
Telefon: +385 1 4824 224
Radno vrijeme: Pon–Pet: 09:00–18:00, Sub: 10:00–14:00

Usporedite tečajeve Kontakt

Prazno radno mjesto uz prozor u učionici, pripremljeno za rad na web stranici