第二步,在你找到的文章内容模板结束的地方上,加入如下代码:<div
<div<?php previous_post_link(‘« « 上一篇:%link’)?</div
<div class=alignright<?php next_post_link(‘下一篇:%link » » ‘)?</div
</div(我的博客如此,可以修改多种不同的表现形式,不一一列举。)
第三步,写CSS样式,并加入到style.css(默认样式表)。我的CSS代码如下:
.alignleft {
float:left
text-align:left
margin-right:10px}
.alignright {
float:right
text-align:right
margin-left:10px}
.alignleft a{
color:#D52300
font-size:12px}
.alignright a{
color:#D52300
至此就大功告成了
1、使用UltimateBlocks插件。2、添加跳转代码。WordPress是一款免费开源的内容管理系统(CMS),目前已经成为全球使用最多的CMS建站程序。根据W3techs的最新统计(截至2021年4月),在全球的所有网站中WordPress占有41%的市场份额。
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样式就可以了。
希望帮到你了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)