douwen4401 2014-08-26 07:12
浏览 54
已采纳

在Wordpress中的footer.php中创建小部件

I've googled around quite a lot, but can't seem to find where I should be saving the code for the widget I've created. It's a bit baffling.

Can anyone tell me where I should save my widget?

  • 写回答

3条回答 默认 最新

  • dongsetan3216 2014-08-26 07:18
    关注

    Please follow the steps below

    1. Register the footer widget area

    Open the functions.php file from the WordPress Theme Editor and search for the following line of code:

    register_sidebar

    That should take you to the area where all the sidebars are registered in your theme.

    Add the following block of code just below the other sidebar registration code (we are telling it to register 3 footer widget areas):

    register_sidebar( array(
    'name' => 'Footer Sidebar 1',
    'id' => 'footer-sidebar-1',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    register_sidebar( array(
    'name' => 'Footer Sidebar 2',
    'id' => 'footer-sidebar-2',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    register_sidebar( array(
    'name' => 'Footer Sidebar 3',
    'id' => 'footer-sidebar-3',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    

    2. Show the footer widget area in your theme

    Open your footer.php file and insert the following block of code where you want to show the footer widgets (this will show the 3 footer widget areas if they have any widgets in them):

    <div id="footer-sidebar" class="secondary">
    <div id="footer-sidebar1">
    <?php
    if(is_active_sidebar('footer-sidebar-1')){
    dynamic_sidebar('footer-sidebar-1');
    }
    ?>
    </div>
    <div id="footer-sidebar2">
    <?php
    if(is_active_sidebar('footer-sidebar-2')){
    dynamic_sidebar('footer-sidebar-2');
    }
    ?>
    </div>
    <div id="footer-sidebar3">
    <?php
    if(is_active_sidebar('footer-sidebar-3')){
    dynamic_sidebar('footer-sidebar-3');
    }
    ?>
    </div>
    </div>
    

    3. Style the footer widget area to your liking

    Add the following block of CSS code to your theme’s style.css file to add some basic styling to the footer widgets you just added. Customize it a little to match your needs. Our how to use firebug tutorial should come in handy for this.

    #footer-sidebar {
    display:block;
    height: 250px;
    }
    
    #footer-sidebar1 {
    float: left;
    width: 340px;
    margin-left:5px;
    margin-right:5px;
    }
    
    #footer-sidebar2 {
    float: left;
    width: 340px;
    margin-right:5px;
    }
    
    #footer-sidebar3 {
    float: left;
    width: 340px;
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能