Title: Custom Style Author: merzedes Published: 2009 年 11 月 3 日 Last modified: 2010 年 2 月 25 日 --- 搜索插件 **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/custom-style.svg) # Custom Style 作者：[merzedes](https://profiles.wordpress.org/merzedes/) [下载](https://downloads.wordpress.org/plugin/custom-style.1.0.2.zip) * [详情](https://cn.wordpress.org/plugins/custom-style/#description) * [评价](https://cn.wordpress.org/plugins/custom-style/#reviews) * [安装](https://cn.wordpress.org/plugins/custom-style/#installation) * [开发进展](https://cn.wordpress.org/plugins/custom-style/#developers) [支持](https://wordpress.org/support/plugin/custom-style/) ## 描述 #### What is this plugin about? You are using a theme in WordPress and it looks marvelous good. Well, almost! If you could just change the main color to match your liking, your companys style, .. whatever! It’s actually easy in WordPress, because you have direct access to your themes’ style files. Just use `Appearance -> Editor` inside the Dashboard and there you go. That’s great until the other day you update your theme because a new, improved and of course much better version has been released. Then all your custom changes are gone and you have to start from scratch again. A much better way is to save additional CSS rules in the blog’s database and include them inside a `< style/>` element. Of course there must also be a way to enter those rules via the Dahsboard. And this is exactly what this plugin is all about! This simple plugin will add a `` element to ``, thus allowing the administrator to customize the “look” of the theme used without actually changing one of the theme’s files. This allows you to simply update the theme without loosing your valueable changes. #### Support If you require any help, if something is not working, if you have an idea for improvement, critics, please do not hesitate to contact me by sending an email to `wh [at] haefelinger[ dot] it` or visit the plugin’s home page at [http://workbench.haefelinger.it/project/custom-style](http://workbench.haefelinger.it/project/custom-style) ## 屏幕截图 [⌊Shows the additional menu item 'Custom-Style' showing up in 'Appearance' in your Dashbard after having installed this plugin.⌉⌊Shows the additional menu item 'Custom- Style' showing up in 'Appearance' in your Dashbard after having installed this plugin .⌉[ Shows the additional menu item ‘Custom-Style’ showing up in ‘Appearance’ in your Dashbard after having installed this plugin. [⌊Shows the text input field with some example content and to the right you can see what the plugin generates.⌉⌊Shows the text input field with some example content and to the right you can see what the plugin generates.⌉[ Shows the text input field with some example content and to the right you can see what the plugin generates. ## 安装 #### Basic Installation 1. Upload `custom-style` into `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. The plugin is now installed and ready for usage (see Usage section). #### Usage Once installed and activated, sub menu item ‘Custom Style’ is added to menu ‘Appearance’ in your Dashboard. Select that menu item, add some CSS rules into the text field and save it. Then reload your WordPress Blog. If you then look at your blog’s HTML source code, you should see a `` element in the head element with your content. #### Advanced Usage Depending on your CSS rules, you may need to refer to files in your theme. A typical example is the usage of a background image as shown below: ``` #header { background-image: url( /images/my-bg-image.jpg ); } ``` Using a hardwired URL here is possible but a rather ugly solution. Especially if you prefer to install themes having version numbers in their folder name. To support a location independant CSS addition, ‘custom-style’ supports the syntax ``` {bloginfo:word} ``` where ‘word’ is an arbitrary word (or absent). Such a ‘custom expression’ is evaluated as ``` bloginfo('word') ``` See https://codex.wordpress.org/Template_Tags/bloginfo for further information about‘ bloginfo’. This eventually allows you to solve the problem above like ``` #header { background-image: url({bloginfo:template_url}/images/my-bg-image.jpg ); } ``` cause `bloginfo("template_url")` evaluates to your blog’s theme URL. ## 常见问题 No in my element? The plugin depends on the usage of ``. So your header.php file should look something like ``` .. .. ``` There is a