Wordpress Plugin: Expose It
It been a while since I have not posted anything new but here I am now with some interesting stuff for WordPress users. It’s my first plugin called “Expose It”.
It’s a simple yet attractive plugin which will spice up every design so don’t hesitate to use it. This plugin practically adds a highlight/expose effect around any DIV with defined class=”expose”. The script behind this plugin is the Expose jQuery from FlowPlayer.org
For a quick demo please see below or anywhere on my website where a comment form is present.
CLICK ON THIS TEXT TO SEE THE PLUGIN IN ACTION
Of course you can add anything what you just want inside this DIV: images, videos and so on. As you can see I have added my theme’s comment form in this DIV … so, the possibilities are endless. The plugin was tested on Wordpress 2.8 but it should work on any previous versions too.
Instalation
1. Download and install the plugin.
2. Activate the plugin from you WP Admin Panel
3. To apply the exposure to an element on your website include it between <div class=”expose”></div>
<div class=”expose”>YOUR STUFF GOES HERE</div>
Customization
In the near future (when my time will allow me) I will add some extra features like an admin panel from where the DIV’s background color to be changed and so on but for now if you wish to change the color you have to open the source code and change the value by yourself. To accomplish this, follow these steps:
1. Open exposeit.php
2. On the following line modify the color code after your preferences (line 41)
this.getExposed().css({backgroundColor: ‘#B1B9C1‘});
3. Save and upload the file
For questions or feedbacks please leave a comment and I will make sure to respond as quick as possible.
DOWNLOAD PLUGIN
EDIT: If you like this plugin please rate it on Wordpress Plugin Directory. Thanks!
Tags: Expose it, Freebies, WordPress, WP, WP Plugins
Jul 02, 2009
This is a great effect! Simple and Efficent.
[Reply]
Jul 02, 2009
[...] Read more from the original source: Wordpress Plugin: Expose It | Adrian Apan – Web designer/developer [...]
Jul 02, 2009
Thanks for this great plugin! I’ve been looking for something like this.
[Reply]
Jul 02, 2009
Thanks for your feedbacks!
@marbio … Yes, it’s simple yet attractive and with a bit of imagination it can spice up any WP template.
@Northern Camping … You’re welcome
I would like to see where you will use it, so drop me the link please.
[Reply]
Jul 03, 2009
Nice plugin, I’ve added in our database.
[Reply]
Jul 04, 2009
What an innovative plugin!
One of those plugins which, I believe, once people find it – they’ll wonder how they did without it. Fingers crossed I’ll be motivated enough to redo my site and use this plugin.
p/s: Will there be a showcase section in the future to see how others have used the plugin? I certainly like how the Comment section is highlighted whilst I’m typing this. It does keep me terribly focused :p
[Reply]
Jul 04, 2009
@WordPress Daddy … Thank you for adding this plugin! Much appreciated …
@Flick … Thanks for the kind words. Indeed it’s an attractive plugin which can spice up any design so I hope that more and more people will find out about. If you like it, in return if you could spread the link to this plugin, I would be glad. Also, In the near future I will try to make a showcase with sites which use this plugin to see how creative is the crowd using this plugin, so don’t forget to check back
[Reply]
Jul 05, 2009
I installed your plug-in today, but it does not seem to be working.
Ideas?
[Reply]
Jul 05, 2009
@Roy Wright
…. I just took a quick look at the website you have configured as your homepage when you wrote your support comment. The problem why it’s not working is because you use < div class="”expose”" > (2 pair of ” ) … remove 1 from each side and your good to go. Let me know if this worked for you.
[Reply]
Jul 06, 2009
I removed one pair of the double quotation marks, updated and viewed website without any change.
Your next idea please.
[Reply]
Jul 06, 2009
@Roy Wright: Your comment seemed a wee bit short… as far as I can see, your double quotation marks aren’t the standard ‘non-smart’ quotation marks (in other words, they are ‘curly’ quotation marks) which is probably why the plugin isn’t working. Instead of directly copying and pasting, I would suggest actually typing out the div class=”expose” part.
If you want to read more about how WordPress processes quotation marks, you can have a look at this article here: http://1heckofaguy.com/2008/07/17/wordpress-quotation-marks-too-smart-for-their-own-good/ or http://dossier.dunker.de/?s=guillemet
[Reply]
Jul 06, 2009
@Roy Wright …. I have to subscribe to Flick’s comment. Your quote sign used is not the standard one. You just have to remove the quotes and rather then c/p the one line code you should type it by yourself. The first example (link) left by Flick is a very good example. Let me know if you managed to work it out. (Just a simple visual example: http://1heckofaguy.com/wp-content/uploads/2008/07/smartquotes-300×123.jpg)
@Flick … Thanks for the feedback and helping out the ppl who use “Expose It”. Really appreciate it!
[Reply]
Jul 06, 2009
@Adrian: Sorry to barge in like that and hope you don’t mind. I’m afraid I couldn’t quite resist. Usually I wouldn’t have a clue
Am just glad I might be of some help.
[Reply]
Jul 06, 2009
Flick was insight was absolutely correct. Such a small issue caused failure. I learned that quotation marks come in more than one flavor. Yes, Informal Learning is GREAT! Thanks for sharing your knowledge.
[Reply]
Jul 06, 2009
@Flick … Don’t even mention. I`m glad I have a helpful hand around me cause as you can see I`m kind of busy and my response time is far from timely so when I see that the members are helping out each other I can just thank you, so … Thanks again!
@Roy Wright …. I`m glad finally your issue has been fixed. If there is anything else you observe I`m waiting for you comment(s) to try to fix eventually problems.
[Reply]
Jul 07, 2009
[...] Expose It [...]
Jul 08, 2009
[...] Expose It [...]
Jul 08, 2009
[...] Expose It [...]
Jul 08, 2009
[...] Expose It [...]
Jul 09, 2009
I have installed and activated the expose it plugin.
It has been successfully installed and activated.
i added Some Text in my home.php page
but it is not working..
why it is not working.. can u plz suggest me…
Thanks..
[Reply]
Jul 09, 2009
@ Ramanaraju
Please give me the link to your website to have a look at it. Also let me know how did you defined the expose div and where (around what text or so).
[Reply]
Jul 10, 2009
when am installing EXPOSE IT from wordpress plugin
it is giving an error as
Warning: touch() [function.touch]: Unable to create file C:\Inetpub\vhosts\ezSEOservice.com\httpdocs\wordpress/wp-content/expose-it.zip because Permission denied in C:\Inetpub\vhosts\ezSEOservice.com\httpdocs\wordpress\wp-admin\includes\file.php on line 175
can anyone help out plzzz…
[Reply]
Jul 10, 2009
@ Ramanaraju
Are the permissions set correctly? Also if you are using a localhost server for development you should use something like Xampp or EasyPHP. Your problem in this case is locally not related to the plugin.
[Reply]
Jul 14, 2009
Great Plugin and I will test it on my blog.
But there’s one little problem (here on this post, too): If I “expose-it” the demo text above and after this I do the same with the commentbox I can’t get out of the exposed area. It’s the same doing this in reverse order.
[Reply]
Jul 14, 2009
@ Thomas
Thank you! I have noticed this problem but it’s only locally (at my blog). Theoretically it should work without a problem. I`m saying this because you can even place a button to activate the expose area and another button to close/deactivate it. In the plugin this is configured to be auto … see: onLoad: function() and onClose: function(). In any case if you somehow get into problems with the plugin let me know and I will help you out.
[Reply]
Jul 14, 2009
Thanks for your quick answer.
Please can you tell me how I will get a border around the exposed area like here in the commentbox.
[Reply]
Jul 15, 2009
@ Thomas
Sure,… it’s simple. Just edit your themes comments.php (either directly editing the file either using the WP admin panel — Appearance->Editor) and wrap the comment form into the “expose it” div. That’s all. For example:
< div class="expose" >
< div class="post-box" >
……………………..
< /div >
< /div >
[Reply]
Jul 15, 2009
Sure that’s what I have done.
But some things are easier as they look like. My post-box div didn’t had any background color and so the exposed box is totally greyed. After setting the background color to white now I got that gray border,too.
BTW: Please add “-webkit-border-radius: 4px;” and “-khtml-border-radius: 4px;” to make border-radius available for all browsers.
Thanks!
[Reply]
Jul 15, 2009
Nice !!!
Thanks !!!
G.
[Reply]
Jul 15, 2009
@Thomas
Of course, this depends on every theme. I gave as example my theme but everyone have to modify it according his theme.
@Gabriel
Thank you!
[Reply]
Jul 18, 2009
Today I noticed on my blog using the jQuery FancyBox together with Expose-It the fancy box didn’t work anymore. There’s probably a conflict between the jquery-1.3.2.min.js used by FancyBox and the jquery.tools.min.js used by yours Expose-It.
Did you have an idea to correct this?
Thanks
[Reply]
Jul 18, 2009
I solved the problem!
Within your package you include the jquery.tools.min.js in version 1.0.1. After upgrading this to version 1.0.2 everything works well.
You should perhaps update Expose-it with the new version, so that all other users have no problems with it.
[Reply]
Jul 19, 2009
@ Thomas
Sry for the late response. I was kind of busy these days. Thanks for publishing the solution. I didn’t know about any incompatibility but I will make an update to fix this.
[Reply]
Jul 28, 2009
[...] Expose It [...]
Sep 07, 2009
Cool site, love the info.
[Reply]
Oct 11, 2009
Hello, it really interesting, thanks
[Reply]
Oct 31, 2009
excellent plugin will soon blog about this excellent plugin the effect you made at comment section is excellent…
[Reply]
Adrian Apan Reply:
October 31st, 2009 at 7:59 pm
Thank you Rajesh! Much appreciated …
[Reply]
Nov 11, 2009
Как вам удаётся так часто обновлять свой проект? Поделитесь секретом?
[Reply]
Dec 30, 2009
hi man..
nice plugin…
If I want to change the background color? (#445566) What do I do?
[Reply]
Jan 20, 2010
Adrian ! you managed to surprise me for the second time in a row today
I have been looking for something exactly like this which I want to implement into my new website theme. I was considering installing something like Pretty Photo , but decided against it because after all it will burden the page load and as it is- I already have some plugins installed which will def slow it down even by a few seconds ( which in web terms are vital ) ; I was so happy when I came across this plugin – shocked again at seeing you’re the man behind it ! 
and now , Im sad again because its not compatible w/ WP 2.9.1 
I wanna cry now – I so desperately need something as lightweight and simple as this . Help me please ??? 
M.
[Reply]