首页 » 建站技术 » WordPress » 浏览内容

给不支持Sidebar的WP主题加侧边栏,底边栏


2010-12-16 22:30:59 3,440 1 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

1、让后台支持自定义sidebar。

在主题的文件夹里,找到functions.php文件,用EditPlus或Dreamweaver工具打开此文件,在文件的末尾加入如下代码。其中register_sidebar()(官方参考)函数用于定义sidebar。参数name用于定义sidebar名称,这里为footer;before_widget、after_widget定义$name的前后样式,before_title、after_title则是自定义标题的前后样式。

<?php /** widgets */
  • if( function_exists('register_sidebar') ) {
  •     register_sidebar(array(
  •         'name' => 'footer',
  •         'before_widget' => '<div class="widget-wrap"><div class="widget %2$s">',
  •         'after_widget' => '</div></div>',
  •         'before_title' => '<h2>',
  •         'after_title' => '</h2>',
  •     ));
  • }?>

  • wordpress使用get_sidebar获取sidebar
    2、让前台调用自定义的sidebar。

    在主题kubrick-on-crack的文件夹里,找到footer.php文件,用EditPlus或Dreamweaver工具打开此文件,在文件最上侧加入如下代码。其中函数get_sidebar()(参考)用于读取已定义好的sidebar。

    <div class="footer_sidebar">
  •    <?php get_sidebar('footer'); ?>
  • </div>
  • 3、设置CSS样式表、控制sidebar样式。

    在主题kubrick-on-crack的文件夹里,找到style.css文件,用EditPlus或Dreamweaver工具打开此文件,在文件的最下面加入如下代码。用于控制底部sidebar的样式。

    .footer_sidebar{
  •     margin:0px auto;
  •     overflow:hidden;
  •     width:728px;
  •     background:#f8f8f8;
  • }
  • .footer_sidebar h2{
  •     color:#535353;
  •     text-align:center;
  •     margin:20px 0px;
  • }
  • .footer_sidebar a{
  •     color:#535353;
  •     text-decoration:none;
  • }
  • .footer_sidebar .widget-wrap {
  •     float: left;
  •     width: 242px;
  •     padding:20px 0px;
  •     line-height:180%;
  •     text-align:left;
  • }
  • .footer_sidebar .widget-wrap li {
  •     list-style-type:none;
  • }
  • .footer_sidebar .widget {
  •     margin:0px 5px;
  • }
  • 4、在后台加入Widget,用于显示

      网站统计 Statistics

      • 创建时间: 2005年1月3日 距今4971 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13798045 位访客

      广告区 Guǎng Gào