Baza znanja

Page builder

Kompaktan proces za stvaranje, objavljivanje i deljenje online sadržaja, prilagođen svim prilikama i korisničkim iskustvima. Uz dobro organizovanu biblioteku sadržaja, omogućuje definisanje prava pristupa i jednostavan pristup sadržaju.

#pagemenu#

Saznajte više

Organizacija sadžaja

Osnovna organizacija sadržaja je hijerarhijska struktura u obliku stabla bez ograničenja dubine. Slično kao pri manipulaciji folderima, korisnici mogu kreirati nove stranice, menjati nazive, vršiti sortiranje i brisati stranice prema svojim potrebama.

Dodavanje nove stranice

Za kreiranje nove stranice, potrebno je pratiti sledeće korake:

1. Kliknite desnim tasterom miša na željenu lokaciju u stablu sadržaja,
2. Iz kontekstnog menija koji se otvori, odaberite opciju "Create" (Kreiraj),
3. Otvoriće se nova stranica, kojoj je potrebno dodeliti željeni naziv,
4. Kada ste uneli naziv, možete potvrditi unos pritiskom na taster "Enter" na tastaturi ili jednostavnim klikom miša bilo gde van polja za unos teksta.

Ovim postupkom ćete uspešno dodati novu stranicu u svoju organizaciju sadržaja.

Manipulisanje stranicama

Manipulacija stranicama se obavlja na sledeći način:
1. Desnim klikom na željenu stranicu, otvara se meni sa tri korisne opcije:

- "Create" - otvara novu stranicu unutar trenutne stranice na kojoj ste izvršili desni klik.
- "Rename" - omogućava vam promenu naziva stranice.
- "Delete" - briše odabranu stranicu.

2. Nakon dodavanja nove stranice, pristupite stranici "Web site" klikom na crno dugme "Page" u gornjem desnom uglu ekrana.
3. Odaberite željeni template stranice klikom na polje "Template". Prikazaće se padajući meni sa različitim ponuđenim template-ima,
iz kojeg možete izabrati onaj koji vam odgovara.
4. Naziv izabranog template-a će se prikazati s leve strane dugmeta "Page".

Imajte na umu da prozor template-a takođe sadrži dodatna podešavanja kao što su naziv template-a, kodovi, skripte, komponente i slično.
Klikom na ljubičasto dugme otvorite realističan prikaz stranice u novom tabu.

Saznajte više

Sadržaj

Content editor je alat unutar Elastyc platforme koji vam omogućava da kreirate privlačne i profesionalne web stranice
bez potrebe za programiranjem. Ovaj grafički uređivač sadržaja pruža vam korisnički interfejs dizajniran
da pojednostavi proces kreiranja i uređivanja stranica.

Jedna od ključnih prednosti content editora je mogućnost vizuelnog dizajniranja, omogućavajući vam da kreirate web stranicu
po vašim željama, čak i ako nemate iskustva u kodiranju. Samo odaberite elemente i prilagodite njihove stilove i podešavanja.
Ovaj proces je intuitivan i jednostavan, štedeći vam vreme i napor prilikom stvaranja sadržaja.

Možete lako dodavati tekst, slike, video zapise, prijavne forme, dugmad za porudžbine i prilagođavati fontove, boje i postavke.
Takođe, imate mogućnost dodavanja kompletno definisanih blokova koji pružaju dodatne funkcionalnosti i koji su podložni uređivanju.

Nakon što završite sa kreiranjem stranice, content editor vam omogućava real-time pregled, što znači da možete videti kako će stranica
izgledati kada je objavite. Ovo vam omogućava brzo otkrivanje eventualnih problema i poboljšanje izgleda i funkcionalnosti stranice
pre nego što je javno dostupna.

Ukratko, content editor u Elastyc platformi vam omogućava da jednostavno i intuitivno kreirate profesionalne
web stranice bez potrebe za programiranjem. Sa brojnim funkcijama i mogućnostima prilagođavanja, ovaj alat,
zajedno sa ostalim mogućnostima Elastyc platforme, postaje nezamenljiv u poslovanju. Detaljnije uputstvo možete pronaći na stranici Editor.

Saznajte više

Autorizacija pristupa

Postavke za autorizaciju pristupa omogućavaju odabir front-end korisničkih grupa.
Više informacija o autorizaciji pristupa možete pronaći na sledećem linku.

Saznajte više

SEO

