Current Version: 1.2.1
All plug-ins:
Donations: $5197.40.
Downloads: ~870,000.
That’s about one half cent per download. Donors’ Roll
This plugin simply provides a custom field on your WordPress interface where you can add custom styles to be applied only on that page or post. Useful for being able to publish articles with a unique look.
The use you’ll get out of this plugin depends on the flexibility of the theme you’re using and your own knowledge of CSS (Cascading Style Sheets).
New in version 1.2.1:
- Added editing of the database deleting your pre-defined styles.
New in version 1.2.0:
- Added editing of the database storing your pre-defined styles.
- Updated post interface
- Made translation-ready
How to use the style library:
- Add the styles you want on your settings page.
- Navigate to an article which requires specific styles.
- Select the library style from the drop down, leaving the style textarea blank.
- Update or post the new document.
Installation
- Upload the `wp-post-styling` folder to your `/wp-content/plugins/` directory
- Activate the plugin using the `Plugins` menu in WordPress
- Go to Settings > WP Post Styling
- Adjust the WP Post Styling options if necessary.
- Set up custom styles for your posts and pages as needed!
Frequently Asked Questions
- I don’t really know CSS. Can I use this plugin?
- You really do need to know CSS to get anywhere with this. Given the huge variety in styles provided by WordPress themes, it’s impractical to attempt to predict what kinds of styles you might need.
- The Custom styles I added aren’t showing up in my blog — why not?
- Well, this is just a stab in the dark, but it’s possible that the developer of your theme didn’t use the WordPress function
wp_head, which needs to be in your theme for this plugin to work.
That sounds like a file system problem on your server — a file which no longer has the right permissions for WordPress to make edits to it. Assuming that you’re on an Apache server, you should check the file permissions for the files and directory - you can use a plug-in which you can use as a reference for what will work. If you can’t change those permissions, you may need to check with your host about the files.
Hi,
I have a really strange problem. I was using this plugin for quite a while and just realized, that the plugin all of a sudden doesn’t load any more. Nor can I reinstall it. Meaning, even if I delete the plugin manually via FTP, the WP plugin installer will not install it, throwing an error that the directory already exists. I have then reinstalled it manually again via FTP, but it never shows up in the plugin list either? I am puzzled …
I am using the latest WP, which I just upgraded to, because I thought this might solve the problem. Before I had 3.2.1 (I think) … Also, when I try to access the admin for the plugin at http://customhouse.cc/wp-admin/options-general.php?page=wp-post-styling/wp-post-styling.php the server throws an error that I have no access rights ….
Also, it’s not listing in plugins/inactive or plugins/recently active - even though the files are there, which I can see via FTP.
Any idea what’s going on here?
Thanks!
WOLF
Sure! It’s done.
Please, consider changing in wp-post-styling.php the following code in order to show the meta_box in custom post types:
function jd_add_post_styling_outer_box() {
if ( function_exists( ‘get_post_types’ ) ) {
$post_types = get_post_types( array(), ‘objects’ );
foreach ( $post_types as $post_type ) {
if ( $post_type->show_ui ) {
add_meta_box( ‘poststyling_div’,’WP Post Styling’, ‘jd_add_post_styling_inner_box’, $post_type->name, ‘advanced’ );
}
}
} else if ( function_exists( ‘add_meta_box’ )) {
add_meta_box( ‘poststyling_div’,’WP Post Styling’, ‘jd_add_post_styling_inner_box’, ‘post’, ‘advanced’ );
add_meta_box( ‘poststyling_div’,’WP Post Styling’, ‘jd_add_post_styling_inner_box’, ‘page’, ‘advanced’ );
} else {
add_action(‘dbx_post_advanced’, ‘jd_add_post_styling_old_box’ );
add_action(‘dbx_page_advanced’, ‘jd_add_post_styling_old_box’ );
}
}
Knowledge of CSS styles is required.
hi
is this a simple plug in and go option for WordPress or is coding knowledge required ?
I am happy to find this very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found.Thanks for sharing.
Thanks, Rye - I suspect there’s something else going on for you; I don’t know of any way that the plug-in could change your permalinks, but I don’t know what would do that. Without seeing what you’ve attempted, I can’t provide any details, but I appreciate your contacting me.
That’s… true, I think. I realized that every page I set on black background produced a 404 error. For example: (http://anatomika.net/2011/03/16/la-misteriosa-foto-del-rostro-de-madonna-2000-2011/images/bg.jpg ) and the bg.jpg appears at the end of the permanent link.
I’m using a Depo mashead 0,1 theme in white background, and for page of videos I decided to use a black background, so I chose one of the options offered in the pluggin. I’m trying to develop an specif black ground option using the depo theme in order to avoid the error, but for the moment I needed to disable it (and of course my previous posts on blackground can’t be readed now).
I’m autodidact, so maybe this is my error not the pluggin. Thanks for your feedback Joe.
@Rye That’s…interesting? I have absolutely no idea what you’re referring to — this plug-in doesn’t create extensions in any context and doesn’t effect permalinks, so I really have no idea what you’re referring to. Can you explain further?
Hello there, I’ve been using your tool, but i needed to deactivated it as it seems to produce errors when it creates an extension : /image/bp.jpg at the end of permanent link.
Wow That’s Exactly what I was looking ! Thanks!
Thank you - very useful, it works fine
Thanks looking a great plugin it is!
Hi, traveller - I responded to your WordPress Forums post already, but I’m hoping you can provide me with an example - I don’t need to see anything backend, but a page which is currently failing to display an assigned style might give me a valuable clue about this.
Best,
Joe
I thought this plugin was the ideal tool for me to ‘conditionally’ call the sidebar, which I wanted on some pages but not on others. Using Post Styling and entering ‘display: none;’ for the sidebar was running fine, but now I notice that on random occasions the Post Styling condition isn’t run, and then the page displays with the turned-off sidebar actually on and even refreshing the page won’t hide it again until I’ve gone back into the post and manually added the Post Styling again!
Ah - yes, that’s something I should fix. Soon, though probably not today.
awesome plugin, enjoying it thus far except when I use a background image the plugin rewrites
background:url(“images/paperbg.jpg”)
as
background:url("images/paperbg.jpg")
any ideas?
WP 2.9.2
plugin Version 1.2.1
I have 1and1 as a host which I know has a few issues with WP
Great plugin. I was looking for something like this all day. It is very useful.
Thank you
~ Tom
You’d want to use
display: none!important;on the sidebar container — that should do it.Thanks!
Great Plug-In…Anyway to delete a sidebar using this? I tried overiding the css code for sidebar width to “0” with !important; but didn’t succeed in killing it. Need the space to properly show a table on a page.
Yes, that’s probably a good idea. (Doh!)
Feature Request:
Ability to delete from the library.
Hi,
Nice plugin. A couple of feature requests:
1. CSS per page on paginated posts (maybe excessive but could be really useful)
2. Specify an external CSS file (very useful for cross browser testing and more comfortable for writing complex CSS) Adding an upload/management workflow for this would be nice too.
Thanks!
Glad your problem is resolved, one way or the other! (And of course, it’s a perk that it’s not my fault…)
nevermind. figured it out. it was me of course. not the plugin.
Using WP 2.8.6 (I think) with Thematic theme and installed this plugin and now am unable to fully login & get this message:
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-login.php on line 290
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-login.php on line 302
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-includes/pluggable.php on line 671
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-includes/pluggable.php on line 672
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-includes/pluggable.php on line 673
Warning: Cannot modify header information - headers already sent by (output started at /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-content/themes/thematic/library/extensions/content-extensions.php:2) in /nfs/c05/h04/mnt/77965/domains/blog.myurlname.com/html/wp-includes/pluggable.php on line 865
Any help would be much appreciated.
Thanks, could be theres a better way for me to get the effect I want on my side anyway.
I’ll have to think about it - it seems like there should be a way to do it, although there isn’t as the plugin stands right now.
It’s more than due for an update, so I’ll give it some thought…
My mistake, its working fine in both Firefox and Safari, the issue I was having is that the custom styling is only showing on the post’s individual page (single.php). Is there any way of making it apply to more than just the individual page? I have my site set up so that the home page (or index.php) shows just the latest post, so when the latest post is viewed on the home page the custom styling isn’t showing.
Thanks, this is a great plugin, and its working perfectly for me on Safari, but doesn’t seem to be kicking in with Firefox at all for some reason… any ideas why?
Well, it’s pretty straightforward. First of all, you don’t *need* to use it at all — it’s entirely supplemental to how the previous version worked. But if you do, the idea is that you can create “template” styles - just save the styles in the database, then you can attach them to any post just by selecting them from the dropdown, rather than having to write the styles each time.
Hi Joe,
I had the last version of your great plug working fine, but I’m finding it hard getting my head around the new version regarding defining styles in the settings page. Can you give me a how-to for dummies?
1) After you’ve added a given style in the style library to a post or page and saved that page, the styles will appear in the custom styles box — you can then edit them for that post or page. The only way to edit the style library (at this time) is to go into the database. Sorry!
2) No.
Also, do the we have to use a style wrapper around the CSS?
Where do we go to edit them manually? I looked everywhere, but couldn’t find where its located
Ah. Well, technically speaking, you don’t. I haven’t built in an editing option for the library yet…
That is on my list of things to do this month, but until then, you’ll just have to edit them individually.
Hey there! I love the plugin, but once i add the style to the library, how do i edit it or find where its located if it needs to be adjusted?
Thank you - very useful! I will be subscribing to your RSS feed.
Generally, you can use the
!importantindicator to override any other settings which might be taking precedence. (If that’s the issue, at any rate!)Example:
#bodyBG { background: url(/images/yourcustomimage.jpg)!important; }It’s hard to answer any questions directly relating to the CSS of your site; the plugin takes care of getting the CSS on the page, but it’s ultimately up to you to make the CSS work.
Hey Joe
I’m having trouble using the styling stuff that’s outside of the WordPress entry. I have a tag, id is “bodyBG” which comes shortly after the body tag and I want to be able to insert a custom background image. I can change the BG color but the image will not show up. Any ideas?
That was the idea, in fact!
Hi
I guess with this plug-in you could achieve the “Jason Santa Maria” thing of one-off styled posts?
Thematic does! Awesome. That means it’s my bad CSS that’s causing the changes not to take effect, and means it’s something I can fix.
It would usually be in the
header.phpfile, most commonly located right before the closing</head>code.Most themes use it; but not all.
Hi. Where would wp_head be used? I want to check whether the theme I’m using (Thematic) supports this plugin.
Thanks,
Graham
Thanks! Hope you find it useful. Let me know if you have requests for additional features, as well. I have some ideas already, but I’m always open to suggestions!
This looks very promising! Thanks! I’ll be tryin it out for sure!
I’ll give it a a shot later. Thanks, seems like a great idea for a plug-in.
hi. Thanks for plugin
perfect.
Regards