如何在页面中添加我们的侧边栏

发现页面中page。php页侧边栏的小工具竟然没有办法显示。
第一、打开后台,点击外观-编辑-找到 function.php(模版函数)
加入

//add home or other
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
        'name' => 'home_sidebar',
        'id' => 'widget_homesidebar',
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
    ));
    register_sidebar(array(
        'name'=> 'article_sidebar',
        'id' => 'widget_postsidebar',
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
    ));

}
//the another way
if( function_exists('register_sidebar') ) {  
    register_sidebar(array(  
    'name' => 'spage',  
    'before_widget' => '',  
    'after_widget' => '',  
    'before_title' => '<h3>',  
    'after_title' => '</h3>'  
            ));  
}  

接下来打开sidebar.php(边栏)
加入

//add the article sidebar
 if(is_home() || is_front_page()) { //首页显示“首页侧栏”
      if (function_exists('dynamic_sidebar') && dynamic_sidebar('widget_homesidebar')){} 
}
if ( is_single() ) {//文章页显示 “文章页侧栏”
      if (function_exists('dynamic_sidebar') && dynamic_sidebar('widget_postsidebar')){}
}
/*if (is_page()) {  
        dynamic_sidebar("spage")}*/
if ( is_page() ) {//文章页显示 “文章页侧栏”
      if (function_exists('dynamic_sidebar') && dynamic_sidebar('spage')){}
}

这样就可以成功加入边栏了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要制作一个用户信息侧边栏,可以通过HTML和CSS来实现。以下是制作用户信息侧边栏的一些基本步骤: 1. 创建HTML结构:首先创建一个包含用户信息的元素,例如一个div元素,然后在其添加头像、用户名、个人简介等信息。 2. 设计样式:使用CSS为用户信息侧边栏添加样式,例如背景色、边框、字体大小等等。 3. 定位侧边栏:使用CSS的position属性将侧边栏定位到页面的一侧,并使用z-index属性确定侧边栏的层级关系,以免与其他元素重叠。 4. 实现显示/隐藏:可以使用JavaScript来控制侧边栏的显示和隐藏,例如在用户点击某个按钮时显示侧边栏,在点击关闭按钮时隐藏侧边栏。 下面是一个简单的HTML和CSS示例,用于制作一个基本的用户信息侧边栏: HTML: ``` <div class="user-sidebar"> <img src="avatar.png" alt="User Avatar"> <h3>Jane Doe</h3> <p>Web Developer</p> <p>Seattle, WA</p> </div> ``` CSS: ``` .user-sidebar { position: fixed; top: 0; right: 0; width: 200px; height: 100%; padding: 20px; background-color: #f1f1f1; border-left: 1px solid #ccc; z-index: 9999; } .user-sidebar img { display: block; width: 100%; margin-bottom: 10px; } .user-sidebar h3 { font-size: 20px; margin-bottom: 5px; } .user-sidebar p { font-size: 14px; margin-bottom: 5px; } ``` 通过这个示例,你可以根据自己的需求来调整样式和布局,以创建一个适合自己网站的用户信息侧边栏

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值