Naslov optimiziran za pretraživače (SEO naslov) je naslov koji se koristi u strategiji SEO (Search Engine Optimization) radi poboljšanja rangiranja web stranice u rezultatima pretraživanja. Ovaj naslov se prikazuje u zaglavlju HTML-a i vidljiv je korisnicima prilikom pristupa web stranici.

Kvalitetan SEO naslov treba biti informativan, relevantan i sadržavati ključne reči koje ciljna grupa najčešće koristi pri pretraživanju. Preporučuje se da naslov bude unutar opsega od 60-70 karaktera kako bi se osigurala potpuna vidljivost u rezultatima pretrage. Osim što utiče na bolje rangiranje, dobar SEO naslov može privući veći broj klikova i povećati konverziju na web stranici.

SEO opis je koncizan pregled sadržaja web stranice koji se prikazuje u rezultatima pretraživanja na pretraživačima kao što je Google.
Smešten u zaglavlju (head) HTML-a. Ovaj opis je vidljiv ispod naslova web stranice u rezultatima pretraživanja.

Kvalitetan SEO opis treba biti informativan, privlačan i sažet, te sadržati ključne reči koje ciljna grupa koristi pri pretraživanju. Optimalno ga je ograničiti na 155-160 karaktera kako bi bio u potpunosti vidljiv u rezultatima pretraživanja. SEO opis ima važnu ulogu u privlačenju poseta web stranici, jer može dati dobar dojam o sadržaju i podstaknuti korisnike na klik.

Takođe, dobar SEO opis može doprineti poboljšanju rangiranja web stranice u rezultatima pretraživanja, s obzirom na to da pretraživači uzimaju u obzir ključne reči i kvalitet sadržaja u opisu prilikom odlučivanja o rangiranju.

Saznajte više

Predefinisana podešavanja

U levom delu ekrana, gde se nalazi stablo stranica, u gornjem desnom uglu možete pronaći tri ikonice. Prva ikonica je "Site settings" koju možete kliknuti da biste otvorili meni sa podešavanjima. Meni se sastoji iz dva dela.

U prvom (gornjem) delu menija, nalaze se ikonice koje vam omogućavaju odabir za koji uređaj želite unositi podešavanja. Prva ikonica je za desktop, druga za tablet, a treća za mobilne uređaje.

U drugom delu menija, možete pronaći HTML oznake poput "H1", "H2", "H3" za naslove, "Paragraf" za tekst i "Link" za linkove. Klikom na odgovarajuću oznaku otvara se padajući meni u kojem možete birati veličinu fonta (font-size), debljinu fonta (font-weight), tip fonta (font-family) i margine (margin). Kada se radi o marginama, prva cifra odnosi se na gornju marginu, druga na desnu, treća na donju, a četvrta na levu.

U okviru podešavanja "Kontejner", možete definisati širinu kontejnera, dok kod "Megamenija" imate različite opcije podešavanja, u zavisnosti od vrste menija. Važno je napomenuti da su ova podešavanja dostupna samo za desktop verziju.

Paleta boja

Desno od ikonice "Site settings" nalazi se ikonica koja otvara meni za podešavanje palete boja web sajta. Kada kliknete na tu ikonicu, pojaviće se meni sa trenutno dostupnim bojama u paleti.

Jednostavnim klikom na bilo koju od postojećih boja, otvara se alat za odabir boje (color picker) koji vam omogućava da ručno izaberete novu boju ili unesete kod boje. Nakon što izvršite promenu, nova boja će se primeniti na celom web sajtu, zamjenjujući prethodnu boju.

Druga opcija za prilagođavanje boja je grupisanje boja koje se nalaze ispod. Na raspolaganju su vam različite grupe kao što su: Header" (zaglavlje), "Background" (pozadina), "Text" (tekst) itd. Kada odaberete određenu grupu, otvara se padajući meni sa trenutnim bojama za tu grupu. Promenom boje unutar te grupe, možete prilagoditi boje samo za tu specifičnu grupu.

CMS settings

Pored ikonica "Site settings" i "Palete boja" nalazi se ikonica "CMS settings".
Kada kliknete na tu ikonicu, otvoriće se stranica sa obiljem opcija za podešavanje CMS-a (Content Management System).

Na toj stranici možete izvršiti sledeće radnje:

1. Dodavanje logotipa: Možete učitati ili postaviti logotip koji će se prikazivati na vašem web sajtu.

