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

时间: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

链接: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