WordPress: ako upraviť CSS a PHP šablóny

Rozmýšľate ako upraviť CSS a PHP šablóny vo WordPress? Tento návod vám pomôže upraviť súbory témy ako sú functions.php alebo style.css cez editor vzhľadu.

WordPress: Ako upraviť CSS a PHP šablóny

Úprava PHP cez editor témy

Vo WordPress slúži na úpravu súborov šablóny nástroj Editor témy. Táto funkcia umožňuje priamo upravovať jednotlivé CSS a PHP súbory šablóny, ktorú používate. Môžete ho použiť napríklad na úpravu súboru functions.php.

WordPress editor témy vzhľad
Editor témy – vzhľad

Upozornenie na riziká priamej editácie šablóny

Nástroj Editor je potrebné používať s opatrnosťou. Ak totiž urobíte zmeny v súboroch, ktoré ovplyvňujú vzhľad vašej stránky nesprávnym spôsobom, môže sa stať, že sa stránka nebude vôbec zobrazovať. V lepšom prípade sa bude zobrazovať nesprávne.

Samotný WordPress vás na to upozorní popup oknom s hláškou:

Vyzerá to, že vykonávate priame úpravy vašej témy cez WordPress nástenku. Odporúčame to nerobiť! Priame úpravy témy môžu znefunkčniť váš web a pri aktualizácií sa môžu všetky stratiť. Ak potrebujete vyladiť viac ako len CSS témy, mohli by ste skúsiť vytvoriť odvodenú tému.

Ak ste rozhodnutý pokračovať s vašimi priamymi úpravami, použite správcu súborov a vytvorte kópiu s novým názvom a nechajte originál tak. Týmto spôsobom môžete znovu obnoviť funkčnú verziu, ak sa niečo pokazí.

WordPress upozornenie editor šablóny
Upozornenie na priamu editáciu šablóny

Ak nemáte znalosti o HTML, CSS alebo PHP, zmeny, ktoré vykonáte, môžu stránku celkom znefunkčniť. Túto funkciu preto odporúčam používať len ak na to máte potrebné znalosti.

Tip: ak sa vám podarí zhodiť si web, prihláste sa cez ftp do súboru, ktorý ste editovali a vráťte danú zmenu späť.

Ako upraviť CSS WordPress šablóny

Na úpravu štýlovania témy je lepšie použiť funkciu úpravy CSS, kde môžete aj naživo sledovať zmeny. Môžete ju použiť napríklad na úpravu súboru style.css.

Dostanete sa tam kliknutím na Upraviť CSS v menu:

WordPress šablóna - ako upraviť CSS
WordPress šablóna – ako upraviť CSS

Kliknutím sa dostanete priamo do editora (nazývaného aj Customizer):

WordPress CSS editor
WordPress: CSS editor

Tu pridajte váš vlastný CSS kód pre upravenie vzhľadu a rozloženia webovej stránky. Zistiť viac o CSS.

Pomocou klávesnice sa môžete pohybovať:

  • V oblasti editora, klávesa Tab vloží tabulátor.
  • Pre odchod z oblasti editora použite klávesu Esc nasledovanú klávesou Tab.
  • Používatelia čítačiek obrazovky: pre odchod z formulárového módu bude možno potrebné stlačiť kláves Esc dvakrát.

Pole na úpravu automaticky zvýrazňuje syntax kódu. Pre prácu v textovom režime to môžete zakázať vo vašom používateľskom profile.

Úprava CSS a PHP vo WordPress – záver

Na úpravu PHP súborov je najlepšie použiť child tému, pretože zmeny robené priamo v šablóne sa vám stratia pri aktualizácií. Plus je tu riziko, že si zhodíte webstránku.

Na úpravu CSS je vhodné použiť tiež child tému, ale na to sú potrebné programátorské znalosti, preto pre používateľov postačí aj vyššie spomínaný editor.

WordPress: ako upraviť CSS a PHP šablóny
4.9 (98%) 10 hlasov

Pomohol vám tento článok? Podporte ma prosím jeho zdieľaním 👍

ZANECHAŤ ODPOVEĎ

Please enter your comment!
Please enter your name here

Súhlasím so spracovaním osobných údajov.