首页>zblog建站

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

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

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="{$related.Url}">
					 {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="{$related.Url}" rel="bookmark" title="{$related.Title}">{$related.Title}</a>
              </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、已经抢到阿里云学生计划的云服务器的同学,可以填写备案信息,上传核验单,明天准备好阿里云的备案幕布拍照。

添加关于我的模块.jpg

添加选项卡侧栏.jpg

点赞


3
保存到:

相关文章

Top