2. Podešavanje fontova: Imate mogućnost izbora i prilagođavanja različitih fontova koji će se koristiti na vašem web sajtu. To uključuje fontove za naslove, paragrafe, navigaciju i ostale elemente.

3. Postavljanje opcija za pretraživanje.

4. Upravljanje korisničkim nalozima: Ovde možete dodavati i upravljati korisničkim nalozima koji imaju pristup CMS-u.

Podešavanja u okviru "CMS settings" pružaju vam fleksibilnost i kontrolu nad različitim aspektima upravljanja vašim web sajtom,
kako biste ga prilagodili vašim potrebama i ciljevima.

Logo i rel icon

U okviru podešavanja CMS-a, prvo možete uneti ime vašeg sajta, a zatim imate mogućnost dodavanja logotipa i rel ikone.

Da biste dodali logotip, kliknite na odgovarajuće polje koje prikazuje praznu sliku. Otvara se prozor koji vam omogućava a odaberete sliku sa vašeg računara. Pronađite željeni logotip i kliknite na "Open" da biste ga dodali.

Rel ikona je slika malih dimenzija, obično 16x16 ili 32x32 piksela, koja se prikazuje na kartici web pretraživača. Takođe, možete dodati rel ikonu klikom na odgovarajuće polje i odabirom slike sa vašeg računara.

Dodavanje logotipa i rel ikone pomaže u vizuelnom prepoznavanju vašeg sajta i pruža bolje korisničko iskustvo prilikom pregledanja i identifikacije vaše veb stranice.

Fontovi

Za dodavanje željenog fonta, prvo posetite https://fonts.google.com/ gde možete pretražiti i pronaći željeni font. Kada pronađete font, odaberite sve željene debljine fonta.

Dok birate debljine fonta, sa desne strane će se pojaviti prozor "Selected family" koji prikazuje izabrane debljine fonta. Kada završite sa izborom, na dnu prozora "Selected family" videćete dva odeljka: "Use on the web" i "CSS rules to specify families". Oba odeljka će vam biti potrebna kasnije.

Poseta https://fonts.google.com/ vam omogućava da prilagodite izgled teksta na vašem web sajtu i koristite razne atraktivne fontove kako biste poboljšali vizuelni dojam i estetiku sajta.

Nakon odabira željenog fonta i njegove debljine, vratite se na stranicu "CMS settings". U odeljku "Fontovi" pritisnite dugme "Dodaj" da biste otvorili prozor "Fontovi".

Unesite sledeće parametre:

1. U polje "Font name" upišite ime fonta.

2. U polje "Naziv varijable" kopirajte tekst iz odeljka "CSS rules to specify families" (donji odeljak). VAŽNO je da kopirate samo naziv fonta, bez dela "font-family:" i bez ";", tj. samo onaj deo koji je označen drugim crvenim pravougaonikom.

3. U polje "Code" kopirajte ceo tekst iz odeljka "Use on the web", tj. sadržaj koji je označen prvim crvenim pravougaonikom.

4. Kada ste uneli sve parametre, kliknite dugme "Snimi promene" da biste sačuvali unete informacije i dodali novi font.

Na ovaj način, dodajete fontove na vašu veb stranicu i omogućavate njihovo korišćenje u dizajnu.

Saznajte više

Dodavanje novog predmeta

Da biste dodali sadržaj na stranicu, prvo morate kreirati novi predmet. Kliknite na plavo dugme "Novi predmet" u gornjem desnom uglu prozora.
Otvara se prozor "Novi predmet" u kojem su dostupna sledeća podešavanja:

1. "Status predmeta": Odaberite status u kojem se predmet nalazi. Podrazumevana vrednost je "U pripremi".
2. "Naziv predmeta": Unesite naziv predmeta.
3. "Tip sadržaja": Ovo polje vam omogućava da odaberete tip sadržaja iz padajućeg menija. Dostupni tipovi su "HTML" i "Slajder".
- "HTML" se koristi kada želite sami da kreirate sadržaj uz pomoć editora.
- "Slajder" se koristi kada želite da definišete sadržaj kao slajder.

Nakon što ste uneli sve potrebne informacije, kliknite na dugme "Postavi novi predmet" da biste kreirali predmet. Novi predmet će se prikazati
u "Page builder-u" kao pravougaonik koji je uokviren isprekidanom linijom. U gornjem desnom uglu pravougaonika će se nalaziti 2 ili 3 ikonice,
zavisno od tipa sadržaja koji ste odabrali.

