CMS editor pro Ambasadory
3 minuty
Ambasadoři solidpixels mají k dispozici funkci Editor kódu, která se nachází v sekci Nastavení. Tato funkce umožňuje přizpůsobit weby pomocí vlastního kódu.
Editor kódu pro Ambasadory
Ambasadoři solidpixels mají k dispozici Editor kódu, který se nachází v sekci Nastavení. Tato funkcionalita poskytuje flexibilitu při tvorbě webů - můžete si vytvořit vlastní designové prvky, přidat specifické animace, upravit rozložení nebo implementovat pokročilé funkce, které standardní bloky solidpixels nenabízejí.
Struktura editoru
Editor obsahuje dva hlavní soubory:
app.js - slouží pro JavaScript kód
Zde můžete přidávat vlastní JavaScript funkce
Umožňuje upravovat chování existujících prvků na webu
Můžete implementovat interaktivní prvky a dynamické funkce
app.css - slouží pro stylování
Podporuje jak čistý CSS, tak LESS (CSS preprocesor)
Zde definujete vlastní třídy pro stylování prvků
Můžete přepisovat výchozí styly existujících bloků
Možnosti použití
Úprava existujících bloků:
Můžete změnit vzhled a chování bloků, které už na webu existují
Přepisujete jejich výchozí CSS styly nebo přidáváte JavaScript funkcionalitu
Vytváření vlastních tříd:
Definujete nové CSS třídy v app.css souboru
Tyto třídy pak můžete aplikovat na různé prvky webu
Kód se aplikuje globálně na celý web, takže změny se projeví všude, kde jsou příslušné třídy nebo selektory použity.
Je lepší vytvářet vlastní nezávislé třídy místo přímých úprav výchozích tříd solidpixels. Výchozí třídy se mohou mezi verzemi měnit, přejmenovávat nebo úplně odstraňovat, což by mohlo ovlivnit váš web při aktualizaci.
Přidání vlastních tříd do bloku
Otevřete Nastavení bloku, který chcete upravit
Přejděte na záložku Pokročilé
V poli pro CSS třídy se vám mezi výchozími třídami zobrazí i vaše vlastní třídy
Vyberte nebo vyhledejte název vaší třídy
Na co si dát pozor
Přidáním vlastních CSS/JS úprav může váš web ztratit možnost automatických upgradů do nových verzí solidpixels
Nepoužívejte názvy tříd, které by mohly kolidovat s výchozími třídami solidpixels
Kontrolujte, zda vaše třída již v systému neexistuje
Otestujte chování třídy na různých zařízeních