iNove_white首页伸缩修改方法

inove_white的修改地方,主要是首页的收缩伸出效果,还有最初修改的友情链接和分类目录左右两列的显示方法。

其实都很简单,如果真的不懂php和css和可以看看。懂的话这都是小活。

先说伸缩效果

1 修改主题文件index.php

找到

<div id="div_<?php the_ID(); ?>">

修改为

  <?php $i++; if($i<5) :?>
  <div id="div_<?php the_ID(); ?>">
  <?php else :?>
  <div id="div_<?php the_ID(); ?>" style="display:none">
  <?php endif; ?>

2 修改主题文件header.php

在<?php wp_head(); ?>之前添加

<script language="javascript">
function toggle(id){
 var divobj;
 var tgobj;
 divobjid = 'div_'+id;
 tgobjid = 'toggle_'+id;
 divobj=document.getElementById(divobjid);
 tgobj=document.getElementById(tgobjid);
 if(divobj.style.display=="none"){
  divobj.style.display="";
  tgobj.className="expend";
 }else{
  divobj.style.display="none";
  tgobj.className="toggle";
 }
}
</script>

友情链接和分类目录左右两列

在sidebar.php中给友情链接块的div价格css class属性,如加一个widget_links,见下图

 sidebar-link-div

然后在style.css文件中,在选择器#southsidebar附近添加

#southsidebar .widget_links li{width:110px; float:left}

分类目录位置类似。

14 条评论

海购

你好,达人,我下载了你的主题,但标题栏上没有首页选项,怎么加上去呢?谢谢谢谢谢谢非常感谢

回复
找不到服务器

已经解决了!下载的White1.2和1.3包里都没有img文件夹,无从下手……后来又下载的7z格式的压缩包里找到img文件夹了。然后找到那个箭头的图片,跟着在css样式里找代码就简单了。
@渴慕晨光

回复
找不到服务器

关于首页文章伸缩:
我用的是原版inove。之前我对比过原版与下载的White1.2版本的index和header文件。在按照本文1改动并对比1.2版本index后又在相应位置添加<a href="javascript:toggle('');" id="toggle_" class="toggle">代码后实现现在的样子(www.icnfs.info)。但按照本文2修改header文件后无效果。对比css文件,White1.2版似乎和原版的格式差别很大,无从对比。js文件从日期和大小上看没有区别。不知道原版和White1.2板在修改首页文章伸缩问题上都有哪些不同?如何修改?

回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注

😉😐😡😈🙂😯🙁🙄😛😳😮:mrgreen:😆💡😀👿😥😎😕