Phoenix, AZ 85028
ThickBox Content - WordPress Plugin
Table of content:
Current Version: 1.0.3 [ Video Demo ] [ Download ] [ Support ]
The original ThickBox script is already included into the WordPress core, but it's not accommodated to be used in a simple way via page or post editor. This plugin adds a button to the text editor's toolbar and allows to display your content in a thickbox effect. The plugin can include any inline content, iFramed or Ajax content located on other pages.
- Upload the files to the wp-content/plugins/thkBoxContent directory.
- Activate the ThickBox Content plugin through the "Plugins" menu in WordPress.
- Copy all files from the wp-content/plugins/thkBoxContent/COPY-THIS to your Theme folder. Those are the template files that will be used for iFraming content via thickbox.
The plugin is pretty self explanatory, but there are a few things that you need to know in order to get certain functions work correctly.
Displaying a WordPress Page in a ThickBox
If you wish a specific page to appear in a ThickBox effect, make sure you select the "ThickBox Content" template from the "Template" drop down selection list for that particular page. That page name will become available in the "Select ThickBox Content" [ Img. 1 ] drop down selection list in the ThickBox Content Editor [ Img. 2 ].
Displaying Inline Content in a ThickBox
To display an inline content in a ThickBox, highlight the desired part of the content with your mouse and then click the ThickBox Content button [Img.1] in the page editor toolbar. Then enter a unique ID into the "ID of the inline HTML" field [ Img. 4 ]. This way the plugin will automatically hide your content and display it in a thickbox when you click on your link. If you look at the HTML code, you will see that your content is wrapped into div tags like this:
<div id="unique_id_for_the_thickbox"> <div>Your content is here.</div> </div>
Displaying iFramed & Ajax Content in a ThickBox
If you would like to embed a web page into a ThickBox that is located on another website, you can do it via iFramed Content setting. Simply enter the link Anchor Text, ThickBox Title, ThickBox dimensions and then the URL of the web page you would like to be framed in the URL field under the Custom URL tab [ Img. 3 ].
The same goes for the Ajax content, the only difference is that the URL has to be local - the web page has to be located on the same domain.
Displaying Images in a ThickBox
ThickBox effect is included into the core of the WordPress by default. This plugin only adds a simple functionality of embedding the content, but it can be done manually without the plugin (see official Thickbox website). So, in order to display images in a ThickBox, all you need to do is to link a thumbnail or smaller version of the images to the original size and assign class="thickbox" to the <a> element around the image like this:
<a href="http//...url to the original image" class="thickbox"><img src="url of the thumbnail" /></a>This can be done in a matter of seconds by inserting an image via media library, and then adding the class to the link via the HTML editor tab.
ThickBox Content Button [Img. 1]
Existing Content Tab [Img. 2]
Custom URL Tab [Img. 3]
Markup [Img. 4]
Comments are closed! To ask a question, report a bug or make a suggestion, please use Support Forums at WordPress.org