wordpress中inove主题链接两列显示方法

概述之前我已经对inove主题sidebar(侧边栏)上面的链接显示做了修改，可以让链接分两列显示，但是之前用的那个方法里面用的是id，这样的话，如果sidebar想要有多个分开的链接目录（比如你的链接有3个分类），那么这样就是错误的，因为一个页面只能有一个ID（需要注意的是，我已经对inove的主题的si…

之前我已经对inove主题sIDebar(侧边栏)上面的链接显示做了修改，可以让链接分两列显示，但是之前用的那个方法里面用的是ID，这样的话，如果sIDebar想要有多个分开的链接目录（比如你的链接有3个分类），那么这样就是错误的，因为一个页面只能有一个ID（需要注意的是，我已经对inove的主题的sIDebar做了比较大的修改，原来的sIDebar有4个Widget，我已经修改为了2个，而且链接和分类目录已经不是左右并列显示了）。

下载地址：iNove主题

开始想的比较简单，直接把ID改成class，然后style.CSS再把“#”换成“. ”就行了，不过这很快就被验证是不行的，因为原来的那个CSS里面嵌套的div ul比较乱，写的很不规范，那就自己动手改规范吧。

我的sIDebar显示有两个链接分类，还有一个组织活动（这个没有加到链接里面，是我在sIDebar里面直接写代码的）。

代码来了。

<div class=”Widget”><!– 第一个链接目录–>

<h3>网址</h3>

<ul class=”links”><?PHP wp_List_bookmarks(‘Title_li=&categorize=0&category=2&orderby=name&limit=20′); ?></ul>

<div class=”fixed”></div>

</div >

<div class=”Widget”> <!– 第二个链接目录–>

<h3>友情链接(随机排序)</h3>

<ul class=”links”><?PHP wp_List_bookmarks(‘Title_li=&categorize=0&category=12&orderby=rand&limit=30′); ?></ul>

<div class=”fixed”></div>

</div >

<!–组织活动的 直接写的HTML代码 –>

<div class=”Widget” ID=”organizations”>

<h3>组织活动</h3>

<ul class=”links”>

<li><a ID=”wpg”href=”http://www.wpg.im/” target=”_blank” Title=”WPG中文博客群组”>WPG中文博客群组</a></li>

<li><a ID=”wpg_lucky”href=”http://wpg.im/lucky” target=”_blank” Title=”左邻右舍”>I feel lucky!</a></li>

<li><a ID=”chinablogs” href=”http://www.chinablogs.org” target=”_blank” Title=”中国博客联盟 汇聚天下博主，展示精彩博客!”>中国博客联盟</a></li>

</ul>

<div class=”fixed”></div>

</div>

P：默认的inove里面，ul标签里面是没有加那个class=”links”的，这也就是我实现两列显示的关键，所以如果你的sIDebar结构跟我类似的话，那么给里面的ul加上class=”links”，然后再给CSS加上下面的代码应该就OK了。@H_@R_419_6941@_73@

CSS代码我就加了一句

.links li {float:left;wIDth:40%}

P：这里可能有朋友要问为何wIDth不是50%了，因为我试验的时候50%达不到要求的效果，这应该是原来sIDebar里面写的这句#sIDebar li{padding-left:22px;}导致的。@H_@R_419_6941@_73@

最后，要记得清除浮动，不然就可能导致显示效果换乱了，如果发现你的<ul>代码。。。</ul>后面没有<div class=”fIExd”></div>,那么就加上吧。@H_@R_419_6941@_73@

@H_@R_419_6941@_73@

WP相关知识扫盲：

<?PHP wp_List_bookmarks(‘Title_li=&categorize=0&category=2&orderby=name&limit=20′); ?>

是WP里面一个用来显示友情链接的函数，具体用法可以参考：http://www.veryhuo.com/a/vIEw/4941.HTML

总结

以上是内存溢出为你收集整理的wordpress中inove主题链接两列显示方法全部内容，希望文章能够帮你解决wordpress中inove主题链接两列显示方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/1002284.html