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:
Poté stačí zadat cestu k souboru LESSC.cmd viz obrázek:
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
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:
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:
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?
(645)
Poslední komentáře
Eva17.9.2018 at 8:05
Microcomp Milevsko22.5.2018 at 19:31
Jitka Kopecká30.3.2018 at 13:41