上面是搬码源码网 abnma.com 经由过程收集网络收拾整顿的代码片断。搬码源码网小编此刻分享给各人,也给各人做个参考。
人不知;鬼不觉年曾经过完了,不晓得各人是否还沉浸在新年的高兴状况,明天给各人分享一篇比力给力的文章!之前望到许多伴侣始终在千方百计的丑化本身的博客模板,那么我就以这个为主题教各人怎样经由过程代码主动转换文章中的 H 标签包裹的内标题的 html 格局。
实例一
可能各人对这个还比力生疏那么就下面实例一完成的后果吧。H2 标签,下面的“实例一”是用 H2 标签节制的,我发布文章的时辰不成能每次有拔出这个字体图标代码,于是我经由过程在主题 functions.php 中添加一段代码就完成了主动添加这个字体图标了。
实例二
我下面的用“实例二”是经由过程 H3 标签节制的,可是为了给这个标题添加一个配景咱们需求在 H3 标签内添加一个 span 标签,于是在我主题中插手响应的代码就可以主动给 H3 标签外部添加一个 span 标签了。
完成要领
一、查望你博客文章中内标题标签应用环境,假如你需求这种主动改动文章中 H 标签的 html 格局的话请继承望上面的完成步调,跟这教程一步一步把这个功效集成到你的网站中吧!有的人喜爱用 H2 标签界说文章中的标题,固然喜好差别有部门人喜爱用 H3 像我的博客就应用了多种标签那么咱们怎样给这多种标签界说差别的格局这个固然也难不到 wordpress 啦!
二、添加相干功效代码,想要完成这个功效添加代码是必不成少的,上面我就给各人把代码贴鄙人面,代码量也不年夜,应用很是利便。
/** 代码功效:主动改动文章中H标签的格局 **/ function chenxingweb_article_h($content) { $matches = array(); $h_2 = "/<h2>([^<]+)</h2>/im"; $h_3 = "/<h3>([^<]+)</h3>/im"; //扩大代码放置位置1 if(is_singular() && preg_match_all($h_2,$content,$matches)) { foreach($matches[1] as $num => $title) { $title = trim(strip_tags($title)); $content = str_replace($matches[0][$num],'<h2><i class="icon-unlink"></i>'.$title.'</h2>',$content); } } if(is_singular() && preg_match_all($h_3,$matches)) { foreach($matches[1] as $num => $title) { $title2 = trim(strip_tags($title)); $content = str_replace($matches[0][$num],'<h3><span>'.$title2.'</span></h3>',$content); } } //扩大代码放置位置2 return $content; } add_filter( 'the_content','chenxingweb_article_h' );
把下面的代码粘贴到主题 functions.php 文件中即可,下面的标签请按照本身网站的环境自由改动。下面我标注了“扩大位置 1”和“扩大位置 2”假如你需求判定更多标签的话可以复制扩大位置下面的代码然后改动标签类即可。
以上是搬码源码网(abnma.com)为你网络收拾整顿的全数代码内容,但愿文章可以或许帮你解决所碰到的步伐开提问题。假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。
总结
以上是搬码源码网为你网络收拾整顿的WordPress完成主动改动文章中H标签格局全数内容,但愿文章可以或许帮你解决WordPress完成主动改动文章中H标签格局所碰到的步伐开提问题。
假如感觉搬码源码网网站内容还不错,接待将搬码源码网网站保举给步伐员挚友。
请先
!