Webnode: Ako vložiť do textu index pre metre štvorcové

05.09.2022

Návod je určený pre všetky stavebné firmy, ktoré majú svoj web na Webnode. A ďalej pre používateľov, ktorí chcú vyzerať profesionálne, a údaje vo formáte "20m2" im ležia v žalúdku. Ako povedal môj kamoš chemik, "H2O" nie je voda. Možnosti sú celkovo asi tri.

Prvá možnosť: kopypást

Skopíruj správne naformátovaný text z iného webu priamo do Webnode:

Druhá možnosť: Pohraj sa s HTML kódom 

Webnode neposkytuje pokročilé formátovanie textu, pretože nie je Word ani iný pokročilý textový editor. Pracuje s jazykom HTML. Písanie horných a dolných indexov v HTML kóde zabezpečujú tieto dva tagy:
<sup>horný</sup>
<sub>dolný</sub>

Navyše nestačí tieto tagy napísať len tak do textu, je potrebné si napísať celý kód a potom využiť vstavanú funkciu - prvok HTML. Takže prejdeme rovno k prvej možnosti:

Napr. 20m2 - dvojku treba obaliť do tagov <sup> a </sup>, takže text bude vyzerať v kóde nasledovne:

Náš obchod má priestor 20m<sup>2</sup>.

Spomínaná voda:

Voda sa označuje ako H<sup>2</sup>O.

Kódy sa vkladajú prostredníctvom prvku HTML kód priamo v editore. Odporúčam preto vziať celý odstavec a vložiť ho do tagov pre odseky. Napr.

<p>Voda sa označuje ako H<sup>2</sup>O.</p>.

Tretia možnosť: Javascript

Toto je naozaj pre expertov. Kód sa dá uplatniť aj inými kreatívnymi spôsobmi. Ako príklad uvediem popis produktov v e-shope. Tento kód bude fungovať na absolútne celom webe, nielen v popise produktu.


Krok 1: na hornej čiernej lište v editore vyber záložku Produkty a nájdi inkriminovaný produkt.

Krok 2: číslo 2 za m označ a naformátuj ako bold a kurzívu zároveň:


Krok 3: zmeny ulož a zavri okno s produktami.

Krok 4: v hornej čierne lište klikni na NASTAVENIA a nájdi Nastavenia webu.

Krok 5: Do nastavení webu - HTML pätička vlož kód:

<script>

(function() {

var str = "2";

var result = str.sup();

var x = document.querySelectorAll("em","strong");

var i;

for (i = 0; i < x.length; i++) {

x[i].innerHTML = result

}

})()

</script>

Krok 6: Zmeny ulož, okno zavri a Publikuj.

Výsledok:

300m2

Pozor pozor

Kód funguje tak, že vyhľadá každý znak na tvojom webe, ktorý je naformátovaný na bold a italic zároveň, a zmení ho znak 2 v hornom indexe. Aj medzeru. Aj medzera je znak. Aj celé slovo. Viď:

Kurvahoši, gutentag!

Preto je potrebné, aby si bol precízny, a boldom a italicom zároveň označil iba ten jeden jediný znak.

👉 Tip: V drvivej väčšine prípadov CSS a HTML kódy patria do hlavičky webu a Javascript kódy do pätičky.

Webnode: tipy, triky, návody a kódy

Vylepši svoj web

Tento návod sa hodí, ak chceš akúkoľvek záložku z menu presmerovať mimo svoj web. Napr. na inú tvoju stránku/e-shop, do inej služby, kde máš profil (Instagram, Facebook) a podobne.

Pomohol ti tento návod? Zdieľaj ho!