WordPress如何给文章添加”上一篇下一篇”

WordPress如何给文章添加”上一篇下一篇”,第1张

第一步,在你的主题模板文件夹下找到single.php文件,用DW打开,找到<!–<p class=postmetadata alt (可能不是每个主题都是同样的代码,原理就是找到文章内容模板结束的地方);

第二步,在你找到的文章内容模板结束的地方上,加入如下代码:<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样式就可以了。

希望帮到你了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11391378.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存