如何根据主题选项选择框显示自定义样式

时间：2011-10-27 作者：Dean Elliott

如果用户从“我的主题选项”页面的“选择”框中选择和选项，如何显示不同的样式片段。

例如要在右侧显示侧栏，用户将选择“right”，并使用默认样式表。但是，如果他们选择“Left”将其显示在左侧，则会出现一个小的样式片段，覆盖默认样式表。

如果有帮助的话，我就是这样做的。

<?php if ( of_get_option(\'show_post_sidebar\', false ) ) { ?>
        <!-- default styles would be used -->
    <?php } else {?>
        <style type="text/css" media="screen">
            .post{width:720px}
        </style>
    <?php } ?>

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

只需将动态CSS放在回调函数中，连接到wp_print_script, e、 g。

function mytheme_custom_css() {
    ?>
    <script type="text/css">
    <?php if ( of_get_option(\'show_post_sidebar\', true ) ) { ?>
        .post{width:720px}
    <?php } ?>
    </script>
    <?php
}
add_action( \'wp_print_scripts\', \'mytheme_custom_css\' );
根据需要添加尽可能少或尽可能多的条件CSS规则。

SO网友:Joseph Leedy

我自己一直在为我的个人博客研究这个。似乎有一些plugins 如果你不反对使用。

编辑：WordPress似乎有built-in function 为了这个。

再次编辑：对不起，我想我看错了你的问题。我假设您正在寻找一种根据用户偏好更改主题的方法。我想我应该更仔细地阅读而不是快速地略读。

结束
标签： css   options   select   小码农  

相关推荐

当前帖子/页面祖先，css

链接：http://themeforward.com/demo2签出我的菜单。将鼠标悬停在“功能”>“短代码”>“排版”上。请注意，当您将鼠标放在排版上时，短代码的背景是如何变为深红色的？How do I get the background to turn to the darker gray (#EEE) instead while on the third level of the menu without changing the parent menu link colors (Ho