Ova privatna stranica služi kao biblioteka primera za urednike. Na frontendu proverite izgled, a u WordPress editoru kopirajte pojedinačan blok ili malu grupu na drugu stranicu ili objavu. Primeri nisu gotov sadržaj za objavljivanje.

Otvorite prikaz liste blokova i izaberite željeni primer.
U meniju bloka izaberite kopiranje. Za povezani raspored izaberite roditeljski blok, na primer Kolone, Galeriju ili Medije i tekst.
Nalepite blok na odredišnu stranicu, prilagodite tekst, linkove, slike i alt opise, pa proverite prikaz na užem ekranu.

Brzi skok: tekst · tabela · dugmići · slike · rasporedi · tehnički sadržaj

01 — Naslovi H1–H6

Sledećih šest naslova su isključivo test primeri nivoa. Na stvarnoj stranici birajte nivo prema hijerarhiji sadržaja, a ne prema veličini slova; H1 ovde namerno ponavlja nivo naslova stranice.

H1 — Test primer naslova

H2 — Test primer naslova

H3 — Test primer naslova

H4 — Test primer naslova

H5 — Test primer naslova

H6 — Test primer naslova

02 — Paragrafi i stilovi teksta

Kratak paragraf jasno prenosi jednu misao.

Pažljivo oblikovan sadržaj pomaže čitaocu da pronađe ono što mu je potrebno. Duži paragraf koristimo da proverimo prored, dužinu reda i ritam čitanja na različitim veličinama ekrana. Primer govori o svakodnevnim veštinama: od nege životinja i održavanja doma do restauracije predmeta. Urednik ovaj tekst može zameniti stvarnim informacijama, a zatim proveriti da li je sadržaj pregledan i na telefonu.

Ovo je primer podebljanog teksta. Ostatak paragrafa ostaje u običnom stilu.

Ovo je primer kurziva za blagi naglasak. Koristite ga umereno.

Kombinujte važnu informaciju, kratku napomenu i zajednički naglasak samo kada to pomaže razumevanju.

U istom redu nalazi se link ka primerima slika, bez prekidanja toka čitanja.

03 — Citat i istaknuti citat

Citat sa potpisom

Dobar primer objašnjava dovoljno, a ostavlja prostora da ga urednik prilagodi.
Urednički tim — primer citata

Istaknuti citat

Male veštine često prave veliku razliku u svakodnevnom životu.
Radionički tim — primer potpisa

04 — Liste

Lista bez rednih brojeva

Pripremite radni prostor.
Proverite potreban alat.
Ostavite prostor urednim.

Numerisana lista

Pročitajte zadatak.
Izvedite postupak korak po korak.
Pregledajte rezultat.

Ugnježdena lista

Priprema radionice
- Radna površina
- Alat i zaštitna oprema
Provera pre početka
1. Proverite materijal.
2. Odredite redosled rada.
Završno sređivanje prostora

05 — Široka tabela sa osam kolona

Tabela ima zaglavlje i četiri reda sa osam kolona. Na telefonu proverite da li se sadržaj može horizontalno pomerati unutar tabele, bez širenja cele stranice. Podaci i oznake su izmišljeni test primeri.

Aktivnost	Interna oznaka	Zadužena osoba	Mesto rada	Planirani termin	Trajanje	Potrebna oprema	Kontrolna napomena
Nega životinja	PRIHVATILISTE-PRIMER-001	Volonterka	Mirna prostorija	Ponedeljak, 09:00	45 minuta	Posude i ćebad	Proveriti vodu i udoban prostor.
Popravka ormarića	RADIONICA-PRIMER-002	Majstor	Kućna kuhinja	Utorak, 10:30	30 minuta	Odvijač i rezervna šarka	Proveriti ravnomerno zatvaranje.
Šivenje kostima	KOSTIMOGRAFIJA-PRIMER-003	Krojačica	Svetli studio	Sreda, 11:00	90 minuta	Konac, igle i makaze	Pregledati šavove i pokretljivost.
Restauracija knjige	RESTAURACIJA-PRIMER-004	Restauratorka	Radni sto	Četvrtak, 12:00	60 minuta	Arhivski papir i alat	Sačuvati strukturu poveza.

Probni raspored aktivnosti — tabela za proveru širine i čitljivosti.

06 — Razdelnici i prazan prostor

Podrazumevani razdelnik

Široka linija

Tačkasti razdelnik

Razmak od 48 px

Ispod ovog paragrafa nalazi se zaseban Spacer blok.

Ovaj paragraf pokazuje gde se sadržaj nastavlja posle razmaka.

07 — Linkovi

Interni anchor link: pređite na tabelu.

Eksterni link: WordPress — otvara se u novom tabu.

Email link: urednik@example.com — demonstraciona adresa, zamenite je pre objave.

