如何注册/入队自定义css文件？

时间：2013-02-20 作者：user27777

祝你好运。

我正在使用Wordpress主题，我想添加自己的自定义CSS。现在，我尝试在标头中所有其他php样式表调用之后添加自己的单独样式表。php文件。我尝试在外观>编辑器中编辑样式表，甚至添加了！对我所有的风格都很重要。但是Wordspress一直用默认样式表覆盖我的样式。

现在我读了一些关于在函数中注册/排队样式表的内容。wp样式。php但是那里的代码对我来说是法语。。。我不知道在哪里添加我的css。。。

下面是函数中的代码。wp样式。php页面：非常感谢您的帮助！

<?php
/**
 * BackPress styles procedural API.
 *
 * @package BackPress
 * @since r79
 */

/**
 * Display styles that are in the queue or part of $handles.
 *
 * @since r79
 * @uses do_action() Calls \'wp_print_styles\' hook.
 * @global object $wp_styles The WP_Styles object for printing styles.
 *
 * @param array|bool $handles Styles to be printed. An empty array prints the queue,
 *  an array with one string prints that style, and an array of strings prints those styles.
 * @return bool True on success, false on failure.
 */
function wp_print_styles( $handles = false ) {
    if ( \'\' === $handles ) // for wp_head
        $handles = false;

    if ( ! $handles )
        do_action( \'wp_print_styles\' );

    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );

        if ( !$handles )
            return array(); // No need to instantiate if nothing is there.
        else
            $wp_styles = new WP_Styles();
    }

    return $wp_styles->do_items( $handles );
}

/**
 * Adds extra CSS.
 *
 * Works only if the stylesheet has already been added.
 * Accepts a string $data containing the CSS. If two or more CSS code blocks are
 * added to the same stylesheet $handle, they will be printed in the order
 * they were added, i.e. the latter added styles can redeclare the previous.
 *
 * @since 3.3.0
 * @see WP_Scripts::add_inline_style()
 */
function wp_add_inline_style( $handle, $data ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    return $wp_styles->add_inline_style( $handle, $data );
}

/**
 * Register CSS style file.
 *
 * @since r79
 * @see WP_Styles::add() For additional information.
 * @global object $wp_styles The WP_Styles object for printing styles.
 * @link http://www.w3.org/TR/CSS2/media.html#media-types List of CSS media types.
 *
 * @param string $handle Name of the stylesheet.
 * @param string|bool $src Path to the stylesheet from the root directory of WordPress. Example: \'/css/mystyle.css\'.
 * @param array $deps Array of handles of any stylesheet that this stylesheet depends on.
 *  (Stylesheets that must be loaded before this stylesheet.) Pass an empty array if there are no dependencies.
 * @param string|bool $ver String specifying the stylesheet version number. Set to null to disable.
 *  Used to ensure that the correct version is sent to the client regardless of caching.
 * @param string $media The media for which this stylesheet has been defined.
 */
function wp_register_style( $handle, $src, $deps = array(), $ver = false, $media = \'all\' ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    $wp_styles->add( $handle, $src, $deps, $ver, $media );
}

/**
 * Remove a registered CSS file.
 *
 * @since r79
 * @see WP_Styles::remove() For additional information.
 * @global object $wp_styles The WP_Styles object for printing styles.
 *
 * @param string $handle Name of the stylesheet.
 */
function wp_deregister_style( $handle ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    $wp_styles->remove( $handle );
}

/**
 * Enqueue a CSS style file.
 *
 * Registers the style if src provided (does NOT overwrite) and enqueues.
 *
 * @since r79
 * @see WP_Styles::add(), WP_Styles::enqueue()
 * @global object $wp_styles The WP_Styles object for printing styles.
 * @link http://www.w3.org/TR/CSS2/media.html#media-types List of CSS media types.
 *
 * @param string $handle Name of the stylesheet.
 * @param string|bool $src Path to the stylesheet from the root directory of WordPress. Example: \'/css/mystyle.css\'.
 * @param array $deps Array of handles (names) of any stylesheet that this stylesheet depends on.
 *  (Stylesheets that must be loaded before this stylesheet.) Pass an empty array if there are no dependencies.
 * @param string|bool $ver String specifying the stylesheet version number, if it has one. This parameter
 *  is used to ensure that the correct version is sent to the client regardless of caching, and so should be included
 *  if a version number is available and makes sense for the stylesheet.
 * @param string $media The media for which this stylesheet has been defined.
 */
