Baza znanja

Page builder

Efikasan i svestran proces za izradu, objavljivanje i deljenje online sadržaja, prilagođen različitim potrebama i korisničkim iskustvima.
Dobro organizovana biblioteka sadržaja omogućava jednostavno upravljanje pristupnim pravima, pružajući lak i brz pristup željenim materijalima.

#pagemenu#

Organizacija sadržaja

Osnovna organizacija sadržaja koristi hijerarhijsku strukturu u obliku stabla, bez ograničenja u dubini. Slično radu s folderima, korisnici mogu kreirati nove stranice, menjati njihove nazive, sortirati ih i brisati prema svojim potrebama, pružajući fleksibilnost i jednostavnost u upravljanju sadržajem

Dodavanje nove stranice

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

Kliknite desnim tasterom miša na željenu lokaciju u stablu sadržaja.
Iz kontekstnog menija koji se otvori, odaberite opciju "Create" (Kreiraj).
Otvorće se nova stranica kojoj je potrebno dodeliti željeni naziv.
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.

Manipulisanje stranicama

Manipulisanje stranicama: Desnim klikom na željenu stranicu otvara se meni sa tri opcije:

"Create": Omogućava kreiranje nove stranice unutar trenutno selektovane stranice.
"Rename": Omogućava promenu naziva trenutne stranice.
"Delete": Briše odabranu stranicu.

Pristup novim stranicama: Nakon što dodate novu stranicu, kliknite na crno dugme "Page" u gornjem desnom uglu ekrana da biste otvorili stranicu "Web site".

Odabir template-a: Kliknite na polje "Template" da biste prikazali padajući meni sa različitim dostupnim template-ima. Odaberite onaj koji najbolje odgovara vašim potrebama.

Prikaz izabranog template-a: Ime izabranog template-a biće prikazano s leve strane dugmeta "Page".

Imajte na umu da prozor za izbor 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 prikazuje se realističan prikaz stranice u novom tabu.

Sadržaj

Content editor je alat unutar Elastyc platforme koji omogućava dizajniranje atraktivnih i profesionalnih web stranica bez ikakvog znanja programiranja. Ovaj grafički uređivač pruža jednostavan korisnički interfejs koji olakšava kreiranje i uređivanje stranica.

Jedna od glavnih prednosti content editora je njegova sposobnost vizuelnog dizajniranja koja korisnicima omogućava da oblikuju web stranicu prema svojim željama jednostavnim odabirom elemenata i prilagođavanjem stilova i postavki istih.
Content editor poseduje već definisane blokove koji nude dodatne funkcionalnosti i mogu se prilagođavati potrebama pojedinaca dok se svi ostali elementi sa lakoćom mogu dodati.

Nakon što se završi sa procesom dizajniranja stranice, izgled stranice je moguće videti pre njenog objavljivanja što omogućava lako uočavanje grešaka i njihovo ispravljanje pre nego što stranica postane dostupna javnosti.

Content editor na Elastyc platformi pruža jednostavan i intuitivan način za kreiranje profesionalnih web stranica bez potrebe za programiranjem.
Sa brojnim funkcijama i mogućnostima prilagođavanja, ovaj alat, u kombinaciji sa ostalim opcijama Elastyc platforme, postaje ključan za vaše poslovanje.
Detaljna uputstva možete pronaći na stranici Editor

Autorizacija pristupa

Postavke za autorizaciju pristupa omogućavaju odabir front-end korisničkih grupa.

SEO

SEO Naslov

SEO naslov je ključan za poboljšanje rangiranja vaše web stranice na pretraživačima. Nalazi se u zaglavlju HTML-a i vidljiv je korisnicima kada pristupe stranici. Efikasan SEO naslov treba da bude:

Informativan i relevantan
Sadrži ključne reči koje vaša ciljna grupa koristi pri pretraživanju
Unutar opsega od 60-70 karaktera za optimalnu vidljivost

