# 🚀 BRZI START - RUČNO POSTAVLJANJE SADRŽAJA
**Jednostavni vodič korak-po-korak**

---

## ⏱️ PROCJENA VREMENA

- **Home stranica:** 1-2 sata
- **Kontakt/Footer:** 30 minuta  
- **O nama:** 1 sat
- **Jelovnik:** 2-3 sata (ovisno o broju jela)
- **SEO tagovi:** 30 minuta

**UKUPNO:** 5-7 sati (u više navrata)

---

## 🎯 PRIORITET 1: KONTAKT INFO (NAJVAŽNIJE!)

### ✅ PRVO ISPRAVI KONTAKT PODATKE!

**Gdje:**
- Footer (sve stranice)
- Kontakt stranica
- Google Maps

**Kako:**
1. Login: `konoba.hr/wp-admin`
2. Idi na: **Appearance → Customize → Footer** (ili **Elementor → Theme Builder → Footer**)
3. Zamijeni:

❌ **STARO (San Francisco):**
```
768 Market Street San Francisco, CA
(+021) 345 678 910
info@resto.com
```

✅ **NOVO:**
```
Ulica Svetog Leopolda Bogdana Mandića 172/A
31000 Osijek, Hrvatska

Telefon: 091 9576 395
Email: info@konoba.hr

Radno vrijeme:
Ponedjeljak - Nedjelja: 08:00 - 23:00
```

4. **Google Maps:** Promijeni embed s San Francisco na Osijek
5. Spremi sve

**TRAJANJE:** 20-30 minuta

---

## 🎯 PRIORITET 2: HOME STRANICA

### KORAK 1: Otvori Home za uređivanje
```
WordPress Dashboard → Stranice → Naslovna → Uredi s Elementorom
```

### KORAK 2: Hero sekcija (gornji dio)
**Što zamijeniti:**
- **H1:** Zadržati "Svježe, brzo i ukusno!" (već OK)
- **Podnaslov:** `Dobrodošli u Konobu - mjesto gdje se okus, mir i pokret susreću`
- **Opis:** Copy iz `01-HOME-STRANICA-NOVO.md` → linija 21-23

**Hero slika:**
- Upload: `slike/konoba/konoba-ulaz-nocna-hero.jpg`
- ALT: `Ulaz u restoran Konoba Petrić Osijek - tradicionalna konoba uz aerodrom`

### KORAK 3: Sekcija "Zašto Konoba Petrić"
**Naslov:**
```
Jedinstvena lokacija, autentični okusi
```

**Tekst:** Copy iz `01-HOME-STRANICA-NOVO.md` → linija 36-38

**3 stupca:**
1. **Terasa s pogledom** + tekst (linija 44-49)
2. **Za sve ukuse** + tekst (linija 51-56)
3. **Blizu industrije** + tekst (linija 58-63)

**Slika za ovu sekciju:** `konoba-enterijer-rustikalni-pec.jpg`

### KORAK 4: Istaknuta jela (TOP 6)
**Naslov:** `Naši specijaliteti`

**6 jela s cijenama i opisima:**
- Copy iz `01-HOME-STRANICA-NOVO.md` → linija 74-125

**Za slike:** Koristi iz `slike/meni/` - biraš ovisno o jelu

### KORAK 5: Spremi i provjeri
- Klikni **Update** (dolje lijevo)
- Otvori stranicu u novom tabu i provjeri

**TRAJANJE:** 1-2 sata

---

## 🎯 PRIORITET 3: O NAMA STRANICA

### KORAK 1: Otvori
```
WordPress Dashboard → Stranice → O nama → Uredi s Elementorom
```

### KORAK 2: Glavna priča
**Copy cijeli tekst iz:** `03-O-NAMA-NOVO.md` → linija 16-27

**Hero slika:** `konoba-enterijer-rustikalni-pec.jpg`

### KORAK 3: Galerija prostora (6-8 slika)
**Upload sve iz:** `slike/konoba/`
- `konoba-enterijer-stolovi-jelovnici.jpg`
- `konoba-bar-kotaci-rustikalni.jpg`
- `konoba-sala-klasicna.jpg`
- `konoba-sala-bijeli-stolnjaci.jpg`
- `konoba-sala-proslave-elegantna.jpg`

**Za svaku sliku:** Dodaj ALT tekst iz `05-ALT-TEKSTOVI-NOVO.md` (linija 240-260)

### KORAK 4: Spremi

**TRAJANJE:** 1 sat

---

## 🎯 PRIORITET 4: JELOVNIK (OPCIONALNO - MOŽE POSTUPNO)

### STRATEGIJA: Radi kategoriju po kategoriju!

**Dan 1: Predjela + Juhe**
- Copy iz `02-JELOVNIK-NOVI.md` → linija 1-180

**Dan 2: Glavna jela + Roštilj**
- Copy iz `02-JELOVNIK-NOVI.md` → linija 180-400

**Dan 3: Paste, pizze, burgeri**
- Copy iz `02-JELOVNIK-NOVI.md` → linija 600-800

**Dan 4: Deserti, salate, pića**
- Copy iz `02-JELOVNIK-NOVI.md` → linija 900-kraj

**NAPOMENA:** Ne moraš uploadati sve odjednom! Prioritet: TOP jela za Home.

**TRAJANJE:** 2-3 sata (rasporedi kroz tjedan)

---

## 🎯 PRIORITET 5: SEO TAGOVI

### Yoast SEO ili Rank Math

**Za svaku stranicu:**
1. Scroll dolje do SEO sekcije
2. **Meta Title:** Copy iz `04-SEO-META-NOVO.md`
3. **Meta Description:** Copy iz `04-SEO-META-NOVO.md`
4. **Focus Keyword:** Copy iz `04-SEO-META-NOVO.md`
5. Spremi

**Stranice:**
- Home (linija 11-27)
- Jelovnik (linija 29-45)
- O nama (linija 47-63)
- Kontakt (linija 101-117)

**TRAJANJE:** 30 minuta

---

## 📸 UPLOAD SLIKA - KAKO?

### NAČIN 1: Media Library (bulk upload)
1. `WordPress Dashboard → Mediji → Dodaj novo`
2. **Drag & drop** cijeli folder `slike/konoba/`
3. Pričekaj upload
4. Za svaku sliku: Dodaj ALT tekst

### NAČIN 2: Kroz Elementor (tijekom rada)
1. Dodaj Image widget
2. Klikni "Choose Image"
3. Upload iz file browsera
4. Unesi ALT tekst odmah

---

## ✅ CHECKLIST - ŠTO JE NAPRAVLJENO?

### Home:
- [ ] Hero sekcija (naslov, opis, slika)
- [ ] Sekcija "Zašto" (3 stupca)
- [ ] Istaknuta jela (TOP 6 s cijenama)
- [ ] CTA gumb ("Rezerviraj sada")
- [ ] Footer kontakt info

### Kontakt:
- [ ] Adresa ispravljena (Osijek!)
- [ ] Google Maps točan
- [ ] Telefon: 091 9576 395
- [ ] Email: info@konoba.hr
- [ ] Radno vrijeme

### O nama:
- [ ] Glavna priča
- [ ] Galerija prostora (6+ slika)
- [ ] Sekcije (lokacija, filozofija, prostor)

### Jelovnik:
- [ ] Predjela
- [ ] Juhe
- [ ] Glavna jela
- [ ] Roštilj
- [ ] Paste & pizze
- [ ] Deserti

### SEO:
- [ ] Home - meta tagovi
- [ ] Jelovnik - meta tagovi
- [ ] O nama - meta tagovi
- [ ] Kontakt - meta tagovi

---

## 💡 SAVJETI

### ⚡ Brže radi:
1. **Dual screen:** Jedan ekran = WordPress, drugi = MD dokumenti
2. **Copy-paste:** Nemoj pisati ručno - sve je spremno!
3. **Batch upload:** Sve slike odjednom u Media Library
4. **Prečaci:** Ctrl+C, Ctrl+V, Ctrl+S (Save/Update)

### 🛡️ Sigurnost:
1. **Backup prije početka:** UpdraftPlus plugin
2. **Elementor History:** Dolje lijevo - možeš vratiti korake
3. **Preview prije objave:** Provjeri kako izgleda
4. **Mobile view:** Provjeri na mobitelu

### 📱 Testiranje:
1. Otvori web na mobitelu
2. Provjeri da li sve izgleda OK
3. Testiraj forme (ako ima)
4. Provjeri Google Maps radi li

---

## 🆘 AKO ZAGLAVI

### Problem: Elementor ne učitava
**Rješenje:** Očisti cache (Ctrl+Shift+R)

### Problem: Slika se ne vidi
**Rješenje:** Provjeri upload - možda je prevelika (komprimiraj)

### Problem: Tekst nije formatting kako treba
**Rješenje:** Koristi Text Editor widget, ne Heading za duže tekstove

### Problem: Google Maps ne radi
**Rješenje:** Potreban je Google Maps API key (pitaj hosting/developera)

---

## 🎉 KADA SI GOTOV

1. **Provjeri sve stranice** - klikni kroz cijeli web
2. **Testiraj na mobitelu** - responsive?
3. **Provjeri linkove** - rade li gumbi?
4. **SEO check** - jesu li meta tagovi postavljeni?
5. **Google Search Console** - submit sitemap

---

## 📞 TREBAM POMOĆ?

**Dokumenti su tu:**
- `README.md` - Opći pregled
- `06-ELEMENTOR-UPUTE-NOVO.md` - Detaljne upute
- `07-COPY-PASTE-PLAN.md` - Što gdje ide
- `SLIKE-MAPA.md` - Koje slike gdje

---

**SRETNO! TI MOŽEŠ OVO! 🚀**

---
*Brzi vodič | Konoba Petrić | 18.12.2025*
