205
Zobrazení

Chcete použít ve vašich stránkách nebo šabloně ve wordpressu preprocesor LESS.

Proč používat proprocesor LESS?

Preprocesor LESS nabízí možnost zapsat do CSS kódu proměnné, makra, zanořené definice a další věci. Nepřidává tedy nové funkce pro popis vzhledu, ale zjednodušuje či zpřehledňuje v některých případech zápis pravidel.

Jak nainstalovat LESS v neatbeans?

Nejdříve začneme s instalací node.js. Po nainstalování spustíme ve windows příkazový řadek cmd.exe ( ve win7 Start->spustit->cmd.exe nebo win8 klávesnice win+q->cmd.exe ).

Po spuštění přikazového řádku, napíšeme příkaz

npm install less -g

Po spuštění příkazu dojde k instalaci a příkazový řádek vypíše toto:

netbeans-cmd

Poté stačí zadat cestu k souboru LESSC.cmd viz obrázek:

 

netbeans-nastaveni

po zadání dáme aplikovat a restartujeme netbeans.

 

Pro aplikování LESS preprocesoru musíme ještě nastavit cestu u projektu k souborům (less a css), podle toho jak je máme nazvané např: style.less a style.css. 

V netbeans klikneme pravým kliknutím myši na projekt a dáme properties -> css preprocesores  -> LESS

netbeans-nastaveni-less

 

Chcete, aby se změny stylů zkopírovalo automaticky na FTP projektu?

Pro automatický upload vašich změn stylů v netbeans stačí nastavit vaše netbeans takto:

 

U netbeans klikneme pravým kliknutím myši na projekt a dáme properties -> run configuration  Runs as zvolíme remote web site FTP, SFTP

Remote connection klikneme manage a poté zadáme údaje o vašem FTP přístupu:

nastaveni-netbeans-automaticky-upload-ftp

 

Klikneme na OK a aplikujeme nastavení vaše FTP:

Remote connection zvolíme Váše uložené FTP přístupy.

Upload Directory nastavíme vaše cestu ke složce, kde máme uložené styly. (tu samou cestu musíme mít samozřejmé i na lokálním adresáři) viz screen:

neatbeans-projekty-cesta-k-souborum

poté když nastavíme cestu ke složce, kde máme uložené styly nastavíme:

Upload files na ON Save. a potvrdíme kliknutím na OK.

 

Jsou nějaké pluginy pro LESS proprecossor u WORDPRESSU?

Ano, určitě. Použijte např. WP LESS COMPILER nebo LESS COMPILER.

Otázka:

Používaté u Vašeho wordpressu také LESS proprecosor? a jak jste spokojený? Nebo Jaký používate?

(205)

Jak nainstalovat LESS do NetBeans?

6 komentářů

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>