Dobar SEO naslov ne samo da poboljšava rangiranje, već privlači više klikova i povećava konverzije na stranici.

SEO Opis

SEO opis pruža kratak pregled sadržaja stranice i prikazuje se ispod naslova u rezultatima pretraživanja. Nalazi se u zaglavlju HTML-a i treba da bude:

Informativan i privlačan
Sažet i sadrži ključne reči koje koristi vaša ciljna grupa
Ograničen na 155-160 karaktera za punu vidljivost

Kvalitetan SEO opis igra ključnu ulogu u privlačenju poseta, jer daje dobar pregled sadržaja stranice i podstiče korisnike na klik. Takođe, može poboljšati rangiranje vaše stranice, jer pretraživači vrednuju ključne reči i kvalitet sadržaja prilikom odlučivanja o rangiranju.

Predefinisana podešavanja

Stablo stranica se nalazi u levom delu ekrana a u gornjem desnom uglu se mogu uočiti tri ikonice.

Prva ikonica, "Site settings", otvara meni sa podešavanjima koji se sastoji iz dva dela.
U prvom, gornjem delu menija, nalaze se ikonice za odabir uređaja za koji želite da definišete podešavanja. Prva ikonica je za desktop, druga za tablet a treća je za mobilne uređaje.

U drugom delu menija nalaze se HTML oznake kao što su:
"H1", "H2", "H3" za naslove, "Paragraf" za tekst i "Link" za linkove.
Klikom na odgovarajuću oznaku otvara se padajući meni gde se nalaze dodatne stilizacije za određene elemente koje omogućavaju biranje veličine fonta (font-size), debljine fonta (font-weight). tipa fonta (font-family) i margina (margin). Kod margina, prva vrednost se odnosi na gornju, druga na desnu, treća na donju a četvrta na levu stranu

U sekciji "Kontejner", moguće je definisati širinu kontejnera, dok opcije za "Megameni" zavise od vrste menija.
Treba napomenuti da su ova podešavanja dostupna samo za desktop verziju.

Paleta boja

Desno od ikonice "Site settings" nalazi se ikonica za podešavanje palete boja web sajta. Klikom na ikonicu otvara se meni sa trenutno dostupnim bojama u paleti.
Klikom na bilo koju boju iz palete otvara se alat za odabir boje (color picker) gde je moguće ručno izabrati novu boju ili uneti njen kod. Nakon izvršene promene, nova boja će se primeniti na celom sajtu, zamenjujući prethodnu boju.

Druga opcija za prilagođavanje boja je grupisanje boja ispod. Dostupne su različite grupe kao što su "Header" (zaglavlje), "Background" (pozadina), "Text" (tekst) i slično. Odabirom određene grupe otvara se padajući meni sa trenutnim bojama iz te grupe a promenom boje unutar grupe moguće je prilagoditi boje samo za tu specifičnu grupu

CMS settings

Pored ikonica "Site settings" i "Palete boja" nalazi se ikonica "CMS settings". Klikom na nju otvara se stranica sa raznim opcijama za podešavanje CMS-a (Content Management System).

Na ovoj stranici moguće je izvršiti sledeće radnje:

Dodavanje logotipa: Učitajte ili postavite logotip koji će se prikazivati na Vašem web sajtu.
Podešavanje fontova: Izaberite i prilagodite različite fontove za naslove, paragrafe, navigaciju i ostale elemente na Vašem sajtu.
Postavljanje opcija za pretraživanje: Konfigurišite opcije pretraživanja kako bi korisnici mogli lako pronaći sadržaj.
Upravljanje korisničkim nalozima: Dodajte i upravljajte korisničkim nalozima koji imaju pristup CMS-u.

Podešavanja u okviru "CMS settings" pružaju potpunu kontrolu nad različitim aspektima upravljanja web sajtom omogućavajući korisnicima da web sajt u potpunosti prilagode svojim potrebama i ciljevima.

