使用主题选项更改链接颜色

时间:2011-03-08 作者:snthr

我正在开发一个带有一些主题选项的WordPress主题(使用ThemeShaper sample theme options page), 我想要的一个选项是允许用户设置自己的链接颜色。

目前,我可以得到他们设置的十六进制值(比如#134679或其他什么),然后把它吐出来,但我不知道如何将其包含在主题中。

可能需要将其动态添加到样式表(或动态生成的新样式表?)或者诸如此类的东西,以便从主题的页面链接到,并开始工作。如果是,如何做到这一点?那么“最好”的方法是什么?

谢谢

编辑:我根本不是一个PHP的人,所以。。。请用外行的语言。:)

1 个回复
SO网友:Rev. Voodoo

要为css创建主题选项,可以在标题中包含css。在wp\\U头上。。。

例如,我在阵列中的“管理”菜单中设置了各种选项。

        \'name\' => __( \'Custom CSS\', \'voodoo_lion\' ),   
    "desc" => __( \'Want to add any custom CSS code? Put in here, and the rest is taken care of. This overrides any other stylesheets. eg: a.button{color:green}\', \'voodoo_lion\' ),   
    "id" => $shortname."_custom_css",   
    "type" => "textarea",   
    "std" => ""
),
是用于输入自定义css的选项。然后我将该动作添加到wp\\U头部

add_action( \'wp_head\', \'voodoo_inline_css\', 100000 );
并定义voodoo\\u inline\\u css。voodoo\\u inline\\u css函数中有多种功能,但其中之一是:

if( get_theme_option( \'custom_css\' ) ) 
    theme_option( \'custom_css\' );
希望这有点帮助。。。您也可以直接在标题中调用该选项。php

<style type="text/css" media="screen">
   .content a:link {
        color: <?php echo get_theme_option(\' link-color \'); ?>;
    }
</style>
无论哪种方式,您都需要将css输出到标题中,而不是试图将其输出到样式表中。

这里只是一个注释,这个主题选项代码是从我的主题复制/粘贴的,作为一个示例,以便您可以查看代码位并进行比较。由于您遵循了自己的教程,因此您的选项设置将有所不同。我想表明,您可以将选项输出到标题(使用wp\\u head或直接)以使css生效。

结束

相关推荐

基于样式/css的主题选项页面的最佳实践?

我想创建一个主题选项页面的基础上改变整个网站的CSS样式。例如,正文/容器背景色、字体大小、字体颜色等。我通过在头文件中使用指向php文件的样式表链接实现了这一点,该头文件echo是CSS,并使用get\\u选项。例如background-color: <?php echo get_option(\'background_color\'); ?>; 如果有很多选择,我认为这是一个糟糕的想法,从性能角度来看,这是正确的吗?我尝试过其他方法,但它们似乎都添加了内联或嵌入式样式,这是我不想要的,如