Izrada web stranice: Dio 3. – Postavljanje slika i tekst
Kako popunjavam web stranicu slikama i tekstom prema unaprijed pripremljenom nacrtu sa unaprijed spremnim tekstom i slikama
Nakon što sam izradio osnovni nacrt svoje web stranice o čemu sam pisao ovdje, krenuo sam s najzanimljivijim dijelom – popunjavanjem sadržaja.
Sve je bilo spremno: raspored sekcija, layout blokova, a slike i tekstove sam pripremio ranije, o čemu sam pisao u prošlom postu.
Ovdje dijelim kako sam taj sadržaj zapravo unio u stranicu – korak po korak.
1. Otvaram stranicu u WordPressu
U WordPressu ulazim u uređivač stranice, otvara se vizualni prikaz već složenog layouta.
U mom slučaju, to je bio layout koji sam izradio u videu 1
* hero sekciju (gore),
* tekstualne blokove,
* usluga s izbornikom,
* sekciju sa slikama (galeriju)
2. Ubacujem slike
Za svaki predviđeni image blok:
* kliknem na postojeće mjesto za sliku i gumb “Zamijeni sliku”,
* odaberem sliku iz medija,
* pazim da slike budu odgovarajuće veličine (optimizirane za web – WEBP, ne prevelike).
Nakon umetanja, mogu podesiti:
* poravnanje (lijevo, desno, centrirano),
* tekst alternativni opis (alt text) – zbog SEO-a i pristupačnosti,
3. Unosim tekstove
Na već pripremljena mjesta u nacrtu samo kopiram ili unosim tekst:
* naslovi idu u odgovarajuće blokove (`<h1>`, `<h2>` itd.),
* odlomci idu u klasične tekstualne blokove,
* koristim bold za naglaske,
* pazim na razmak, čitljivost i strukturu – da tekst “diše”.
Ako neka sekcija ima više teksta nego što layout dopušta, pokušam ga skratiti ili rasporediti u više blokova.
4. Provjeravam izgled
Nakon što sve ubacim:
– kliknem na “Pregled” (Preview) da vidim kako stranica izgleda,
– ako nešto “bježi” iz dizajna, vraćam se i korigiram veličine, margine ili raspored.
5. Spremam promjene
Kad sam zadovoljan izgledom i sadržajem, kliknem na “Objavi” kako bi spremio napredak.
Zaključak
Iako je nacrt bio već gotov, popunjavanje sadržajem nije puki copy-paste. Potrebno je razmišljati o tome kako će tekst i slike izgledati u kontekstu, kako će utjecati na korisničko iskustvo i koliko će vizualno “pričati priču” o onome što želim prenijeti.
Ovaj korak je možda najkreativniji dio procesa – jer tada stranica doslovno oživi.
Pogledaj video
