如何实现卢松松网站那样的相关阅读功能

2015-07-31 22:13 建站相关 天中好青年

有朋友问起,如何实现卢松松网站那样的相关阅读功能。

大家看到在我的文章页面,有的下面就已经实现了这种功能。

天中青年起初也是看到松松网站有这个功能,感觉挺实用,又美观。就一直想实现这样的功能。

等我使用了一个叫文章链接助手的插件后,才明白原来是这样实现的。我们用文章链接助手实现的是如图的效果。

稍加修饰就可以实现松松网站一样的效果。下面我们看一下如何实现?


文章写完后,我们点击编辑框上方的文章链接助手,就会出现如图:然后输入相关文章关键词就会出现与之相关的文章列表,你只要选择一下,然后确定,点击插入就可以了。不过此时实现的效果如图:

此时我们修饰一下:在文章编辑器里找到引号标记,点一下,然后填下相关阅读,文字加粗显示,进行一下分行显示,去掉【】。到此大功告成。

相关阅读

卢松松模版主题如何实现首页图片轮播效果

发表评论:

  • 16条评论
  • 天中好青年2015-08-08 13:36:46回复
  • 说得有道理,不过可能个人感觉不同,各取所需,各取所好吧。呵呵
    多谢指导
  • 阿龙个人博客2015-08-08 13:27:27回复
  • 还有一件事忘了说,你在我的博客的“关于怎么设置301重定向”的评论留言,我已经做了详细回复,欢迎去看看哦,谢谢。
  • 阿龙个人博客2015-08-08 13:21:31回复
  • 另外,建议博主到网站后台将评论的显示更改为“倒序”输出,这样可以让最新的评论显示在评论框下面(跟卢松松的一样),用户体验会好很多!
    • 阿龙个人博客2015-08-08 13:27:27回复
    • 还有一件事忘了说,你在我的博客的“关于怎么设置301重定向”的评论留言,我已经做了详细回复,欢迎去看看哦,谢谢。
  • 阿龙个人博客2015-08-08 13:17:59回复
  • 关于博主介绍的这个所谓的功能,我说说几点自己的看法:
    1、文章链接助手插件,根本没必要用,一则插件安装越多越是拖慢网站的速度,二则插件给出的文章不一定就是与当前文章最为匹配及是用户感兴趣的(我们应该建立一个txt的文本,将我们发布的每一篇文章之标题及对应的url地址记录下来,可方便我们在今后发表文章时做内链,这样更为精准)。
    2、这个所谓的“相关阅读”,其实根本谈不上是何功能,只需在文章编辑器里添加即可。再则,“相关阅读”这样的内链做法,其实不及在文章内容里做内链来得更为自然和用户体验佳。
    以上是我的个人看法,欢迎博主及这的朋友回访,相互交流、共同进步!
    • 天中好青年2015-08-08 13:36:46回复
    • 说得有道理,不过可能个人感觉不同,各取所需,各取所好吧。呵呵
      多谢指导
    • 阿龙个人博客2015-08-08 13:21:31回复
    • 另外,建议博主到网站后台将评论的显示更改为“倒序”输出,这样可以让最新的评论显示在评论框下面(跟卢松松的一样),用户体验会好很多!
      • 阿龙个人博客2015-08-08 13:27:27回复
      • 还有一件事忘了说,你在我的博客的“关于怎么设置301重定向”的评论留言,我已经做了详细回复,欢迎去看看哦,谢谢。
  • 清风美文2015-08-01 22:29:48回复
  • 这个功能确实挺实用的
    我经常喜欢点相关阅读处的文章
  • 小虎博客2015-08-01 18:09:58回复
  • 我找到原因了,CSS里有定义这个图片代码,是我模板里没有上传这个blockquote.gif图片文件。
  • 天中好青年2015-08-01 17:37:18回复
  • 不太懂CSS,但是那个文章编辑器是自带的啊。?你的有解决办法吗
    • 小虎博客2015-08-01 18:09:58回复
    • 我找到原因了,CSS里有定义这个图片代码,是我模板里没有上传这个blockquote.gif图片文件。
  • 小虎博客2015-08-01 17:19:08回复
  • 我的不显示引号是css里没定义
    • 天中好青年2015-08-01 17:37:18回复
    • 不太懂CSS,但是那个文章编辑器是自带的啊。?你的有解决办法吗
      • 小虎博客2015-08-01 18:09:58回复
      • 我找到原因了,CSS里有定义这个图片代码,是我模板里没有上传这个blockquote.gif图片文件。
  • 田崇野博客2015-08-01 15:46:00回复
  • 您好!第一次来访,博客内容很不错,已经将田崇野博客提交到名博榜了,记得审核哦~~
  • 微童年2015-08-01 09:51:04回复
  • 真的要表扬一下你的执行力,我也是刚开始搞一下,后来就没怎样搞了,下个月就有时间把你网站改变的一些东西,学过来应用上才行
  • 懿古今2015-07-31 23:26:22回复
  • 不错啊,慢慢折腾就变成技术高手的,加油
无言的温柔
不知道想说什么,但还是想说些什么
话家乡☆天中百科
轻松一下:调戏调戏小狗
最近发表
文章归档