`
zhou3xin
  • 浏览: 5041 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

定制侧边栏

阅读更多
(zhou3xin:原来是这样~只要在functions.php里面注册几个sidebar就可以在后台随便拖东西进去了)
原文:<a href="http://www.favortt.com/wordpress-theme-createsidebar">WordPress主题(模板)修改教程(九):创建单独的侧边栏</a>
昨儿磊子把首页模板创建方法说了下,想必大家看了之后知道如何创建模板了吧,我们只需要在在创建的模板文件中加上模板名称,就可以当模板来使用了。我们在修改主题是,如果个别页面想自己放些样式或者js效果上去,但是又不想其他页面也有,我们就可以用创建模板的方法来搞定它。侧边栏也是一样,如果你只想在某一个页面放一个侧边栏上去,我们也可以为这个页面创建一个侧边栏出来,这样你就可以比较灵活的去使用了。还有一个方法那就是使用插件,这个插件叫widget logic,安装激活之后会在每个小工具里面出现widget logic文本框,需要在里面输入判断函数就可以了,大家如果感兴趣的可以去下载下来看看,如果的新手的话就不建议使用了,下面说下比较常用的方法。

在默认主题的functions.php里面我们找到这段代码:

显示源码打印帮助
01 function twentyeleven_widgets_init() { 

02   

03     register_sidebar( array( 

04         'name' => __('首页侧边栏'), 

05         'id' => 'sidebar-home', 

06         'description' => __( '在这里添加首页侧边栏内容'), 

07         'before_widget' => '<div id="%1$s" class="widget %2$s">', 

08         'after_widget' => "</div>", 

09         'before_title' => '<h3 class="widget-title">', 

10         'after_title' => '</h3>', 

11     ) ); 

12   

13       //用上面register_sidebar同样的方法还可以继续添加没有限制,如: 

14   

15        register_sidebar( array( 

16                'name' => __('一个例子'), 

17                'id' => 'sidebar-1', 

18                'description' => __('这是一个例子'), 

19                'before_widget' => '<li id="%1$s">', 

20                'after_widget' => "</li>", 

21                'before_title' => '<h3>', 

22                'after_title' => '</h3>', 

23       )); 

24  } 

25 //上面符号'=>'右边的内容可以更具自己的需要来添加和修改,里面需要用到的是它的id名称 

26   

27 //name:将要显示在WP 管理界面的新widget区域的名称 

28   

29 //id:新widget区域的唯一标识符 

30   

31 //description:对新widget区域的说明 

32   

33 //before_widget:用户添加widget小工具前的标签或者其他批注 

34   

35 //after_widget:用户添加widget小工具后的标签或者其他批注 

36   

37 //before_title:添加widget小工具的标题前的标签或者其他批注 

38   

39 //after_title:添加widget小工具的标题后的标签或者其他批注 

40   

41 add_action( 'widgets_init', 'twentyeleven_widgets_init' ); //执行这个action
通过上面的方法我就可以创建无数个侧边栏了,只要你需要就可以用这个方法来创建。创建好后我们要进行调用,放在你需要使用的那个模板文件里面。代码是:

显示源码打印帮助
1 <?php if (!dynamic_sidebar( 'sidebar-home' ) ) : ?><?php endif; ?> 

2   

3 <?php if (!dynamic_sidebar('sidebar-1')) : ?><?php endif; ?> 

4   

5 //通过id名称来进行调用也可以通过name来调用
这样我们就可以在后台的小工具那里看到自己创建的侧边栏了,有需要的赶快试试吧!

» 版权所有©转载必须以链接形式注明作者和原始出处:磊子的博客 » WordPress主题(模板)修改教程(九):创建单独的侧边栏
分享到:
评论

相关推荐

    Android 侧边栏滑动。。

    10. **样式和主题**: 根据应用的品牌和设计规范,定制侧边栏的样式和颜色,包括背景、字体、按钮等。 在实际项目中,开发者通常会结合使用这些知识点,通过阅读`android-sliding-menu-demo-master`项目的代码,可以...

    Android实现侧边栏滑动源码

    5. **样式定制**:你可以根据需求定制侧边栏的外观,如颜色、字体、背景等。这可以通过修改布局文件中的属性或在代码中动态设置实现。 6. **适配器和数据绑定**:为了在侧边栏显示菜单项,通常会使用一个适配器(如...

    SONY侧边栏—好用的桌面快捷方式管理工具

    用户可以根据个人需求定制侧边栏的布局,分类整理快捷方式,使桌面保持清爽。 2. **自定义设置**:工具提供丰富的自定义选项,用户可以调整侧边栏的位置(如左侧、右侧或顶部),改变其透明度,甚至选择不同的主题...

    sider.zip侧边栏GPT.app

    值得注意的是,随着人工智能技术的发展,侧边栏功能的智能化和个性化定制也逐渐成为可能。例如,基于用户的浏览历史和偏好,应用可以智能推荐用户感兴趣的内容,或者根据用户的操作习惯动态调整侧边栏的内容。这种...

    侧边栏菜单lib.rar

    2. **CSS框架**:为了快速搭建和定制侧边栏菜单,开发者通常会利用CSS框架,如Bootstrap、Foundation或Materialize CSS等。这些框架提供了预定义的样式和组件,可以帮助快速构建美观且一致的界面。 3. **JavaScript...

    html侧边栏文件压缩吧

    6. **样式美化**:CSS可以用来定制侧边栏的外观,包括字体、颜色、背景、边框、阴影等。还可以通过CSS动画添加平滑过渡效果,提升用户体验。 7. **内容填充**:侧边栏的内容可能包括HTML列表(`&lt;ul&gt;`, `&lt;li&gt;`)、...

    jQuery和css3侧边栏滑动显示相关文章插件

    在CSS文件中,你可以根据自己的需求定制侧边栏的样式,包括颜色、字体、边距等。 总的来说,这个jQuery和CSS3侧边栏滑动显示相关文章插件巧妙地结合了两者的优势,既实现了动态效果,又保证了界面的美观和用户体验...

    QSideBar Qt侧边栏.zip

    在Qt框架中,QSideBar是一个非常实用的组件,它为开发者提供了创建具有侧边栏功能的用户界面的能力。侧边栏通常用作导航菜单、工具栏或展示其他辅助信息的区域,它可以帮助用户更有效地浏览和操作软件的各个部分。在...

    android 侧边栏 侧滑实现

    在实际开发中,还可以根据需求定制侧边栏的样式,如动画效果、背景颜色、字体大小等。此外,考虑到不同设备的方向和屏幕尺寸,可能需要适配横屏模式下的侧边栏显示。 在提供的`CeHuaDemo`项目中,你应该能看到一个...

    Toolslidejs侧边栏展开收缩

    此外,开发者还可以通过调整CSS来定制侧边栏的样式,使其符合网站的整体设计。 总之,Toolslidejs是一个专注于侧边栏交互效果的JavaScript库,它结合了CSS和HTML,为用户提供了一个流畅的展开和收缩体验。在实际...

    Windows2008侧边栏

    【Windows2008侧边栏】是一款专为Windows Server 2008操作系统设计的桌面增强工具,它使得在Windows Server 2008环境下也能享受到与Windows Vista相似的侧边栏功能。Windows Server 2008作为一款服务器操作系统,其...

    用于美化C#侧边栏

    标题中的“用于美化C#侧边栏”表明我们要讨论的是如何使用C#编程语言来创建一个具有美化效果的窗体侧边栏。这种侧边栏的设计灵感可能来源于Windows 8操作系统,它通常作为应用程序的一个固定区域,显示各种快捷方式...

    侧边栏菜单lib.zip项目安卓应用源码下载

    学习这个项目可以帮助你掌握如何在安卓应用中集成和定制侧边栏菜单。你可以研究如何动态添加、删除菜单项,如何实现菜单项的点击反馈,以及如何根据用户权限控制菜单的可见性。此外,通过分析源码,还可以学习到如何...

    ios侧边栏实现demo

    7. **自定义样式**:为了匹配应用的整体设计,侧边栏的外观(如颜色、字体、图标等)可能需要进行定制。这可以通过修改视图控制器的属性或使用自定义视图来实现。 在"NewDemo"这个项目中,你可以通过查看代码来学习...

    win8扁平风格网站侧边栏在线客服.zip

    同时,CSS可以用于定制侧边栏的宽度、高度、位置以及背景色等,使其符合Win8的设计原则。 综上所述,"win8扁平风格网站侧边栏在线客服"项目涵盖了现代网页开发的多个重要方面,包括HTML5结构、jQuery交互、前端技术...

    一个极度简单的类似侧边栏效果的Demo

    在iOS开发中,"侧边栏(Sidebar)"效果是一种常见的设计模式,它通常用于实现应用的导航功能,用户...在实际开发中,还可以考虑集成像SWRevealViewController这样的第三方库,以获取更多定制化和功能丰富的侧边栏效果。

    侧边栏效果

    这个库提供了丰富的配置选项,可以方便地定制侧边栏的样式和行为。 6. **响应式设计**:考虑到不同设备的屏幕尺寸和方向,侧边栏效果需要适应各种屏幕。使用`ConstraintLayout`或`FlexboxLayout`可以更好地实现响应...

    jQuery固定侧边栏导航菜单插件

    **jQuery固定侧边栏导航菜单插件** 在网页设计中,侧边栏导航菜单是常见的元素,它能帮助用户快速浏览网站内容并导航至不同页面。这款基于jQuery的固定侧边栏导航菜单插件,提供了丰富的功能和自定义选项,为用户...

    曹鹏CSS视频教程-48.侧边栏 2.rar

    在本教程中,曹鹏可能详细讲解了如何使用CSS创建和定制侧边栏,包括以下内容: 1. **浮动布局**:CSS中的`float`属性常用于创建两栏布局,其中主内容区域和侧边栏并排显示。曹鹏可能会介绍如何使用`float:left`或`...

    滑动侧边栏SlideMenu

    在实际开发中,开发者还可以选择使用第三方库,如Android-Slide-Menu或AndroidSlidingUpPanel,这些库已经封装好了滑动侧边栏的实现,可以简化开发过程,但理解底层实现原理对于优化和定制功能仍然是非常重要的。

Global site tag (gtag.js) - Google Analytics