V tomto článku sa dozviete, ako jednoducho upraviť CSS na WordPress stránke pomocou bezplatných nástrojov. Pre WordPress máte 2 platené pluginy, pomocou ktorých môžete upravovať CSS, a to Yellow Pencil a CSS Hero, ktorým sa však v tomto texte venovať nebudeme.
Nástroj, ktorý použijeme, je Vizuálny inšpektor CanvasFlip. Na stránku ho neinštalujeme, pretože to nie je plugin, ale rozšírenie Google a funguje iba v prehliadači Chrome. Môžete ho použiť veľmi ľahko a jednoducho, na rozdiel od vyššie spomínaných 2 pluginov, ktoré sú zložitejšie. CanvasFlip je zadarmo a stačí si ho nainštalovať do prehliadača ako rozšírenie a môžete začať upravovať.
Čo sa týka CanvasFlip, existuje aj platená verzia, v rámci ktorej máte viac možností. Na ich cloud si môžete uložiť viacero projektov súčasne, hneď vidíte, aké zmeny ste na stránke urobili, jednu stránku tak môže zmeniť viacero ľudí súčasne, čo je veľmi užitočné pre webdesignové agentúry a pri niektorých projektoch, kde pracuje viacero ľudí.
Jednou z nevýhod tohto rozšírenia je, že nie je možné upravovať responzívne verzie pre mobilné telefóny a tablety, ale je celkom užitočné na vykonávanie zmien na desktopovej verzii stránky. Prvá vec, ktorú musíte urobiť, je nájsť rozšírenie na Google a nainštalovať ho. Keď to urobíte, musíte naň kliknúť v prehliadači a zobrazí sa ako na obrázku nižšie.
Po kliknutí na tlačidlo Skontrolujte a začnite pohybovať myšou po stránke, všimnete si, ako môžete na stránke vybrať rôzne sekcie a zmeniť ich. Keď kliknete na sekciu, máte možnosť zmeniť jej veľkosť, okraje, medzery, farbu, písmo a mnoho ďalších vecí. Samozrejme, toto všetko môžete zmeniť v rámci Elementoru a témy, ktorú ste použili na vytvorenie stránky, ale niektoré veci možno nebudete môcť zmeniť, ako napríklad medzery medzi hlavičkami, alebo jednoducho chcete zmenu okamžite vidieť naživo na stránke. Potom je pre vás jednoduchšie používať toto rozšírenie.
Všetko spomenuté vyššie môžete v Elementore zmeniť, no sú veci, ktoré nemôžete, o ktorých si napíšeme v ďalšom texte. Ak kliknete na konkrétny článok v sekcii posledných článkov na stránke, uvidíte, že môžete zmeniť aj tieňovanie prvku, čo v Elementore neplatí. Na webe môžete zmeniť čokoľvek, čo chcete, a potom si môžete stiahnuť súbor so zmenami CSS. Ak to chcete urobiť, musíte kliknúť na možnosť Informácie a potom kliknúť na tlačidlo Exportovať zmeny ako na obrázku nižšie a stiahnete si súbor so zmenami.
Keď ste klikli na toto tlačidlo, dostali ste komprimovaný súbor obsahujúci súbor css. Otvorte ho v textovom editore a skopírujte css kód, ktorý potrebujete vložiť na stránku. Ak to chcete urobiť, musíte kliknúť na možnosť v ovládacom paneli vašej stránky Prispôsobiť. Potom, keď to urobíte, musíte túto možnosť otvoriť Vlastné CSS/JS a do nej vložte skopírovaný kód css a kliknite na tlačidlo Publikovať. Týmto spôsobom ste uložili zmeny na vašej lokalite v rámci ovládacieho panela lokality. Sami sa môžete presvedčiť, že je celkom rýchle a jednoduché robiť zmeny na stránke týmto spôsobom.
Zdroj: YouTube
