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

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

文章图片
【使用过滤器将博客标题更改为图像】这就是我要实现的目标

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

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

这是结果

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

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

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

文章图片
这是原始代码

< 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 = http://www.srcmini.com/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="http://img.readke.com/220529/2003222630-5.png"/> ', { html: this.innerHTML }) }) });