导航菜单
  • 首页
  • 首页>zblog建站

    4.20 西华师范大学项目实训第六天

    今天主要是优化三级页面。

    1、为三级页面的文章添加作者、发布时间、分类、阅读评论次数。

    找到zblog的官方wiki文档,通过查找文档找到这些变量的代码。

    <div class="entry-meta">
         <span>{$article.Author.StaticName}</span> | 
         <span><time datetime="{$article.Time('Y-m-d')}">{$article.Time('Y年m月d日 H:i:s')}</time></span> | 
         <span><a href="&rvpu;|$bsujdmf.Dbufhpsz.Vsm}&rvpu;&octq;ubshfu=&rvpu;_cmbol&rvpu;&hu;|$bsujdmf.Dbufhpsz.Obnf}μ/b&hu;μ/tqbo&hu;&octq;|&octq;"
         <span>阅读({$article.ViewNums}) | 评论({$article.CommNums})</span><!--wiki文档查询相关的变量-->
    </div>

    2、为文章内容的p添加首行缩进,针对图片的溢出控制最大值.

    .entry-meta p{
        line-height:180%;
        text-indent:2em;}
    .entry-meta p img{
        display:block;/*让图片不继承段落的首行缩进样式。*/
        max-width:100%;/*图片是可用容器宽度的100%,高度进行等比例缩放,防止溢出。*/}

    注意:如果段落里面有一张图片,但是不希望这张图片也缩进,可以为图片设置浮动或者display:block样式,这样就不会继承p的缩进样式了。

    3、为文章添加点赞、打赏、分享插件,修改插件的样式。

    4、为评论框添加多说插件,配置多说后台数据。

    作业:完成打赏插件的支付宝和微信二维码的上传。

    为文章添加作者分类日期等内容.jpg

    图1:修改文章发表作者、日期、分类、阅读、评论次数

    为文章添加上一篇下一篇相关文章点赞打赏等功能.jpg

    图2:添加上一篇、下一篇、相关文章、点赞、打赏、分享等功能。

    把评论框改成多说社会化登陆插件.jpg

    图3:把默认的评论框改成多说社会化评论框。

    点赞


    4
    保存到:

    相关文章

    发表评论:

    ◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。

    Top