Wordpress教程丨显示HTML的小技巧

Wordpress教程丨显示HTML的小技巧,第1张

Wordpress网站在用到插件时一般都是给主题站使用上添加更多的应用,但如果我们能使用代码实现一些功能的话,也可以为Wordpress主题站节省很多空间,所以下面我们就教大家用Pre标签显示主题站的Htlm:

Wordpress教程丨显示HTML的小技巧,第2张

 
在我们主题的functions.php文件添加如下代码:
 
add_filter( 'the_content', 'pre_content_filter', 0 );

/**

 * 转换pre标签中的html代码

 *

 * 使用'the_content'钩子.

 *

 * @author c.bavota

 */

function pre_content_filter( $content ) {

return preg_replace_callback( '|<pre.*>(.*)</pre|isU' , 'convert_pre_entities', $content );

}


function convert_pre_entities( $matches ) {

return str_replace( $matches[1], htmlentities( $matches[1] ), $matches[0] );

}
 
 
然后我们新建文章添加如下代码:
 
<pre>

<!DOCTYPE HTML>

<html>

<head>

<meta charset=”UTF-8″>

</head>

<body>

Test html.

</body>

</html>

</pre>
最终效果如下图:
Wordpress教程丨显示HTML的小技巧,第3张
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » Wordpress教程丨显示HTML的小技巧

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情