Vgrajevanje in urejanje kode preko HTML-izsečka

Gradnik HTML-izseček (HTML Snippet) v urejevalniku SiteKreator omogoča vgrajevanje prilagojene kode HTML, JavaScript ali CSS neposredno v vsebinski del posamezne podstrani. Funkcionalnost je primerna za integracijo zunanjih orodij, kot so gumbi za plačila (npr. PayPal), vgradni video in avdio predvajalniki, storitve Google Analytics, Google AdSense ali drugi vtičniki.

Omejitve uporabe gradnika

Opozorilo: Gradnik HTML-izseček (HTML Snippet) je namenjen izključno dodajanju kode znotraj vsebinskega območja posamezne podstrani. Ne morete ga uporabljati za celostno spremembo grafičnega dizajna, nameščanje strežniških skript ali kot nadomestilo za primarni urejevalni vmesnik.

Načini dodajanja HTML-izsečka

Za dodajanje kode kodi na spletno stran sta na voljo dva načina, odvisno od željene postavitve:

1. Način: Samostojni vsebinski element

Ta način je primeren, kadar želite kodo postaviti kot samostojen blok znotraj strukture podstrani.

1. V levem stranskem meniju kliknite Dodaj vsebino (Build) ter poiščite gradnik HTML-izseček (HTML Snippet).

2. Gradnik s funkcijo povleci in spusti (drag-and-drop) premaknite na želeno mesto na strani. Modri pravokotniki oziroma vodoravne črte označujejo veljavna mestna področja za vstavljanje.

3. Se s kazalcem miške pomaknite nad vstavljeni element ter kliknite ikono zobnika (Uredi) za odpiranje vnosnega okna za HTML-kodo.

4. Vnesite ali prilepite kodo ter potrdite spremembe s klikom na Posodobi (Update).

2. Način: Vgrajevanje znotraj gradnika Besedilo in slika (Text & Image)

Vgrajevanje kode neposredno v gradnik Besedilo in slika (Text & Image) je ustreznejša izbira, kadar želite doseči natančno pozicioniranje izsečka glede na ostalo vsebino — na primer za poravnavo ob besedilu ali vgrajevanje znotraj celice v tabeli.

1. Odprite gradnik Besedilo in slika (Text & Image) s klikom nanj ali pa ga povlecite iz levega menija.

2. Postavite kazalec miške na točno mesto znotraj besedila, kamor želite vgraditi kodo.

3. V desni orodni vrstici pod razdelkom medvrstičnih elementov (Inline Elements) kliknite ikono HTML. Na izbranem mestu se prikaže odmik za HTML-izseček (HTML Snippet placeholder).

4. Kliknite na odmik ter v pogovorno okno na desni prilepite svojo kodo.

5. Kliknite zunaj gradnika, da shranite in uveljavite spremembe na podstrani.

Varnostna opozorila in dobri praktični napotki

Nepravilna ali poškodovana koda znotraj HTML-izsečka lahko poruši vizualno strukturo spletnega mesta ali onemogoči pravilno delovanje uredniških orodij v urejevalniku SiteKreator.

Opozorilo glede testiranja kode:

1. Vse nove HTML-izsečke vedno najprej testirajte na testni podstrani: Kodo preizkusite znotraj vsebinskega območja pomožne podstrani, ki ni javno izpostavljena.

2. Ne dodajajte nepreverjene kode v skupno glavo ali nogo: Kode nikoli ne vgrajujte neposredno v glavo (Header) ali nogo (Footer) spletnega mesta, dokler se na testni podstrani ne prepričate o njenem neoporečnem delovanju.

3. Uporabite samostojni element za preizkus: Ob prvem testiranju kodo vedno vstavite kot samostojni element na stran.

4. Postopek ob okvari strani: Če napačna koda poruši delovanje ali prikaz podstrani, lahko poškodovano podstran v celoti odstranite preko menija Upravljaj s stranmi (Pages) v levem stranskem meniju.

Opomba: Popravilo spletnega mesta s strani tehnične ekipe zaradi neustrezno vnesene zunanje kode se obračuna kot plačljiva storitev.