Izrada web stranica i WordPress razvoj po mjeri

Izrada web stranica po mjeri znači da se sajt ili web aplikacija grade oko načina na koji vaša firma zaista posluje, umjesto da se poslovanje prilagođava temi koja je prodata hiljadama drugih kompanija. Gotove teme i gomila plugina brzo podignu sajt, ali za sobom obično ostave spore stranice, zbunjujući admin panel, konflikte nakon svakog ažuriranja i funkcije koje „skoro” odgovaraju. Prije ili kasnije svaka izmjena postaje zaobilazno rješenje.

Sadržaj

U CodeWizu dizajniramo i programiramo WordPress teme i plugine, HTML i CSS šablone po mjeri, online prodavnice i full-stack aplikacije na PHP-u, JavaScriptu i MySQL-u. Kod pišemo sami, čuvamo ga u Gitu, dokumentujemo i predajemo u stanju u kojem ga drugi programer može preuzeti – bez zaključanih page buildera, misterioznih plugina i situacija u kojima „samo prvobitna agencija smije to dirati”.

Usluga je namijenjena firmama koje su prerasle sajt napravljen na šablonu, marketinškim timovima kojima treba admin u kojem mogu raditi bez rizika da pokvare izgled, prodavnicama kojima trebaju integracije koje standardni plugin ne nudi, te osnivačima kojima treba web aplikacija, a ne samo prezentacija. Ako je vaš sadašnji sajt spor, krhak ili ga je teško mijenjati, izrada po mjeri je kroz cijeli životni vijek sajta obično jeftinija od još jedne runde zakrpa.

WordPress: Programer kuca na laptopu sa otvorenim kodom za svijetlim drvenim stolom

WordPress teme i šabloni po mjeri, izrađeni od nule

WordPress tema po mjeri sadrži tačno one rasporede, blokove i postavke koje vašem sajtu trebaju i ništa više. Višenamjenske teme dolaze sa desetinama demo rasporeda, sliderima i panelima sa opcijama, a svaka stranica učitava CSS i JavaScript za sve njih. Tema napravljena za jedan sajt je lakša, jednostavnija za uređivanje i mnogo lakša za održavanje.

Block teme, klasične teme i page builderi

Moderni WordPress nudi nekoliko načina za izradu teme. Pristup biramo prema tome ko će uređivati sajt i koliko slobode mu treba:

Pristup	Iskustvo uređivanja	Performanse	Najbolje za	Kompromis
Block tema (Full Site Editing)	Nativni block editor za stranice, zaglavlja, podnožja i šablone	Odlične – CSS se učitava po bloku	Marketinške sajtove, blogove, korporativne sajtove	Traži disciplinu u dizajnu patterna i blokova
Klasična ili hibridna tema	PHP šabloni uz custom blokove ili polja gdje trebaju	Odlične kada je kod pisan ručno	Složene rasporede, postojeće sajtove, strogu kontrolu brenda	Promjene rasporeda obično traže programera
Tema za page builder (Elementor, Divi)	Drag and drop za sve	Često slabe – težak DOM i mnogo resursa	Vrlo male sajtove sa čestim eksperimentima u rasporedu	Zaključanost, naduven markup, teže nadogradnje
Headless WordPress	WordPress admin, odvojen JavaScript frontend	Vrlo brze uz statičko ili edge renderovanje	Aplikacije i sadržaj za više kanala	Dvije baze koda, plugini koji ispisuju HTML ne rade

Kako pravimo teme

Većina novih projekata dobija block temu sa pažljivo osmišljenim theme.json fajlom: boje brenda, fontovi i razmaci postaju design tokeni, urednici vide samo opcije koje trebaju koristiti, a frontend dobija dosljedan i minimalan CSS. Sekcije koje se ponavljaju postaju block patterni, a sve što ima stvarnu logiku postaje custom blok. Sistem u pozadini detaljno opisuje WordPress Theme Handbook.

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "color": {
      "custom": false,
      "palette": [
        { "slug": "brand", "color": "#0b5fff", "name": "Brand" },
        { "slug": "ink", "color": "#111827", "name": "Ink" }
      ]
    },
    "typography": { "customFontSize": false, "fluid": true },
    "layout": { "contentSize": "720px", "wideSize": "1200px" }
  }
}

