Title: Custom Style Author: merzedes Published: 3 november 2009 Last modified: 25 februari 2010 --- Plugins zoeken Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress. ![](https://s.w.org/plugins/geopattern-icon/custom-style.svg) # Custom Style Door [merzedes](https://profiles.wordpress.org/merzedes/) [Download](https://downloads.wordpress.org/plugin/custom-style.1.0.2.zip) * [Details](https://nl.wordpress.org/plugins/custom-style/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/custom-style/#reviews) * [Installatie](https://nl.wordpress.org/plugins/custom-style/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/custom-style/#developers) [Ondersteuning](https://wordpress.org/support/plugin/custom-style/) ## Beschrijving #### 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) ## Schermafbeeldingen [⌊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. ## Installatie #### 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. ## FAQ No in my element? The plugin depends on the usage of ``. So your header.php file should look something like ``` .. .. ``` There is a