Na taj način dodajete novi predmet i dalje možete manipulisati njegovim sadržajem u "Page builder-u".

HTML

Kada kreirate HTML predmet, primetićete da se u "Page builder-u" pojavljuje pravougaonik sa 3 ikonice koje vam pružaju različite mogućnosti.

Prva ikonica, u obliku olovke, predstavlja HTML editor koji vam omogućava da kreiraite raznovrstan HTML sadržaj i stilizujete ga
prema vašim željama. U editoru imate slobodu da eksperimentišete i izražavate svoju kreativnost.

Sledeća ikonica otvara podešavanja predmeta i pruža vam pristup nekoliko tabova. Na prvom tabu "Osnovno" možete prilagoditi parametre predmeta, kao što su naziv, tip sadržaja i pripadnost određenoj stranici. U tabu "HTML" možete videti i uređivati kompletni HTML kod tog predmeta, a u "CSS" tabu možete pristupiti i uređivati CSS kod koji se odnosi na taj predmet.

Poslednja ikonica omogućava vam jednostavno pomeranje predmeta po stranici. Jednostavno prevucite predmet gore ili dole dok držite levu
tipku miša pritisnutu, kako biste precizno postavili njegovu poziciju na stranici.

Na taj način imate punu kontrolu nad HTML predmetima i možete prilagoditi njihov izgled i raspored na stranici prema vašim potrebama.

Slajder

Kada se radi sa slajderima, za razliku od HTML tipa sadržaja, nema ikonice za otvaranje editora, već samo za podešavanja i za promenu pozicije.
Kod podešavanja predmeta, ponuđene opcije su nešto drugačije u odnosu na HTML. Na tabu "Osnovno", prva 3 polja su ista kao i kod HTML-a, dok se ostala odnose na:

- "Slide num" - prikazuje koliko slajdova će biti vidljivo na desktop verziji.

- "Slide num tablet" - prikazuje broj vidljivih slajdova na tabletu.

- "Slide num mobile" - prikazuje broj vidljivih slajdova na mobilnom telefonu.

- "Tip prikaza" - pruža mogućnost izbora da li će slajd biti sa slikom (dodatno: tekst ispod slike) ili sa pozadinom (gde je slika pozadina celog slajda, tekst ide preko toga).

U delu "Sekcije" možete dodavati slajdove jednostavnim klikom na dugme "Dodaj".
Tada će se otvoriti prozor "Sekcije" u kojem možete uneti naslov slajda, podnaslov i čak dodati link koji će slajd voditi.
Tu je i opcija "Link" gde možete dodati URL na koji će slajd upućivati.
Pored toga, možete odabrati sliku za slajd tako što ćete kliknuti na dugme "Odaberi datoteku".
Ako označite polje "Prikaži samo sliku u slajderu", slajd će biti prikazan samo sa slikom, bez teksta. "Css Class" polje vam omogućava da primenite predefinisane stilove na određeni slajd.

Kada završite sa uređivanjem, jednostavno kliknite dugme "Snimi promene" da biste sačuvali i dodali slajd u slajdere.
Ako kasnije želite da izmenite sadržaj slajda, samo kliknite na odgovarajući slajd u delu "Sekcije" i otvoriće se prozor "Sekcije" sa prethodno unetim parametrima koje možete menjati po želji.

Pod tabom "Opcije" se kriju sledeće opcije:

- "Aspect ratio" - birate odnos stranica slajda.

- "Aspect ratio tablet" - odnos stranica slajda na tabletu.

- "Aspect ratio mobile" - odnos stranica slajda na mobilnom telefonu.

- "Autoplay" - da li će slajdovi samo pomerati (true) ili neće (false). Podrazumevano podešavanje je false.

- "Autoplay speed" - definiše vremenski period posle kog će se slajder pomeriti, i vrednost se zadaje u milisekundama (3s = 3000 ms).

- "Navigation" - birate da li će na slajdu biti strelice ili tačkice kao navigacija.

- "Slides to show" - pokazuje koliko slajdova će se pomeriti slajder klikom na strelicu ili autoplay opcijom.

- "Slides to show mob" - pokazuje koliko slajdova će se pomeriti slajder na mobilnom telefonu.

- "Half-slide" - opcija kojom birate da li će se prikazati dodatni polu-slajd (true) ili neće (false).

- "HTML" i "Css" tabovi su isti kao i kod HTML tipa sadržaja.

Saznajte više