Isključivanje proizvoljnih boja i veličina fonta djeluje kao ograničenje, ali upravo to čuva dosljedan izgled sajta godinama nakon pokretanja. Isporuka uključuje temu u Gitu, biblioteku patterna, dokumentaciju za urednike i staging sajt.

Razvoj i prilagođavanje WordPress plugina

Poslovna logika u WordPressu pripada pluginima. Ako neka funkcija treba preživjeti promjenu teme – forma za rezervacije, konfigurator proizvoda, uvoz iz ERP-a, zona za članove – ona ide u plugin. Pravimo plugine po mjeri od nule i proširujemo postojeće bez izmjena u njihovim osnovnim fajlovima, kako bi ažuriranja i dalje radila.

Šta najčešće pravimo

Custom post typeove, taksonomije i strukturirana polja za kataloge, lokacije, događaje, oglase za posao ili dokumentaciju.
Vlastite REST API endpointe za mobilne aplikacije, partnere ili JavaScript frontend.
Uvoz i sinhronizaciju sa CRM i ERP sistemima, računovodstvenim alatima i tabelama, kao pozadinske poslove kroz Action Scheduler umjesto sporih učitavanja stranica.
WP-CLI komande za masovne operacije i održavanje koje bi u pregledniku istekle prije završetka.
Gutenberg blokove sa server-side renderovanjem, tako da sadržaj ostaje lak za uređivanje, a HTML čist.

Sigurnost i kvalitet nisu opcija

Većina ranjivosti u WordPressu pronađe se u pluginima, a obično nastaju zbog istih nekoliko grešaka. Svaki plugin koji napišemo provjerava privilegije i nonce, sanitizuje ulaz, escapeuje izlaz i koristi pripremljene upite prema bazi:

add_action( 'admin_post_cw_save_lead', function () {
    if ( ! current_user_can( 'edit_posts' ) ) {
        wp_die( 'Forbidden', 403 );
    }
    check_admin_referer( 'cw_save_lead' );

    global $wpdb;
    $email = sanitize_email( wp_unslash( $_POST['email'] ?? '' ) );
    $wpdb->insert(
        $wpdb->prefix . 'cw_leads',
        [ 'email' => $email, 'created_at' => current_time( 'mysql' ) ],
        [ '%s', '%s' ]
    );
    wp_safe_redirect( admin_url( 'admin.php?page=cw-leads&saved=1' ) );
    exit;
} );

Pratimo WordPress coding standarde uz PHP_CodeSniffer, radimo statičku analizu PHPStanom i ključne tokove pokrivamo automatskim testovima. Kada plugin treće strane radi skoro sve što vam treba, proširujemo ga kroz njegove hookove i filtere ili mali prateći plugin – nikada mijenjanjem fajlova koje će sljedeće ažuriranje pregaziti.

Programer pregleda izvorni kod plugina u IDE-u na laptopu

Optimizacija i sigurnost WordPress sajta

WordPress sajt postepeno postaje sporiji i ranjiviji: još jedan plugin, još jedna skripta za praćenje, sve veća tabela wp_options, administratorski nalog kojeg se niko ne sjeća. Optimizacija i hardening vraćaju sajt u red i čine ga jeftinijim za održavanje.

Optimizacija performansi unutar WordPressa

Profilisanje Query Monitorom kako bismo pronašli spore i duplirane upite te plugine koji učitavaju resurse na svakoj stranici.
Čišćenje autoload opcija, transijenata i revizija objava koji na starijim sajtovima naduvaju bazu.
Trajni object cache u Redisu, keširanje cijelih stranica i resursi koji se učitavaju samo tamo gdje trebaju.
Responzivne slike u WebP ili AVIF formatu, tačne dimenzije, lazy loading ispod prvog ekrana i preload glavne slike radi boljeg Largest Contentful Painta.
Zamjena teških plugina sa nekoliko linija ciljanog koda kada plugin donosi mnogo više nego što sajt koristi.

