4.21 西华师范大学项目实训第七天_zblog建站

今天主要任务是优化三级页面的侧边栏。

1、在文章的正文下面添加“上一篇”、“下一篇”

<nav class="prevnext">
    {if $article.Prev}
    <a class="l" href=""{$article.Prev.Url}" title="{$article.Prev.Title}"><!--«--> 上一篇：{$article.Prev.Title}</a>"
    {/if}
    {if $article.Next}
    <a class="r" href=""{$article.Next.Url}" title="{$article.Next.Title}"> 下一篇<!--»-->：{$article.Next.Title} </a>"
    {/if}
</nav>

2、在上一篇、下一篇下面添加“相关文章”，设置好相关样式。这里要使用缩略图插件：sf_img

    <div id="ht-posts-widget-2" class="widget ht_posts_widget clearfix"><h4 class="widget-title">相关文章</h4>
           <ul class="clearfix">
              {foreach GetList(5,null,null,null,null,null,array('is_related'=>$article.ID)) as $related}
              <li class="clearfix has-thumb"> 
	             <div class="widget-entry-thumb">
		             <a href="&rvpu;|$sfmbufe.Vsm}&rvpu;&hu;"
					 {php}SF_img1::getPics($related,60,48,4){/php}
					 {if $related->sf_img_count>0}
		             <img src="{$related.sf_img[0]}" alt="{$related.Title}" /></a>
					 {else}
                     <img src="{$host}zb_users/theme/{$theme}/include/temp.jpg" alt="{$related.Title}" /></a>
					 {/if}
	             </div>
                 <a class="widget-entry-title" href="&rvpu;|$sfmbufe.Vsm}&rvpu;&octq;sfm=&rvpu;cpplnbsl&rvpu;&octq;ujumf=&rvpu;|$sfmbufe.Ujumf}&rvpu;&hu;|$sfmbufe.Ujumf}μ/b&hu;"
              </li>
              {/foreach}			   
          </ul>
    </div>

3、主题默认没有侧边栏，需要自己在post-single-standard.php添加侧边栏模板。

<aside id="sidebar" role="complementary">       
   {template:sidebar3}   
</aside>

zblog默认有五个侧边栏模块，{template:sidebar}、{template:sidebar2}，{template:sidebar3}……{template:sidebar5}，依次对应到模块管理那里的五个侧栏，使用哪个侧栏就调用相应的模块。

4、创建一个“关于我”的新模块，在新模块里面添加头像和个人简介，再增加一个QQ联系的按钮。图片做右浮动。

<img src="http://localhost/zb_users/upload/2016/04/cat.jpg" width="100" height="123" alt="赵灵犀个人头像">
<p>博主：赵灵犀</p>
<p>性别：女<p> 
<p>住址：四川.成都</p>
<p>爱好：电影、读书</p>
<p>厚积薄发，博观约取！欢迎各方朋友和我交流关于家居方面的创意饰品、墙面装饰等等信息，有家有爱，用心为家加点温馨！</p>
<p><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=85169306&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:85169306:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></p>

在线QQ代码添加可以登录QQ推广: http://shang.qq.com/v3/index.html

5、增加一个“侧边栏小工具免费版”插件，可以实现多彩标签和一个由三个选项卡构成的模块，实现“最新文章”、“热门文章”、“随机文章”等的切换。可以在插件文件夹中找到css样式修改模块的样式。

6、已经抢到阿里云学生计划的云服务器的同学，可以填写备案信息，上传核验单，明天准备好阿里云的备案幕布拍照。