wordpress:如何將自定義HTML添加到存档頁面帖子的內容中？

我有一个帶有自定義帖子型別的Class程插件.我想自定義存档頁面帖子 and style it中的內容 .我意識到存档頁面正在使用 the_content() 檢索帖子的內容，我可以使用相應的過濾器對其进行自定義； 但是，它剥离了HTML，並且不允许我設置其樣式.我该如何克服？

function eri_course_archive_content_filter($content) {
    if (is_post_type_archive( 'eri-courses' )) {
        $content = (strlen($content) <= 140)? $content : wp_html_excerpt($content, 140);
        $extra = '<div class="x-text">
                <ul class="x-ul-icons" style="padding-left: 1%;">
                    <li class="x-li-icon" style="padding-bottom: 1%;"><i class="x-icon-o-dollar-sign" aria-hidden="true" style="color: #47c3d3;" data-x-icon-o=""></i><strong>Cost:</strong>  '.get_post_meta( get_the_ID() , '_post_cost', true ).'</li>
                    <li class="x-li-icon" style="padding-bottom: 1%;"><i class="x-icon-o-clock" aria-hidden="true" style="color: #47c3d3;" data-x-icon-o=""></i><strong>Time:</strong> '.get_post_meta( get_the_ID() , '_post_time', true ).'</li>
                </ul>
            </div>';
        return $content . $extra;
    } else {
        return $content;
    }
}
add_filter('the_content', 'eri_course_archive_content_filter');