要在WordPress文章中添加目录功能,你可以使用一些插件或自定义代码。以下是一种使用自定义代码实现文章目录功能的方法:
步骤1:打开你的WordPress主题的functions.php文件,这个文件通常位于wpcontent/themes/yourthemename/目录下。
步骤2:在functions.php文件中添加以下代码:
function add_custom_toc($content) {
if (is_single()) {
$toc = '<div class="customtoc">';
$toc .= '<h2>目录</h2>';
$toc .= '<ul>';
// 使用正则表达式匹配文章中的标题
preg_match_all('/<h([16])>(.?)</h[16]>/', $content, $matches, PREG_SET_ORDER);
foreach ($matches as $match) {
$level = $match[1];
$title = $match[2];
// 生成目录项的锚链接
$anchor = sanitize_title($title);
// 缩进标题以反映标题级别
$indent = str_repeat(' ', $level 1);
// 创建目录项并添加到目录中
$toc .= '<li>' . $indent . '<a href="#' . $anchor . '">' . $title . '</a></li>';
}
$toc .= '</ul>';
$toc .= '</div>';
// 将目录插入到文章开头
$content = $toc . $content;
}
return $content;
}
add_filter('the_content', 'add_custom_toc');
这段代码会在文章内容前添加一个自定义的目录。它会扫描文章中的标题(使用正则表达式匹配),并生成一个目录列表,每个列表项都包含一个链接,链接到相应的标题位置。
步骤3:保存并上传你的functions.php文件。
步骤4:在文章编辑器中,确保你的文章包含适当的标题标签(例如,
步骤5:发布或更新你的文章。
现在,你的WordPress文章应该包含一个自动生成的目录,该目录会显示在文章的开头,并且会包含链接到文章中各个标题的锚点。用户可以点击目录中的链接来快速导航到文章的不同部分。
请注意,你可以根据需要自定义目录的样式和外观,以适应你的网站主题。这只是一个基本的实现示例,你可以根据你的需求进行进一步的修改和美化。