`

根据不同的页面 显示不同的侧边栏

阅读更多

有这样一个需求

 

在引用A模板的页面需要显示sidebar1

在引用B模板的页面需要显示sidebar3

在引用C模板的页面需要显示sidebar3

在引用D模板的页面需要显示sidebar4

 

解决办法1:调用不同的模板调用方法

http://www.deluxeblogtips.com/2010/06/wordpress-include-template-files.html

解决办法2:

找到get_sidebar()函数:

<?php get_sidebar(); ?>

将其替换为:

<?php $sidebar = get_post_meta($post->ID, "sidebar", true);
get_sidebar($sidebar);
?>

之后当你需要发布新页面时,只需要新建一个叫做“sidebar”(自定义字段的名称)的自定义字段,把选定的侧栏模板文件的名称作为这个自定义字段的值。

例如当字段被赋予的值是right时,WordPress就会自动调用right.php作为页面侧栏。

 

分享到:
评论

相关推荐

    侧边栏页面切换

    "侧边栏页面切换"是实现这种交互方式的关键技术,其目的是在用户点击侧边栏菜单项时,能够平滑地切换到相应的页面,同时保持界面的美观和用户体验的流畅。这里我们将深入探讨如何优雅地实现这一功能,特别是遵循...

    仿QQ侧边栏

    3. **与UINavigationController的集成**:在描述中提到了侧边栏与`UINavigationController`的结合,这是为了实现更丰富的功能,如通过侧边栏选择不同的页面进行跳转。我们可以在`UINavigationController`的代理方法...

    随页面滚动定位的侧边栏悬浮框js插件

    随页面滚动定位的侧边栏悬浮框js插件,包括页面自适应、函数节流、悬浮区域高度自适应等。具体效果参考博客 https://blog.csdn.net/zh_rey/article/details/80136619

    C# Winform 侧边栏,切换不同页面

    在这个特定的项目中,我们关注的是创建一个具有侧边栏导航功能的界面,允许用户通过点击侧边栏上的按钮或链接来切换不同的页面或子窗体。下面我们将详细探讨这个过程涉及的关键知识点。 首先,我们要实现“项目左侧...

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

    - **大型侧边栏**:如果侧边栏包含大量信息或需要突出显示,可以使用大型侧边栏效果,扩大其在页面中的存在感。 **4. 文件结构** - **page3.html、index.html、page2.html**:这些可能是示例网页,展示了插件在...

    侧边栏 仿京东侧边展示商品

    侧边栏应采用响应式设计,确保在手机、平板和桌面电脑等不同设备上都能良好显示。 2. **交互设计**:良好的交互设计能让用户感到舒适并易于操作。侧边栏应具有清晰的层级结构,如折叠展开菜单,以及直观的触控反馈...

    9种html5+css3隐藏侧边栏导航菜单动画效果.rar

    6. **媒体查询**:利用CSS3的媒体查询(`@media`),我们可以根据设备的特性(如宽度、高度或方向)应用不同的样式,确保侧边栏导航在不同设备上都能良好展示。 7. **波浪形、滑动形、角落隐藏形**:这些效果可能是...

    侧边栏-网页效果制作

    【侧边栏-网页效果制作】是网页设计中常见的元素之一,主要位于页面两侧,用于展示导航、菜单、广告或一些附加信息。在本案例中,我们关注的是使用jQuery库来实现这一功能。jQuery是一个强大的JavaScript库,它简化...

    9套精美侧边栏导航菜单

    侧边栏导航菜单是网页设计中的重要组成部分,它为用户提供了一种方便的界面元素,用于在网站或应用程序的不同页面之间进行导航。在这个压缩包中,包含的“9套精美侧边栏导航菜单”是一个集合,提供了多种不同设计...

    css3 transform 14种侧边栏导航的隐藏和显示动画效果

    在本文中,我们将深入探讨如何使用CSS3的`transform`属性来实现14种不同的侧边栏导航隐藏和显示的动画效果。这些效果对于优化移动设备和其他小屏幕设备的用户体验至关重要,因为它们允许用户轻松地访问和隐藏导航...

    倾斜页面打开侧边栏菜单UI界面设计

    通过控制侧边栏的CSS样式,如width、margin或者transform,可以实现其从隐藏到显示的平滑过渡。 此外,我们还看到了"related"和"fonts"两个文件夹,这可能包含与界面设计相关的其他资源。"related"可能包含了类似...

    js侧边栏导航菜单.zip

    【标题】"js侧边栏导航菜单.zip"所包含的是一个使用JavaScript和CSS技术构建的网页侧边栏导航菜单的示例项目。这样的菜单在现代网页设计中非常常见,尤其适用于响应式布局,因为它可以有效地利用有限的屏幕空间,...

    jquery基于Bootstrap隐藏侧边栏菜单代码

    `toggleClass` 方法会根据当前类是否存在,添加或移除该类,从而实现显示或隐藏侧边栏的效果。 4. **Bootstrap 的 JS 插件**:Bootstrap 提供了一些内置的 JavaScript 插件,如 `collapse`,用于处理折叠和展开行为...

    Axure 侧边栏效果源文件

    1. **动态面板**:动态面板是Axure中实现交互效果的重要组件,可以用来模拟侧边栏的隐藏和显示。在这里,设计师会创建一个动态面板来表示侧边栏,通过改变动态面板的状态(如宽度)来模拟侧边栏的滑入和滑出效果。 ...

    侧边栏+滑动列表

    侧边栏通常位于页面的一侧,可以是左侧或右侧,用于放置导航菜单、设置选项或其他功能链接。在响应式设计中,侧边栏可能在小屏幕设备上折叠起来,以节省空间并提高可读性。侧边栏的实现方式多种多样,包括固定定位、...

    微信小程序侧边栏

    如果满足,可以在`onTouchEnd`事件中执行显示侧边栏的动画。 为了实现平滑的手势过渡效果,开发者通常会结合CSS3的`transform`属性和`transition`属性。通过改变元素的`translateX`值,可以实现侧边栏的滑入滑出...

    侧边栏demo

    通过滑动显示和隐藏,侧边栏可以确保在需要时提供这些功能,而不影响主要内容的展示。 在实现这个“SlidingDemo”时,开发者可能采用了以下技术: 1. **响应式布局**:为了让侧边栏在不同设备和屏幕尺寸上都能良好...

    微信小程序实现侧边栏分类

    当用户点击侧边栏的某个分类时,`switchRightTab`函数会被调用,该函数应根据传入的`data-id`更新`curNav`的值,并根据新的`curNav`从数据库或缓存中获取相应的内容,进而更新右侧栏的显示。 5. **滚动效果**:为了...

    android侧边栏demo

    4. **开启和关闭侧边栏**:`DrawerLayout`提供了`openDrawer`和`closeDrawer`方法来控制抽屉的显示和隐藏。 ```java drawerLayout.openDrawer(GravityCompat.START); // 打开左侧抽屉 drawerLayout.closeDrawer...

    jquery网页侧边栏在线客服代码.zip

    2. **显示与隐藏**:当用户滚动页面时,侧边栏应保持在可视范围内。我们可以使用jQuery的`$(window).scroll()`事件监听滚动条变化,并通过计算窗口位置和侧边栏位置来决定是否显示或隐藏。 3. **在线状态显示**:...

Global site tag (gtag.js) - Google Analytics