如何给WordPress网站中的文章/页面添加内容目录
1个回答
2017-11-09 · 知道合伙人互联网行家
关注
展开全部
2种方法实现:
1、插件。如Content Index for WordPress
2、像高时银博客那亲通过代码来实现。在主题的functions.php文件中添加如下代码:
function article_index($content) {
$matches = array();
$ul_li = '';
$r = "/<h3>([^<]+)</h3>/im";
if(preg_match_all($r, $content, $matches)) {
foreach($matches[1] as $num => $title) {
$content = str_replace($matches[0][$num], '<h3 id="title-'.$num.'">'.$title.'</h3>', $content);
$ul_li .= '<li><a href="#title-'.$num.'" title="'.$title.'">'.$title."</a></li>n";
}
$content = "n<div id="article-index">
<strong>文章目录</strong>
<ul id="index-ul">n" . $ul_li . "</ul>
</div>n" . $content;
}
return $content;
}
add_filter( "the_content", "article_index" );
然后在发表文章时选择要做目录的词语,并用<h3>把它们括起来,如<h3>我是索引标题</h3>。
再就是添加CSS样式就可以了。
1、插件。如Content Index for WordPress
2、像高时银博客那亲通过代码来实现。在主题的functions.php文件中添加如下代码:
function article_index($content) {
$matches = array();
$ul_li = '';
$r = "/<h3>([^<]+)</h3>/im";
if(preg_match_all($r, $content, $matches)) {
foreach($matches[1] as $num => $title) {
$content = str_replace($matches[0][$num], '<h3 id="title-'.$num.'">'.$title.'</h3>', $content);
$ul_li .= '<li><a href="#title-'.$num.'" title="'.$title.'">'.$title."</a></li>n";
}
$content = "n<div id="article-index">
<strong>文章目录</strong>
<ul id="index-ul">n" . $ul_li . "</ul>
</div>n" . $content;
}
return $content;
}
add_filter( "the_content", "article_index" );
然后在发表文章时选择要做目录的词语,并用<h3>把它们括起来,如<h3>我是索引标题</h3>。
再就是添加CSS样式就可以了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |