No support will generally be provided for CSS-related problems. I’ll support problems with the plugin, but I can’t provide help with your CSS!
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.
hi. Thanks for plugin
perfect.
Regards
I’ll give it a a shot later. Thanks, seems like a great idea for a plug-in.
This looks very promising! Thanks! I’ll be tryin it out for sure!
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!
Hi. Where would wp_head be used? I want to check whether the theme I’m using (Thematic) supports this plugin.
Thanks,
Graham
It would usually be in the
header.phpfile, most commonly located right before the closing</head>code.Most themes use it; but not all.
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.
Hi
I guess with this plug-in you could achieve the “Jason Santa Maria” thing of one-off styled posts?
That was the idea, in fact!
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?
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.
Thank you - very useful! I will be subscribing to your RSS feed.
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?
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.
Where do we go to edit them manually? I looked everywhere, but couldn’t find where its located
Also, do the we have to use a style wrapper around the CSS?
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.
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?
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.
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?
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.
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…
Thanks, could be theres a better way for me to get the effect I want on my side anyway.
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.
nevermind. figured it out. it was me of course. not the plugin.
Glad your problem is resolved, one way or the other! (And of course, it’s a perk that it’s not my fault…)
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!
Feature Request:
Ability to delete from the library.
Yes, that’s probably a good idea. (Doh!)