Keširanje na nivou servera i podešavanje CDN-a su poseban sloj koji također radimo; naš pristup smo opisali u članku o tome kako postižemo 100/100 rezultat performansi i u tekstu o Varnish cacheu za brze web stranice.

Lista za hardening WordPressa

Jezgro, teme i plugini se ažuriraju po rasporedu, uz prethodno testiranje na stagingu i zamjenu napuštenih plugina.
Korisničke uloge sa minimalnim potrebnim privilegijama, dvofaktorska autentifikacija za administratore i poseban nalog za svaku osobu.
DISALLOW_FILE_EDIT, ispravne dozvole nad fajlovima, isključen XML-RPC gdje se ne koristi i ograničenje pokušaja prijave.
Web application firewall na edgeu, sigurnosna zaglavlja i HTTPS svuda.
Automatski backup na drugoj lokaciji, uz vraćanje podataka koje je zaista testirano.

Dizajn i kodiranje šablona po mjeri

Nije svaki projekat WordPress tema. Landing stranice, mikrosajtovi, HTML šabloni za email, šabloni za Laravel ili Node.js aplikaciju i statične marketinške stranice traže čist, ručno pisan frontend kod. Dizajn iz Figme (ili vaše postojeće materijale brenda) pretvaramo u šablone koji su responzivni, pristupačni i brzi.

Naši frontend standardi

Semantički HTML sa logičnom strukturom naslova, landmark elementima i ispravnim oznakama formi – dobro i za čitače ekrana i za pretraživače.
Moderni CSS: Grid i Flexbox za raspored, clamp() za fluidnu tipografiju i container queries za komponente koje se prilagođavaju prostoru u kojem se nalaze, a ne veličini ekrana.
Utility-first Tailwind CSS ili mali, jasno imenovan vlastiti stylesheet, zavisno od toga ko će kasnije održavati kod.
Minimalno JavaScripta: prvo nativne mogućnosti preglednika, mali moduli gdje je interakcija potrebna i bez frameworka za stranicu kojoj on ne treba.
Testiranje na stvarnim uređajima i aktuelnim preglednicima, uz provjeru kontrasta i navigacije tastaturom prema WCAG smjernicama.

Design tokeni definisani jednom – boje, razmaci, tipografija – koriste se u WordPress temi, šablonima aplikacije i email šablonima, pa svaki kontakt sa kupcem izgleda kao ista kompanija.

E-commerce integracija za WordPress i sajtove po mjeri

E-commerce integracija rijetko znači samo „instalirati WooCommerce”. Najteži dio je povezati prodavnicu sa svim što je okružuje: plaćanjem, dostavom, zalihama, fakturisanjem i marketingom. Upravo tu generički plugini posustaju, a razvoj po mjeri se isplati.

WooCommerce kako treba: uključen High-Performance Order Storage (HPOS), lagan checkout, vlastiti tipovi proizvoda i pravila cijena, bez gomile plugina koji se bore oko korpe.
Plaćanje: Stripe, PayPal i lokalni procesori kartica, uz idempotentnu obradu webhookova kako nijedna narudžba ne bi bila izgubljena ili naplaćena dva puta – više u našem vodiču za sigurnu integraciju payment gatewaya.
Sinhronizacija sa poslovnim sistemima: dvosmjerna razmjena proizvoda, zaliha i narudžbi sa ERP, skladišnim i računovodstvenim sistemima preko njihovih API-ja ili zakazanih uvoza.
Dostava i fakturisanje: API-ji kurirskih službi za etikete i praćenje pošiljki, automatske fakture i fiskalni zahtjevi tamo gdje važe.
Prodavnica na postojećem sajtu: katalog i checkout uklopljeni u temu ili aplikaciju po mjeri, umjesto odvojene prodavnice koja ne odgovara ostatku sajta.

