php - 可以将 CSS 修改添加到 Wordpress 管理面板吗？

Question

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

Answer 1

这种功能不属于functions.php. 请参阅：将我的代码放在哪里：插件或functions.php？

创建您自己的插件并将您的自定义 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。