function wp_enqueue_style( $handle, $src = false, $deps = array(), $ver = false, $media = \'all\' ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    if ( $src ) {
        $_handle = explode(\'?\', $handle);
        $wp_styles->add( $_handle[0], $src, $deps, $ver, $media );
    }
    $wp_styles->enqueue( $handle );
}

/**
 * Remove an enqueued style.
 *
 * @since WP 3.1
 * @see WP_Styles::dequeue() For parameter information.
 */
function wp_dequeue_style( $handle ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    $wp_styles->dequeue( $handle );
}

/**
 * Check whether style has been added to WordPress Styles.
 *
 * By default, checks if the style has been enqueued. You can also
 * pass \'registered\' to $list, to see if the style is registered,
 * and you can check processing statuses with \'to_do\' and \'done\'.
 *
 * @since WP unknown; BP unknown
 * @global object $wp_styles The WP_Styles object for printing styles.
 *
 * @param string $handle Name of the stylesheet.
 * @param string $list Optional. Defaults to \'enqueued\'. Values are
 *  \'registered\', \'enqueued\' (or \'queue\'), \'to_do\', and \'done\'.
 * @return bool Whether style is in the list.
 */
function wp_style_is( $handle, $list = \'enqueued\' ) {
    global $wp_styles;
    if ( ! is_a( $wp_styles, \'WP_Styles\' ) ) {
        if ( ! did_action( \'init\' ) )
            _doing_it_wrong( __FUNCTION__, sprintf( __( \'Scripts and styles should not be registered or enqueued until the %1$s, %2$s, or %3$s hooks.\' ),
                \'<code>wp_enqueue_scripts</code>\', \'<code>admin_enqueue_scripts</code>\', \'<code>init</code>\' ), \'3.3\' );
        $wp_styles = new WP_Styles();
    }

    return (bool) $wp_styles->query( $handle, $list );
}

1 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

提到the Codex entry for wp_enqueue_style().

假设您有一个自定义样式表，名为custom.css, 位于主题的根目录中：

wp_enqueue_style( \'mytheme-custom\', get_template_directory_uri() . \'/custom.css\' );
你可以把这个放进去functions.php, 在回调内部，连接到适当的回调中，如下所示：

function wpse87681_enqueue_custom_stylesheets() {
    if ( ! is_admin() ) {
        wp_enqueue_style( \'mytheme-custom\', get_template_directory_uri() . \'/custom.css\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'wpse87681_enqueue_custom_stylesheets\', 11 );
你可以玩钩子（你可以最晚使用wp_head) 或优先级（默认为10) 确保自定义样式表输出在任何其他要覆盖的样式表之后。但是，如果您只是试图覆盖默认样式表，任何适当的挂钩和任何优先级都应该可以，因为默认样式表链接通常是硬编码在文档头中的header.php.

结束
标签： css   wp-register-style   小码农  

相关推荐

为自定义页面模板调用其他css和js链接

我正在为公文包构建一个自定义页面。它将需要额外的css和jss文件的导航滑块。。。因为该部分包含在标题中。php我决定扮演我需要的角色，并希望它能接受我对外部文件的标记。虽然可以在页面的head标记中看到链接，但不会调用它们。我已经仔细研究了一下，所有的建议都指向使用wp\\u enqueue\\u script（）和wp\\u enqueue\\u style（），这是一种过分的做法。即使尝试它们也无济于事，我只想在有人访问公文包页面时调用外部链接，而不会给网站的其他部分带来负担。我会很感激你的洞察力。