可以在Wordpress管理面板中添加CSS修改吗？

Question

我正在制作wordpress的主题，我不知道如何应用自定义的css规则集，当wordpress将更新时，这些规则将保持不变。 有没有办法可以使用我的主题中的functions.php来应用css文件？ 谢谢！

Answer 1

您应该在Codex中搜索。看看我找到了什么：Creating Admin Themes。在那里你可以找到你所需要的一切！

Answer 2

此类功能不属于functions.php。请参阅：Where to put my code: plugin or functions.php?

创建your own plugin并将您的自定义CSS和Javascript文件排入队列（通常，jQuery非常有用，可以添加一些不错的效果）。

wp-content/plugins/my-plugin/my-plugin.php

<?php
/**
 * Plugin Name: Admin Styles
 * Description: Add custom CSS to Admin area
 * Version:     1.0
 * Author:      brasofilo
 * Author URI:  http://stackoverflow.com/users/1287812/brasofilo
 */

add_action( 'admin_enqueue_scripts', 'b5f_admin_enqueue' );

/**
 * Register and enqueue Scripts and Styles
 */
function b5f_admin_enqueue()
{
    wp_register_style(
        'b5f_admin_style', // Style handle
        plugins_url( '/my-plugin.css', __FILE__ ), // Style URL
        null, // Dependencies
        null, // Version
        'all' // Media
    );
    wp_enqueue_style( 'b5f_admin_style' );

    wp_register_script(
        'b5f_admin_script', // Script handle
        plugins_url( '/my-plugin.js', __FILE__ ), // Script URL
        array( 'jquery' ), // Dependencies. jQuery is enqueued by default in admin
        null, // Version
        true // In footer
    );
    wp_enqueue_script( 'b5f_admin_script' );
}

wp-content/plugins/my-plugin/my-plugin.css

h2 { font-size: 3em !important }

wp-content/plugins/my-plugin/my-plugin.js

// See: http://api.jquery.com/category/selectors/
jQuery(document).ready( function($) {
    $("div[id^='icon']").hide(); 
});

检查所有WordPress可用脚本：Default_Scripts_Included_and_Registered_by_WordPress。