wordpress博客如何通过Begin主题实现类似新浪微博、QQ说说功能

2019年5月30日15:24:49 13 2,508

几个月以前,有位朋友看到我博客的说说功能,很喜欢,问我如何实现,之前答应过年回来把代码和教程给他。在此十分抱歉,由于这几个月忙于考证,一直没有时间更新博客,也把这件事给忘了。

其实通过Begin主题实现说说功能,之前我也写过教程,但样式与现在的有一定区别。下面我把代码和方法给大家,希望对各位有用。

样式代码

将以下代码添加到后台主题自定义处,你也可以添加到主题style.css文件。

  1. /** 说说**/
  2. .ss_authorbio {
  3.     background#fff;
  4.     margin5px 0 0 0;
  5.     padding0px;
  6. }
  7. .ss_authorbio .avatar {
  8.     floatleft;
  9.     width35px;
  10.     height35px;
  11.     margin2px 5px 0 0;
  12.     padding: 0;
  13.     border-radius: 100px;
  14. }.i-time {
  15.     margin: 0 0 0 5px;
  16. }
  17. .suoshuo-content {
  18.     font-size16px;
  19.     font-size: 1.6rem;
  20.     background#f6f6f6;
  21.     line-height: 160%;
  22.     padding10px;
  23.     margin10px 0 10px 0;
  24. }
  25. .suoshuo-content a {
  26.     color#255b94;
  27.     font-size15px;
  28. }
  29. .ss_views {
  30.     floatrightright;
  31.     color#255b94;
  32.     font-size15px;
  33. }
  34. .ss_laiyuan {
  35.     font-size15px !important;
  36.     color#777;
  37. }
  38. .ss_pinglun a {
  39.     floatrightright;
  40.     margin-right20px;
  41.     color#255b94 !important;
  42. }
  43. .ss_comment a {
  44.     color#255b94 !important;
  45.     font-size15px;
  46. }
  47. .zz {
  48.     font14px "Microsoft YaHei"HelveticaArial, Lucida Grande, Tahomasans-serif;
  49.     margin-bottom: -2px;
  50. }
  51. .zz .be{
  52.     color#FFAF25;
  53. }
  54. .xx {
  55.     color#999;
  56.     font-size13px;
  57. }
  58. #ss-social {
  59.     positionrelative;
  60.     margin10px auto;
  61.     color#fff;
  62. }

PHP文件及使用

1、替换begin/template/目录下的content-aside.php文件。

2、在Bengin主题根目录下新建common目录,将shuoshuo_laiyuan.php和shuoshuo_content.php文件上传至common目录。

weinxin
APP下载
微信扫描左侧二维码,下载Jane博客APP,关注我...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:13   其中:访客  7   博主  6

    • avatar 青海分享 回复TA

      安装后,首页乱码

      • avatar 小王先森 回复TA

        我也搞了一个说说功能,时间轴的样式。
        看了你这个说说的样式,挺不错的,首页文章列表点赞,有说说内点赞,不知道你提供的源代码是不是这样的。

        • avatar 北京seo快速排名 回复TA

          这功能好啊,不想发文的时候直接发个简短的说说就可以了,而且代码添加到后台主题自定义比上传,我感觉更方便。

          • avatar wordpress建站 回复TA

            强势回归了么

            • avatar boke112导航 回复TA

              这个功能有些是通过自定义分类文章实现,有些是直接把所有的说说当做一篇文章内容。刚才看了演示,好像是自定义分类文章,这样站点文章量上去了,但是内容太少,不知道对站点SEO是否有影响。

                • avatar 李学江 博主 回复TA

                  @boke112导航 不管它了,自从Google adsense 被恶意点击禁了之后,就没折腾了,只是有空这点东西,转载自己喜欢的。这样反而感觉单纯,不是那么累。

                • avatar 云上课堂 回复TA

                  这个很不错,不想写文章的时候,发表几句心情很合适

                  • avatar 闲鱼 回复TA

                    我也喜欢有这样一个类似说说的功能,没事发点小恼骚