个性化阅读
专注于IT技术分析

使用过滤器将博客标题更改为图像

大家好, 我想将博客标题更改为图片。

使用过滤器将博客标题更改为图像1

这就是我要实现的目标

使用过滤器将博客标题更改为图像2

我尝试将此代码添加到CSS中, 并且可以正常工作。

.rh-content {
text-indent: -9999px;
background: url(http:file-location.png) 10px 10px no-repeat;
/* height: 100%; */
}

这是结果

使用过滤器将博客标题更改为图像3

图像显示不足。但我想将其添加到子主题中的functions.php中。我尝试过此代码

add_filter('the_title', function($title){ 
$title = '<img src="'. get_template_directory_uri() .'/images/blah.png">' . 
$title;
return $title;
}); ?>

但这就是结果。这是我添加过滤器功能时看到的

使用过滤器将博客标题更改为图像4

这是原始代码

<div class="rh-content">
            <?php if (is_author() || is_archive() || is_day() || is_tag() || is_category() || is_month() || is_day() || is_year()): ?>
                <h1 style="<?php echo esc_attr($styles_title); ?>">
                    <?php if (is_category()): ?>
                        <?php echo single_cat_title("", true); ?>
                    <?php elseif(is_tag()): ?>
                        <?php echo single_tag_title("", true); ?>
                    <?php elseif(is_day()): ?>
                        <?php echo get_the_date('F dS Y'); ?>
                    <?php elseif(is_month()): ?>
                        <?php echo get_the_date('Y, F'); ?>
                    <?php elseif(is_year()): ?>
                        <?php echo get_the_date('Y'); ?>
                    <?php elseif(is_author()): ?>
                        <?php $userdata = get_userdata($GLOBALS['author']); ?>
                        <?php echo esc_html__("Articles posted by", 'thebuilders'); ?> "<?php echo esc_attr($userdata->first_name)." ".esc_attr($userdata->last_name); ?>"
                    <?php else: ?>
                        <?php echo esc_html__("Posts", 'thebuilders'); ?>
                    <?php endif ?>
                </h1>
                <div style="<?php echo esc_attr($styles_breadcrumbs); ?>" class="nz-breadcrumbs nz-clearfix"><?php thebuilders_ninzio_breadcrumbs(); ?></div>
            <?php else: ?>
                <?php if (isset($GLOBALS['thebuilders_ninzio']['blog-title']) && !empty($GLOBALS['thebuilders_ninzio']['blog-title'])): ?>
                    <h1 style="<?php echo esc_attr($styles_title); ?>"><?php echo esc_attr($GLOBALS['thebuilders_ninzio']['blog-title']); ?></h1>
                <?php else: ?>
                    <h1 style="<?php echo esc_attr($styles_title); ?>"><?php echo esc_html__("Posts", 'thebuilders'); ?></h1>
                <?php endif ?>
                <div style="<?php echo esc_attr($styles_breadcrumbs); ?>" class="nz-breadcrumbs nz-clearfix"><?php thebuilders_ninzio_breadcrumbs(); ?></div>
            <?php endif; ?>
        </div>

这是URL链接。 https://harborllc.wpengine.com/blogs/

非常感谢你们


#1


我只是将代码替换为javascript

jQuery(function($) {
$('.rh-content h1').replaceWith(function(){
    return $('<img src="https://harborllc.wpengine.com/wp-content/uploads/2018/01/Harbor-Enterprises-Logo-Transparent-White-Outline-Revised-2.png"/>', {
        html: this.innerHTML
    })
})
});
赞(0) 打赏
未经允许不得转载:srcmini » 使用过滤器将博客标题更改为图像
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