Logo i rel icon

U podešavanjima CMS-a, prvo je potrebno uneti naziv budućeg web sajta a zatim dodati logotip i rel ikonu.

Dodavanje logotipa: Klikom na polje koje prikazuje praznu sliku otvara se prozor gde je moguće odabrati sliku sa Vašeg računara a nakon izbora, potrebno je kliknuti na "Open" kako bi se ista i dodala.

Dodavanje rel ikone: Rel ikona predstavlja malu sliku najčešćih dimenzija 16x16 px ili 32x32 px koja se prikazuje na kartici web pretraživača. Klikom na polje za rel ikonu otvara se prozor gde je moguće odabrati sliku sa Vašeg računara a nakon izbora, potrebno je kliknuti na "Open" kako bi se ista i dodala.

Dodavanje logotipa i rel ikone poboljšava korisničko iskustvo i identifikaciju web stranice i čini da web sajt postane vizuelno prepoznatljiv.

Fontovi

Poseta Google Fonts omogućava pretraživanje i pronalaženje različitih fontova koji mogu odgovoriti potrebama Vašeg web sajta. Kada ste sigurni oko odabira fonta, potrebno je definisati sve debljine fonta koje želite da koristite.

Dok birate debljine fonta, sa desne strane će se pojaviti prozor "Selected family" koji prikazuje Vaš trenutni izbor. Nakon završetka odabira, na dnu istog prozora nalaze se dva odeljka: "Embed code in the of your HTML" i "CSS classes". Ovi odeljci će kasnije biti potrebni.

Poseta Google Fonts omogućava prilagođavanje izgleda teksta na web sajtu koristeći razne atraktivne fontove, što pre svega utiče na vizuelni utisak i estetiku celog web sajta.

Nakon odabira željenog fonta i njegove debljine, potrebno je vratiti se na stranicu "CMS settings". U odeljku "Fontovi" klikom na dugme "Dodaj" otvara se prozor "Fontovi".

Potrebno je uneti sledeće parametre:

U polje "Font name" upišite ime fonta.
U polje "Naziv varijable" kopirajte tekst iz odeljka "CSS classes" (donji odeljak). VAŽNO je da kopirate samo naziv fonta, bez dela "font-family:" i bez ";", tj. samo onaj deo koji je označen crvenim pravougaonikom.
U polje "Code" kopirajte ceo tekst iz odeljka "Embed code in the of your HTML", tj. sadržaj koji je označen crvenim pravougaonikom. To možete učiniti jednostavnim klikom na dugme "Copy code".
Kada ste uneli sve parametre, kliknite dugme "Snimi promene" da biste sačuvali unete informacije i dodali novi font.

Na ovaj način moguće je dodati i koristiti fontove na Vašoj web stranici.

Dodavanje novog predmeta

Kako bi dodavanje sadržaja na stranicu bilo moguće, potrebno je prvo kreirati novi predmet klikom na plavo dugme "Novi predmet" u gornjem desnom uglu prozora.
Klikom na dugme otvara se prozor "Novi predmet" sa sledećim opcijama:

"Status predmeta": Odaberite status predmeta. Podrazumevana opcija je "U pripremi".
"Naziv predmeta": Unesite naziv predmeta.
"Tip sadržaja": Izaberite tip sadržaja iz padajućeg menija. Dostupne opcije su:
- "HTML": Koristite ovu opciju ako želite sami da kreirate sadržaj koristeći editor.
- "Slajder": Odaberite ovu opciju ako želite da sadržaj bude prikazan kao slajder.

Nakon što su sve potrebne informacije unete, potrebno je kliknuti na dugme "Postavi novi predmet" kako bi se sam predmet kreirao. Novi predmet će se pojaviti u "Page builder-u" kao pravougaonik sa isprekidanom linijom. U gornjem desnom uglu pravougaonika moguće je uočiti 2 ili 3 ikonice u zavisnosti od izabranog tipa sadržaja.