Za širu strategiju online prodaje preporučujemo naš kompletan vodič za optimizaciju online prodavnice.

Izbliza ruke koje kucaju na tastaturi laptopa pri blagom dnevnom svjetlu

Full-stack web aplikacije na PHP-u, JavaScriptu i MySQL-u

Kada je projekat prvenstveno o podacima i procesima, a ne o sadržaju – portal za klijente, sistem za rezervacije, interni dashboard, marketplace ili SaaS proizvod – CMS postaje ograničenje. Tada gradimo full-stack web aplikacije u kojima se backend, baza podataka i frontend osmišljavaju zajedno.

Naš uobičajeni stack

Backend: Laravel ili lagan PHP za većinu poslovnih aplikacija, Node.js kada real-time funkcije ili tim koji radi samo u JavaScriptu imaju više smisla.
Baza podataka: MySQL ili PostgreSQL sa normalizovanom šemom, pravilnim indeksima i migracijama u version controlu; Redis za keširanje, redove poslova i sesije.
Frontend: šabloni renderovani na serveru uz Livewire ili Alpine.js za većinu administrativnih aplikacija, React ili Vue kada je interfejs složen i izrazito interaktivan.
Isporuka: automatski testovi, CI/CD pipeline, kontejnerizovana okruženja i monitoring od prvog dana.

Čest obrazac koji koristimo je hibridni: WordPress pokreće marketinški sajt i blog u kojem se urednici dobro snalaze, a odvojena aplikacija upravlja nalozima, narudžbama ili rezervacijama, uz zajednički dizajn sistem i single sign-on. Svaki dio koristi alat koji mu najbolje odgovara.

WordPress, aplikacija po mjeri ili website builder?

Izbor platforme je najskuplja odluka u web projektu, jer njena kasnija promjena znači izradu iz početka. Naše iskreno pravilo:

Website builderi (Wix, Squarespace) su u redu za vrlo malu firmu kojoj treba jednostavno prisustvo na internetu bez integracija. Postaju ograničavajući čim zatrebaju vlastita logika, vlasništvo nad podacima ili ozbiljne performanse.
WordPress je pravi izbor kada je sadržaj u centru – marketinške stranice, blogovi, vijesti, dokumentacija, katalozi i prodavnice male do srednje složenosti. Ima ogroman ekosistem, a urednici ga već poznaju.
Aplikacija po mjeri je pravi izbor kada je suština u procesu: korisnički nalozi, složene dozvole, proračuni, podaci u realnom vremenu ili integracije koje su same po sebi proizvod.

Radimo sa svim ovim opcijama, pa nemamo razloga da jednu guramo ispred ostalih.

Najčešće greške u izradi web stranica koje ispravljamo

Trideset ili više plugina na jednostavnom sajtu, od kojih nekoliko radi isti posao ili se više ne održava.
Izmjene napravljene direktno u fajlovima parent teme ili plugina, koje nestanu sa sljedećim ažuriranjem.
Nema staging okruženja, pa se ažuriranja testiraju na živom sajtu.
Jedan administratorski nalog koji koriste svi, sa lozinkom poslanom emailom.
Nema version controla, niti backupa koji je iko ikada vratio.
Skripte trećih strana – chat widgeti, trackeri, slideri – učitavaju se na svakoj stranici i blokiraju renderovanje.

Od čega zavisi cijena izrade web stranice po mjeri

Svaki projekat procjenjujemo nakon kratkog uvodnog razgovora, umjesto da nudimo cijene iz cjenovnika, jer se obim posla mnogo razlikuje. Glavni faktori cijene su:

Broj jedinstvenih šablona stranica i custom blokova, te da li dizajn već postoji.
Integracije sa vanjskim sistemima: plaćanje, ERP, CRM, dostava i kvalitet njihovih API-ja.
Migracija sadržaja sa starog sajta, uključujući preusmjeravanja koja čuvaju postojeće pozicije u pretraživačima.
Višejezičnost, ciljevi pristupačnosti i posebne korisničke uloge.
Da li je u pitanju sajt sa sadržajem, prodavnica ili cijela aplikacija sa nalozima i poslovnom logikom.
Održavanje, ažuriranja i podrška nakon pokretanja.

