WordPress návody

Jak upravit CSS v administraci WordPress

css styly
Autor příspěvku Tomáš Cirkl

Potřebujete upravit vzhled administrace WordPress? Skrýt některé položky, posunout je, změnit jejich barvu, upravit písma? Všechny tyto úpravy můžete udělat za pomocí vlastních CSS stylů.

Vložení vlastních stylů pomocí pluginu

Nejjednodušším způsobem, který je vhodný pro začátečníky, je využití WordPress pluginu.

Budeme k tomu potřebovat plugin Add Admin CSS. Plugin se nachází v oficiálním katalogu pluginů a je možné jej nainstalovat přímo z WordPress administrace.

Po instalaci a aktivaci pluginu se v administraci WordPress objeví nová položka Vzhled → Admin CSS.

Add Admin CSS

Add Admin CSS

Zde si můžete do pole Admin CSS vložit vlastní styly. Jakmile budete mít hotovo, stačí kliknout na tlačítko Save Changes.

Vložení vlastní stylů pomocí php kódu

Pokročilejší uživatelé mohou využít vlastní funkce, kterou do WordPress přidáte přes child šablonu nebo vlastní plugin.

První funkce umožňuje vložit přímo CSS styly do administrace.

/**
 * Přidání vlastních CSS stylů do administrace
 *
 */
function my_admin_css( $css ) {
    $css .= "
        #site-heading a span { color:red !important; }
        #favorite-actions { display:none; }
    ";
    return $css;
}
add_filter( 'c2c_add_admin_css', 'my_admin_css' );

Druhá funkce umožňuje do administrace přidat vlastní css soubor se styly.

/**
 * Přidání vlastního CSS souboru do administrace
 *
 */
function my_admin_css_files( $files ) {
    $files[] = 'https://urlvasehosouboru.cz/style-min.css';
    return $files;
}
add_filter( 'c2c_add_admin_css_files', 'my_admin_css_files' );

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!