Na ovaj način moguće je dodati novi predmet koji se dalje može stilizovati korišćenjem opcija "Page Builder-a".

HTML

Prilikom kreiranja predmeta, u "Page builder-u" se pojavljuje pravougaonik sa tri ikonice koje pružaju različite mogućnosti.

Ikonica u obliku olovke, otvara HTML editor koji Vam omogućava da kreirate i stilizujete HTML sadržaj prema vašim željama. Ovaj editor pruža širok spektar mogućnosti za kreativno eksperimentisanje i prilagođavanje sadržaja.

Ikonica za podešavanja omogućava pristup podešavanjima predmeta putem nekoliko tabova.
Na prvom tabu, "Osnovno", moguće je prilagoditi osnovne parametre predmeta, uključujući naziv, tip sadržaja i dodeljivanje određenoj stranici.
Tab "HTML" omogućava pregled i uređivanje kompletnog HTML koda predmeta.
Tab "CSS" omogućava pregled i uređivanje kompletnog CSS koda predmeta.

Poslednja ikonica omogućava lako premeštanje predmeta na stranici. Kako bi funkcija bila aktivna potrebno je držati levi klik miša i prevlačiti predmet gore ili dole kako bi se predmet precizno pozicionirao na stranici.

Na ovaj način omogućena je potpuna kontrola nad HTML predmetima, stilizovanje i raspoređivanje istih prema Vašim potrebama.

Slajder

Prilikom rada sa slajderima ne postoji ikonica za otvaranje editora, već su sva podešavanja dostupna preko ikonica za podešavanja i promenu pozicije.

Podešavanja slajdera:
Na tabu "Osnovno" ponuđene su sledeće opcije:

"Slide num": Broj slajdova vidljivih na desktop verziji.
"Slide num tablet": Broj slajdova vidljivih na tabletu.
"Slide num mobile": Broj slajdova vidljivih na mobilnom telefonu.
"Tip prikaza": Izaberite način prikaza slajda:
- Slikovni slajd: Slajd sa slikom i tekstom ispod slike.
- Pozadinski slajd: Slajd sa slikom koja je pozadina celog slajda, dok tekst ide preko slike.

U delu "Sekcije" moguće je dodavati slajdove klikom na dugme "Dodaj" koji otvara prozor u kome je potrebno:

Uneti naslov slajda.
Dodati podnaslov.
Dodati URL link koji će slajd voditi.
Odabrati sliku za slajd klikom na dugme "Odaberi datoteku".
Označiti polje "Prikaži samo sliku u slajderu" ako želite da slajd prikazuje samo sliku, bez teksta.
Korišćenjem "Css Class" polja primeniti predefinisane stilove na određeni slajd.

Kada završite sa uređivanjem, klikom na dugme "Snimi promene", čuvate sve unete promene i dodajete slajd u slajdere.
Ukoliko je potrebno izmeniti sadržaj slajda to je moguće učiniti jednostavnim klikom na odgovarajući slajd u delu "Sekcije" koji otvara prozor "Sekcije" sa prethodno unetim parametrima koje sada možete promeniti.

Tab "Opcije" sadrži sledeće opcije:

"Aspect ratio": 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 automatski prelaziti (true) ili ne (false). Podrazumevano je false.
"Autoplay speed": Vremenski interval u milisekundama nakon kojeg će se slajder pomeriti (3 sekunde = 3000 ms).
"Navigation": Izaberite da li će slajd imati strelice ili tačkice kao navigaciju.
"Slides to show": Broj slajdova prikazanih pri pomeranju strelicom ili automatskom prelasku.
"Slides to show mob": Broj slajdova prikazanih pri pomeranju na mobilnom telefonu.
"Half-slide": Opcija za prikaz dodatnog polu-slajda (true) ili ne (false).

Tabovi "HTML" i "CSS" su isti kao kod HTML tipa sadržaja.

Saznajte više