This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

MarcTV Art Directed Blogging


Adds the ability to add a custom field with a reference to a css file and generates a css namespace with the class ‘.artdirected’. This plugin also adds a jquery switch to the top right corner to deactivate and activate the custom styles. A collection of articles which make use of this plugin can be found here:


This plugin uses ideas and code snipplets from codecandies.


  • new custom field
  • directory listing of articlestyles


  • Activate plugin.
  • Make a new directory called ‘articlestyles’ in your ‘/wp-content/’ folder: /wp-content/articlestyles/
  • Add a new custom field to the article you want to design and name it “extraCss”.

Now you can put css files for each article in /wp-content/articlestyles/[custom_field_value]/[custom_field_value].css


  • Make a new custom field called “extraCss” within your article with the article editor. cf. screenshot
  • Use the value “limbo” for example.
  • Make a new directory called “limbo” with your ‘/wp-content/articlestyles/’ folder: /wp-content/articlestyles/limbo
  • Put a css file called limbo.css into this folder
  • Start every css declaration with ‘.artdirected’. This works because this plugin adds this class to the body of the article.
  • e.g. to change the color of the title to red just write ‘.artdirected .title {color: red;}’ into this css file.
  • You can also put your images for each article in this folder and reference them directly:

    .artdirected{ // this adds a background image to the body tag. background:url(“body_background.jpg”) no-repeat scroll top center #000; }

The advantage of this ‘css namespace’ is that you can disable the styles easily if you don’t want them anymore.

have fun!

articles which make use of this plugin can be found here:


Your plugin does not work!

Look at the generated HTML source code of your article. Search for id='extraCss-css'. If you can not find it check your header.php of your theme and look for <php wp_head(); ?>. This function has to be present because the plugin add the css this way.

It is still not working!

If id='extraCss-css' is present in your source code please check the path in the css reference.

Ok, the css is there but I am not able to use the prefix .artdirected.

It seems that your theme is missing <body <?php body_class(); ?>> in your header.php instead of <body>;

Contributors & Developers

“MarcTV Art Directed Blogging” is open source software. The following people have contributed to this plugin.



  • fixed globals.
  • added dashicons.
  • cleaned up code


  • Switch works in Firefox again.


  • Additional jQuery Selector for navigation menu.


  • Changed symbols and added help text. Re-added jump to header while switching adb on or off.


  • fixed $id bug on archive pages


  • removed the figure tag crap


  • added figure tag


Fixed some typos


First version.

  • Added option to the remove the js style switcher. You can find it in your blog settings panel.
  • Added more infos to the installation section of the plugin’s readme.txt. Thanks to Kim S. for helping me with potential theme problems 😉


  • added new plugin homepage