快捷搜索:

简书仿站报告(四):如何制作文章详情页

看这篇文章之前,请先看看:

《简书仿站申报(一):建站前的根基筹备》

《简书仿站申报(二):若何实现首页根基功能》

《简书仿站申报(三):关于WordPress建站的道理二三事》

简书仿站的文章详情页的基础功能跟首页差不多,是以制作的历程我就不再具体讲述。而是换一个角度,经由过程先容那些文章详情页会应用到的函数的详细应用措施来更深入的理解制作的历程。

文章详情页的制作措施

1.建single.php,这是文章详情页的页面文件。

打开简书网站的任何一篇文章页,保存网页到桌面,会获得一个html文件和文章页所有文件的一个文件夹。将html文件改成single.php。连同文章页的所有文件图片JS等整个存到jianshu文件夹中。

2.登入你的WP后台仪表盘,找到single.php,就在这里改动内容。

在仪表盘右侧导航中找到【外不雅】-【编辑】,找到single.php文件,就可以在代码编辑区内改动了。(就跟前面找index.php措施一样,去看看申报(二)),今后的代码改动就在这里改动,然后点击下面的蓝色按钮更新,去前台看看效果。

3.改动single.php里头的相对地址

因为single页的所有的文件图片都保存到了jianshu文件夹这个主目录里头了,那么就把single.php中的相对地址都换上,还记得吧,用下面的代码。(忘怀了就去看看申报(二))。

//表示主目录的地址

4.文章详情页的核心功能图是这样的,看下图:

简书文章详情页的核心功能图

以下先容文章详情页核心功能会用到的WP函数(更精确是措辞应该是WP的模板标签),用这些模板标签函数调换掉落静态的文本就可以了。

1.获取文章标题

//用于显示当前文章的标题

放在主轮回内用于显示当前文章的标题。主轮回是每轮回一次就会有一篇当前文章,它便是显示当前文章的标题。轮回照样要用的,由于不光是一篇文章的详情页,是很多篇文章的详情页,详情页的single.php虽然只有一个文件,然则代表了很多的文章详情页,以是就要用轮回来实现多篇文章显示效果。

附.显示当前文章的链接

这段标签用来显示当前文章的固定链接,标题鼠标点击今后的href必然会有链接,就用这个代替。因为the_permalink()只能显指正在被主轮回处置惩罚的文章的固定链接,是以用户无法用它来显示随意率性文章。假如你盼望显示某篇文章的固定链接,并且你知道这篇文章的ID,可以斟酌应用get_permalink()。假如你盼望不在主轮回中应用,也请你用get_permalink()。比如,3是文章ID。

别的the_permalink()和get_permalink()的差别便是一个不加echo,一个加。今后碰着类似的其他模板标签,都是这个差别。get是得到的意思,得到了自然就要打印出来,便是echo了。

2.获取文章内容

//主轮回内显示当前文章的内容

这个也是要在主轮回内应用的。(关于轮回的内容,下次再讲,申报(三)有提到一点)。

这个标签更精确的用法是这样的:

比如

Read more...便是文章末端更多内容点击>>>之类的。

别的,这个标签,也有get_the_content()。

3.获取文章分类

这个标签真正的用法是这样的。

第一个参数是,多个分类之间用什么符号隔开,可所以空格,或者逗号之类的,比如,第二个参数是当你要显示父子分类目录的时刻可以填,'multiple' 表示显示父子分类目录,'single' 是只显示子分类目录,这顺便也是默认模式奸淫

4.获取光阴

//显示款式:2015-01-07 10:23

the_time();该标签显示当前文章的颁发光阴。()中的参数是你想要的光阴款式。关于光阴款式的问题,详情点击WP-光阴款式的参数列表

5.获取文章字数

找到下面的代码,便是class="wordage"这段代码,然后改动成下面的样子。

字数:

改动完了,然后在jianshu文件夹中,新建一个functions.php,把下面的代码复制进去,保存。

post_content;

if (mb_strlen($output, 'UTF-8')

post_content))),'UTF-8') ;

return $output;

}

}

?>

6.获取点击量可以用插件

这里不在说了,可以百度一下WordPress点击量插件,下载后,然后在仪表盘上传安装包就可以了用了。

7.获取文章的作者

用下面这个。

别的获取作者的网站链接用这个

作者的网站链接可在WP后台用户资料(治理面板>用户>我的设置设置设备摆设摆设)中设置。

8.获取作者的头像

60是尺寸大年夜小,调用的是gavatar网站你注册的头像,虽然这个头像注册网站的应用率很高,然则由于是国外办事器,头像有可能显示不出来,由于收集加载的关系。网上有一些替代的措施。

9.记得在外貌包裹一层轮回

终极实现的效果:

简书仿站-文章详情页终极效果

Web前端

© 著作权归作者所有

举报文章

荷小音

简书基础不再更新,但照样会继承写作,放在官网,www.heeerin.com,可以在那里找到我。

也可以在微信"民众,"号找我,"民众,"号:heeerin,今朝"民众,"号已经与官网绑定,可回覆关键词,实时查看官网的文章。

下载app生生长微博图片

分享到QQ空间

分享到Twitter

分享到Facebook

分享到Google+

分享到豆瓣

'>更多分享

广告

-->

您可能还会对下面的文章感兴趣: