首页 » 建站技术 » WordPress » 浏览内容
给wordpress侧栏手动添加一个选项卡（非插件）
标签： WordPress
原文地址：http://blog.crazyfrom.com/wordpress-tabpane.html”安装此选项卡必须上传文件，详细步骤如下：
1.下载附件#tabpane.rar（把它上传到空间里，我把它解压放到themes下。）
2把下面的代码复制放到主题模板header.php中的<head>与</head>之间，（注意：X代表你文件的网络地址，如我的为：X=http://www.hzoo.info/wp-content/themes）
<script type="text/javascript" src="X/js/tabpane.js"></script>
<link type="text/css" rel="StyleSheet" href="X/css/tab.webfx.css"/>
3,然后再把一下代码复制到你的侧栏合适的位置“侧栏文件为：sidebar.php”（注意：如果标题>=2 就是要添加多个Tab，就要把 “tab-page-1″改成”tab-page-x” （x=2,3,4…..）注意按次序改写）
<div class="tab-pane" id="tab-pane-1">
<script type="text/javascript">var tabPane1 = new WebFXTabPane( document.getElementById( "tab-pane-1" ) );</script>
<div class="tab-page" id="tab-page-1">
<h2 class="tab">标题1</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-1" ) );</script>
调用函数1
</div>
<div class="tab-page" id="tab-page-2">
<h2 class="tab">标题2</h2>
<script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-2" ) ); </script>
调用函数2
</div>
</div>
我网站的调用文件是：
<div id=”tab-pane-1″>
<script type=”text/javascript”>var tabPane1 = new WebFXTabPane( document.getElementById( “tab-pane-1″ ) );</script>
<div id=”tab-page-1″>
<h2>最新文章</h2>
<script type=”text/javascript”>tabPane1.addTabPage( document.getElementById( “tab-page-1″ ) ); </script> <div>
<ul>
<?php wp_get_archives(‘type=postbypost&limit=10′); ?>
</ul>
</div></div>
<div id=”tab-page-2″>
<h2>热门文章</h2>
<script type=”text/javascript”>tabPane1.addTabPage( document.getElementById( “tab-page-2″ ) ); </script> <div>
<ul>
<?php if (function_exists(‘get_most_viewed’)): ?>
<?php get_most_viewed(‘post’, 10); ?>
<?php endif; ?>
</div></div>
<div id=”tab-page-3″>
<h2>标签云集</h2>
<script type=”text/javascript”>tabPane1.addTabPage( document.getElementById( “tab-page-3″ ) ); </script> <div>
<ul>
<?php wp_tag_cloud(‘smallest=10&largest=25&’); ?>
</ul>
</div></div>
友情提醒，需要修改CSS请看第2步header.php调用的哪一个CSS，然后再修改，因为在附件里面有3个CSS样式，本站调用的CSS文件名为“tab.webfx.css”如果直接直接用本站的样式你就自己根据你的博客色调调下CSS颜色。tabpane