Kako radimo

Upoznavanje: saznajemo vaše ciljeve, publiku, sadržaj i postojeće sisteme, a ako sajt već postoji, radimo njegovu analizu.
Plan: biramo platformu i arhitekturu, definišemo šablone stranica, integracije i uloge urednika, te usaglašavamo obim posla i rokove.
Dizajn i izrada: dizajn pretvaramo u temu, plugine ili aplikaciju, uz sedmični pregled napretka na staging sajtu.
Testiranje: provjeravamo performanse, pristupačnost, sigurnost, preglednike, uređaje, forme, plaćanja i integracije od početka do kraja.
Pokretanje: prebacujemo sadržaj, postavljamo preusmjeravanja, keširanje, backup i monitoring, te prelazimo na novi sajt uz minimalan prekid rada.
Podrška: obučavamo vaše urednike, predajemo dokumentaciju i, ako želite, brinemo da sajt ostane ažuran i siguran.

Zašto CodeWiz

Zaista full-stack: WordPress, Laravel, Node.js, baze podataka, DevOps i hosting na jednom mjestu, pa ništa ne ostaje između više agencija.
Po mjeri, a ne po šablonu: tehnologiju biramo tako da služi vašim poslovnim ciljevima, a ne obrnuto.
Performanse i sigurnost su ugrađene: brze stranice i zaštićeno okruženje su dio izrade, a ne skupi dodatak.
Open-source na prvom mjestu: bez vlasničkih buildera i licenci koje vas vežu za nas – kod je vaš.
Fer cijene: vrhunski razvoj bez vrhunskih cijena, od tima iz Banje Luke koji radi na daljinu sa klijentima iz regiona i svijeta.

Često postavljana pitanja

Koliko košta izrada web stranice po mjeri?

Zavisi od broja šablona, integracija, jezika i količine sadržaja koji treba prebaciti. Fokusiran sajt kompanije je mnogo manji projekat od prodavnice povezane sa ERP-om ili web aplikacije sa korisničkim nalozima. Jasnu procjenu po stavkama dobijate nakon uvodnog razgovora, prije početka bilo kakvog rada.

Koliko traje izrada web stranice po mjeri?

WordPress tema po mjeri za sajt kompanije obično traje nekoliko sedmica od odobrenog dizajna do pokretanja. Prodavnice sa integracijama i full-stack aplikacije traju duže, najviše zbog integracija i testiranja. Faze dogovaramo unaprijed, a napredak vam svake sedmice pokazujemo na staging sajtu.

Mogu li sam uređivati sajt nakon pokretanja?

Možete. Admin prilagođavamo vašim urednicima: block patterni, logična polja i ograničene opcije omogućavaju izmjenu sadržaja bez narušavanja dizajna. Dobijate i dokumentaciju i kratku obuku.

Da li redizajnirate ili popravljate postojeće WordPress sajtove?

Da. Često preuzimamo postojeće sajtove, analiziramo temu i plugine, rješavamo probleme sa performansama i sigurnošću, te postojeće rješenje unapređujemo korak po korak ili pravimo novu temu uz zadržavanje sadržaja i URL-ova.

Da li da izaberem WordPress ili aplikaciju po mjeri?

WordPress izaberite kada su sadržaj i marketing u centru, a aplikaciju po mjeri kada je srž vašeg proizvoda proces sa nalozima, dozvolama i poslovnom logikom. Mnogi projekti kombinuju oboje, a mi ćemo preporučiti ono što vam najviše odgovara.

Spremni za web stranicu koja odgovara vašem poslovanju?

Recite nam šta vaš sajt ili aplikacija treba da radi, a mi ćemo predložiti pravu platformu, obim posla i rokove. Kontaktirajte nas da razgovaramo o projektu ili pogledajte cijelu ponudu naših usluga izrade web stranica po mjeri.

Izrada web stranica i WordPress razvoj po mjeri