如何在wordpress中的不同页面上添加不同宽度和内容的不同自定义右侧边栏?

时间:2013-08-29 00:09:19

标签: wordpress

我每个人都在wordpress中有一些页面,我需要不同的自定义右侧边栏以及不同的CSS样式。例如,我希望我的主页右侧边栏设置宽度为100px,并显示特定内容和ID,以便让我的特殊优惠页面有一个不同宽度的右侧边栏,如230px显示不同的内容,如小部件等...

根据我的理解,这应该可以通过创建自定义侧边栏来实现,方法是使用wordpress函数注册它们,然后为侧边栏创建一个具有不同css类的自定义侧边栏模板php文件。然后在自定义页面模板文件中调用新的自定义侧边栏模板文件,该文件应用于wordpress中的目标页面,以便页面加载自定义侧边栏模板而不是正常的侧边栏模板,并使用可以修改的新css类来实现不同页面的不同侧边栏样式。所以我创建了以下自定义侧边栏模板并将其命名为customrightsidebar.php

<div id="sidebar3"><div class="sidebar3"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('customright-sidebar') ) : ?><div class="customright-sidebar"><h4>Recent Posts</h4><ul><?php wp_get_archives('type=postbypost&limit=5'); ?> </ul></div><?php endif; ?></div> <br style="clear:both"></div>

然后我使用此功能注册了一个新的自定义侧边栏

register_sidebar(array('name'=>'customright-sidebar','before_widget' => '<div class="customright-sidebar">','after_widget' => '</div>','before_title' => '<h4>','after_title' => '</h4>',));

这是调用自定义侧边栏模板的自定义页面模板

<?php get_header(); ?><div id="breadcrumb"><?php breadcrumbs(); ?></div>

<?php include(TEMPLATEPATH."/customrightsidebar.php");?>

<div id="kontenutama"> <div class="postingan2"><?php if (have_posts()) : while (have_posts()) : the_post(); ?><h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2><?php the_content(); ?><?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?><br style="clear:both;"></div></div>


<br style="clear:both"><div style="clear:both"></div><?php get_footer()?>

我成功地在我的wordpress管理面板中显示了一个自定义右侧边栏,我可以在我的管理面板的窗口小部件中应用窗口小部件我也可以看到它出现在我的wordpress页面的自定义侧边栏下拉选择菜单中您可以指定新的自定义侧边栏来覆盖旧侧边栏。您可以通过访问此网址

查看我主题中侧边栏选择框的屏幕截图

http://test.smartphonesource.org/sidebars.png

通常通过选择它会覆盖页面上的默认侧边栏

我已经能够使用页面上的自定义类来加载自定义侧边栏模板,并且我已经能够编辑css但是实际的自定义侧边栏本身及其窗口小部件不会出现或覆盖任何内容,即使我已选择它在自定义边栏选择框中覆盖当前页面的右侧边栏

我不知道从哪里开始或者如果有不同的方法这样做我认为在我的页面上的自定义侧边栏选择框中选择了自定义边栏并不会覆盖默认的右侧边栏。 PHP。香港专业教育学院已经能够在我的视频页面上使用customright-sidebar进行测试,并成功覆盖了右侧边栏并且正常运行,但它正在运行此默认右侧边栏模板

<div id="sidebar2"><div class="sidebar2"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right') ) : ?><div class="left-sidebar"><h4>Recent Posts</h4><ul><?php wp_get_archives('type=postbypost&limit=5'); ?> </ul></div><?php endif; ?></div> <br style="clear:both"></div>

anyhelp将非常感激,想出这个=)你可以在这里看到我用来学习wordpress的网站的主页,从那里你可以导航到我撕裂的视频和特别优惠页面,以获得更好的主意我试图用侧边栏做什么

http://test.smartphonesource.org

2 个答案:

答案 0 :(得分:1)

首先,您的网站看起来非常棒:)为了解决这个问题,您确保您的网页仅仅抓取新的侧边栏代码吗?

答案 1 :(得分:0)

我设法解决了页面问题,我不知道出了什么问题,但它突然开始使用相同的代码我知道我清除了我的缓存所以可能是影响它或防止新的更改有时出现如果我不清除我上传了他们不会为我显示的新图片后缓存