Primjer pod-stranice

Kod pisanja sadržaja za stranice, možete koristiti sve tekstualne i grafičke elemente kao i kod pisanja klasičnih dokumenata; naslove, podnaslove, paragrafe, liste, fotografije i slično. 

Uz njih na raspolaganju imate i specifične web elemente; gumbi, galerije, tablice, citati, datoteke za preuzimanje.

Također, istaknuli bi postojanost posebnog elementa razvijenog za korištenje na stranicama sastavnica Sveučilišta, a služi za spremanje većih količina sadržaja koji ne mora nužno biti vidljiv čim se stranica prikaže. Naziv tog elementa je Toggle Blok. Njega, kao i ostale elemente koji su vam na raspolaganju kod oblikovanja sadržaja stranica možete vidjeti u nastavku ove stranice.

Primjer formatiranja naslova i tekstualnog sadržaja

H2 Naslov Vestibulum id ligula porta felis euismod semper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

H3 Naslov Vestibulum id ligula porta felis euismod semper.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

H4 Naslov Vestibulum id ligula porta felis euismod semper.

Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus.

Elementi za oblikovanje sadržaja (tzv. blokovi)

WordPress Blokovi

WordPress blokovi su nativni elementi WordPress CMS-a, služe za oblikovanje sadržaja, a u nastavku je prikaz svih blokova koje sastavnice imaju na raspolaganju.

Gumb / Button

Naziv bloka: Dugmad

Naslov gumba
Naslov gumba

Gumb (Grupa) / Button group

Naziv bloka: Dugmad

Gumb jedan
Gumb dva
Gumb tri

Stilizirani/naglašeni tekst ili poveznica

Naziv bloka: Stih

Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus.
Vaša poveznica može biti ovdje

Citat / Quote

Naziv bloka: Citat

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo.

Ime Prezime, funkcija

Galerija fotografija / Gallery

Naziv bloka: Galerija

Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Galerija: Primjer #1
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Galerija: Primjer #2

Tablica / Table

Naziv bloka: Tablica

Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5
Primjer tablice “Default”
Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5
Primjer tablice “Stripes”

Toggle

Naziv bloka: Content Toggle

Toggle naslov

Toggle s blokovima

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Social Icons

Naziv bloka: Ikone društvenih mreža

Datoteke za preuzimanje

Naziv bloka: Datoteka

Primjer .PDF datoteke za preuzimanjeDownload
Primjer .DOC datoteke za preuzimanjeDownload
Primjer .DOCX datoteke za preuzimanjeDownload
Primjer .XSL datoteke za preuzimanjeDownload
Primjer .XLSX datoteke za preuzimanjeDownload
Primjer .PPT datoteke za preuzimanjeDownload
Primjer .PPTX datoteke za preuzimanjeDownload
Primjer .JPG ili .PNG datoteke za preuzimanjeDownload
Primjer .*** datoteke za preuzimanjeDownload

Ostali tekstualni elementi

  1. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
  2. Vestibulum id ligula porta felis euismod semper.
  3. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
  4. Curabitur blandit tempus porttitor.
  5. Donec ullamcorper nulla non metus auctor fringilla.
  • Aenean lacinia bibendum nulla sed consectetur.
  • Fusce dapibus, tellus ac cursus commodo.
  • Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
  • Vestibulum id ligula porta felis euismod semper.
  • Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
  • Curabitur blandit tempus porttitor.
  • Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
  • Tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
  1. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
    1. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
    2. Vestibulum id ligula porta felis euismod semper.
    3. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
  2. Curabitur blandit tempus porttitor.
    1. Donec ullamcorper nulla non metus auctor fringilla.
    2. Vestibulum id ligula porta felis euismod semper.
      1. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
      2. Curabitur blandit tempus porttitor.
  3. Donec ullamcorper nulla non metus auctor fringilla.
  • Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
    • Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
    • Vestibulum id ligula porta felis euismod semper.
    • Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
  • Curabitur blandit tempus porttitor.
    • Donec ullamcorper nulla non metus auctor fringilla.
    • Vestibulum id ligula porta felis euismod semper.
      • Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
      • Curabitur blandit tempus porttitor.
  • Donec ullamcorper nulla non metus auctor fringilla.

Ažurirano 18.03.2025.

Skip to content