WordPress.org

Ready to get started?Download WordPress

Plugin Directory

MarcTV Art Directed Blogging

Simple put powerfull: adds the ability to reference a css file with a custom field for each article.

  • Upload the "MarcTV XBOX 360Voice Blog" plugin to your blog
  • Activate it.
  • 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

Example

  • 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: http://www.marctv.de/blog/tag/art-directed-blogging/

Requires: 3.0 or higher
Compatible up to: 3.8.3
Last Updated: 2014-2-13
Downloads: 779

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1 100,1,1 100,1,1
100,1,1 100,1,1
100,1,1