如何从帖子导航元素中删除背景图像?

时间:2016-05-17 作者:Aamir Usman

我正在使用一个主题,它将特色图像显示为帖子导航元素中的背景图像(单个帖子上的下一个和上一个链接)。但我想删除这些背景图像。

下面是模板标记中的实际代码。php文件。

function shoreditch_post_nav_background() {
    if ( ! is_single() ) {
        return;
    }

    $previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, \'\', true );
    $next     = get_adjacent_post( false, \'\', false );
    $css      = \'\';

    if ( is_attachment() && \'attachment\' == $previous->post_type ) {
        return;
    }

    if ( $previous &&  has_post_thumbnail( $previous->ID ) ) {
        $prevthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $previous->ID ), \'post-thumbnail\' );
        $css .= \'
            .post-navigation .nav-previous { background-image: url(\' . esc_url( $prevthumb[0] ) . \'); text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.5); }
            .post-navigation .nav-previous .post-title,
            .post-navigation .nav-previous a:focus .post-title,
            .post-navigation .nav-previous a:hover .post-title { color: #fff; }
            .post-navigation .nav-previous .meta-nav { color: rgba(255, 255, 255, 0.75); }
            .post-navigation .nav-previous a { background-color: rgba(0, 0, 0, 0.2); border: 0; }
            .post-navigation .nav-previous a:focus,
            .post-navigation .nav-previous a:hover { background-color: rgba(0, 0, 0, 0.4); }
        \';
    }

    if ( $next && has_post_thumbnail( $next->ID ) ) {
        $nextthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $next->ID ), \'post-thumbnail\' );
        $css .= \'
            .post-navigation .nav-next { background-image: url(\' . esc_url( $nextthumb[0] ) . \'); text-shadow: 0 0 0.15em rgba(0, 0, 0, 0.5); }
            .post-navigation .nav-next .post-title,
            .post-navigation .nav-next a:focus .post-title,
            .post-navigation .nav-next a:hover .post-title { color: #fff; }
            .post-navigation .nav-next .meta-nav { color: rgba(255, 255, 255, 0.75); }
            .post-navigation .nav-next a { background-color: rgba(0, 0, 0, 0.2); border: 0; }
            .post-navigation .nav-next a:focus,
            .post-navigation .nav-next a:hover { background-color: rgba(0, 0, 0, 0.4); }
        \';
    }

    wp_add_inline_style( \'shoreditch-style\', $css );
}
add_action( \'wp_enqueue_scripts\', \'shoreditch_post_nav_background\' );
如何在使用子主题函数时删除这些背景图像。php文件,而不修改父主题中的实际文件?

2 个回复
SO网友:BillK

如果主题完全支持子主题,请复制模板标记。php访问子主题文件夹,并根据需要对其进行编辑。

SO网友:ngearing

您可以在子主题函数中取消注册该样式。php

function remove_shoreditch_background() {
    wp_deregister_style(\'shoreditch-style\');
}
add_action(\'wp_enqueue_scripts\', \'remove_shoreditch_background\');
或者你可以完全删除该操作

remove_action(\'wp_enqueue_scripts\', \'shoreditch_post_nav_background\');
或者您可以使用自己的样式覆盖css

.post-navigation .nav-next {background: none !important;}

相关推荐

About wordpress child themes

我对WordPress和儿童主题有一些问题。据我所知,如果我不想在更新主题时失去任何东西,使用子主题是很重要的。我是WordPress的初学者,到目前为止,我一直在使用PageBuilder(管理面板上的板载自定义选项)自定义我的网站,并在“附加CSS”选项中加入几行CSS。所有这些都是在主主题上完成的(只是玩转尝试学习),现在我想开始使用一个儿童主题。问题如下:我不知道我是否可以像通过管理界面设计父主题那样设计我的子主题,或者我是否必须通过文本编辑器(在我的计算机上,然后通过FTP等方式上传)对所有内容