将CMS首页焦点幻灯移植到BLOG布局中

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 11:43 点击:

 

经常有童鞋问如何将CMS首页焦点幻灯也显示在BLOG布局中,留言中无法说明白,现在就教大家将CMS首页焦点幻灯移植到BLOG布局中,不要看见长长的代码就头晕,只要按着下面的步骤操作就可以了。

具体效果如图:

\

提示:编辑修改模版文件,请使用notepad++或EmEditor文本编辑软件,通过FTP软件上传覆盖原文件,或者在Wordpress后台外观→编辑中修改模版文件,切记不能用操作系统自带的记事本修改中文模板, 否则会改变模版编码,造成主题错位或乱码(中文模版编码为:UTF-8 无BOM)。

首先打开blog.php,把CMS首页焦点幻灯调用代码:

  1. <?php include (TEMPLATEPATH . '/includes/slider.php'); ?>   
  2. <?php wp_reset_query();?>   
  3. <div class="clear12"></div>  

加第12行

  1. <!-- end: navigation -->  

下面。再把幻灯JS代码:

  1. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.cycle.all.min.js"></script>  

加到header.php模版:

  1. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/muscript.js"></script>  

后面。将幻灯样式加到HotNewspro\css目录中的css.css最后:

  1. /** slideshow **/  
  2. #slideshow {   
  3.     position:relative;   
  4.     background:#fff;   
  5.     width:710px;   
  6.     height:248px;   
  7.     padding:10px;   
  8.     border:1px solid #ccc;   

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1