Telefon link: +381 11 000 0000 — demonstracioni broj, zamenite ga pre objave.

08 — Pilule

Pilula je mali tekst iznad naslova. Koristite Paragraph blok, unesite željenu oznaku i u panelu Stilovi izaberite plavu ili crvenu NekoKO pilulu.

Ponuda

Istaknite ono što nudite

Od čuvanja egzotičnih ljubimaca do kreativnih radionica, NekoKO daje prostor uslugama koje su korisne, neobične i ljudima zaista trebaju.

Potražnja

Recite šta vam treba

Kada tražite nešto van standardnih oglasa, važni su jasnoća, poverenje i dobar opis. Zato je potražnja na NekoKO jednostavna i pregledna.

Podkategorija

Podkategorija – Potražnja

Dugmad

Izaberite dugme, kopirajte ga i promenite njegov tekst i odredišni link. Pređite mišem preko dugmeta da biste videli hover stanje.

09 — Slika sa potpisom i linkom

Klik na fotografiju otvara lokalni original. Kopirajte Image blok zajedno sa njegovim potpisom; alt opis proverite prema novom kontekstu.

Volonterka nežno brine o psu i mački u prihvatilištu za životinje — Briga o životinjama u prihvatilištu — primer fotografije sa potpisom.

10 — Male galerije

Galerija tri pejzažne fotografije

Osoba pažljivo hrani zelenu iguanu u uređenom terarijumu

Galerija dve kvadratne fotografije

Tapetar obnavlja presvlaku stare fotelje

Održavanje zasađenog slatkovodnog akvarijuma

11 — Grupa povezanih blokova

Sledeća mala grupa sadrži naslov, tekst i sliku. Možete kopirati celu grupu ili samo jedan od njenih blokova.

Radionica oblikovanja gline

Kratka priča i fotografija zajedno predstavljaju jednu zaokruženu celinu.

Vajarka oblikuje skulpturu od gline — Oblikovanje gline — primer slike unutar grupe.

12 — Dve kolone sa portretnim slikama

Kolone su jednake širine i koriste podrazumevano slaganje na užim ekranima.

Pčelarstvo na krovu

Pčelar pregleda košnicu na urbanoj krovnoj bašti

Portretna fotografija prikazuje rad u krovnoj bašti.

Obnova starih knjiga

Restauratorka pažljivo obnavlja staru knjigu

Druga kolona pokazuje pažljiv rad na očuvanju knjige.

13 — Mediji i tekst

Slika levo, tekst desno

Veština u svakom šavu

Fotografija i kratak opis stoje jedan pored drugog. Na užem ekranu ovaj blok slaže sliku i tekst vertikalno.

Slika desno, tekst levo

Pažljivo podešavanje bicikla

Ovaj primer koristi obrnut položaj medija. Kopirajte ceo blok kada želite da zadržite odnos slike i teksta.

Mehaničar podešava točak bicikla u radionici

14 — Sklopivi detalji

Kako kopirati ovaj primer?

U editoru izaberite ceo blok Detalji. Kopiranjem se prenose i sažetak i sadržaj koji se otvara klikom.

Primer sa unapred otvorenim sadržajem

Ovaj blok je početno otvoren. Posetilac ga može zatvoriti i ponovo otvoriti; urednik može promeniti početno stanje.

15 — Naslov preko fotografije

Cover koristi postojeću lokalnu fotografiju, plavi preklop iz palete teme i beli tekst. Nema parallax efekta niti pozadinskog videa.

Organizovanje kuhinjskih namirnica i posuđa

Red koji olakšava svakodnevicu

Primer kratkog teksta preko fotografije uređene kuhinje.

16 — Kod i unapred formatiran tekst

Code blok

// Primer tehničkog sadržaja; ovaj kod se ne izvršava.
const poruka = "Dobro došli u biblioteku blokova";
console.log(poruka);

Preformatted blok

PROVERA SADRŽAJA
Naslov:       jasan i kratak
Slike:        lokalne i opisane
Linkovi:      provereni
Raspored:     pregledan na telefonu

17 — Postojeći plugin shortcodovi

U ovom projektu nema registrovanih custom Gutenberg/ACF blokova. Sledeći primeri koriste samo postojeće SrbTransLatin shortcodove i ostaju na latinici.

Tekst za latinični prikaz

Ovaj primer se prikazuje kada je aktivna latinica.

Alternativni naziv istog shortcoda

I ovaj provereni primer ostaje na latinici.

Izričito zadat latinični tekst

Pažljivo odabrane reči čine sadržaj jasnijim.

ACF shortcode nije uključen jer je onemogućen i nema definisanih polja. Shortcodovi namenjeni izuzecima za ćirilicu nisu deo ove latinične biblioteke.

Nazad na početak biblioteke