
looks like this
•Description
This plugin arranges entry body right and left by dividing the text into two just like newspaper.
*This plugin ‘only’ splits text between paragraph and paragraph.
•Requirements
WordPress 2.5 environment
•Install
Place files into your /wp-content/plugins/ directory and activate through the administration panel.
•Settings
This plugin does not have any option panel.
•CSS
Before you separate column, you must add three CSS code at your style sheet. Here’s sample:
#dualcolumn_container {
width: 100%;
text-align: justify;
text-justify: auto;
margin-top: 15px;
}.dualcolumn_left {
width: 48%;
float: left;
}.dualcolumn_right {
width: 48%;
float: right;
}
•Usage
<dualcolumn [offset="+1|-1"] [nojump]>〜</dualcolumn>
*from 0.1.1, offset will allow from -9 to +9.
offset: +1 or -1
This plugin calculate number of characters at text so sometimes the point to split is too early or too late because of spacing. If so, use this option to adjust its split point.
*You must have more than 3 paragraphs if you want to use this option.
nojump:
By default, plugin automatically add small arrow icon at bottom of left column to ump to top of entry. This is very good for your reader to suppress their scrolling action. Also, the jump link ‘only’ jumps to top of its entry so if you want to place more than two sets of <dualcolumn>…</dualcolumn>, you need this option to avoid unexpected jump.
•Sample
http://www.vjcatkick.com/?page_id=7369
•Download
via WordPress.org
•Versions
* Feb 07 2009 – v0.1.0
- Initial release
* Feb 24 2009 – v0.1.1
- bug fix – important: see note below
* Jun 18 2009 – v0.1.2
- bug fix – in case paragraph did not have any ‘actual’ text (means only tags such as IMG)
•Version 0.1.1 fix
- Guys, sorry I made mistake to calculate character count at 0.1.0 version, and this version 0.1.1 and later version is now what I want to do. This change will actually ‘change’ paragraph break as older version so you will do re-write option of dualcolumn tag to ‘plus’ direction. (i.e. offset=”-1″ to offset=”0″, no offset to offset=”+1″ : you need ‘+’ symbol)
- This fix changes paragraph breaks at your blog, again I am sorry to force you to reedit your blog entries.
- If you start using from version 0.1.1, you do not have to reedit your entries.
•If you like this
If you like this plugin, writing small entry on your blog and trackbacking to this entry makes me really really happy!
5 Responses to “WP Plugin: Dual Column”
Leave a Reply
TrackBack URL : http://www.vjcatkick.com/blog/wp-trackback.php?p=7381
February 9th, 2009
This is a very good idea. I tried to put the tag on a page in the HTML view. Unfortunally when I change to Visual View the tag disappeared. Is this a plugin’s limitation?
I should edit the page in wyswyg mode to see where text is splitted.
February 9th, 2009
Thank you downloading my plugin and it is not supported wyswyg mode maybe it is WordPress’s specification removing ‘unknown’ tags. I believe that it is better editing dynamically but currently its only support with preview mode.
February 22nd, 2010
Hey, this is really great and easy to use. I ran into a little glitch: the jump arrow isn’t working. The code reads but there is no anchor anywhere on the page for it to jump to. If you could have it put in an anchor named columntop that would distinguish it from any others.
The anchor code might read
The jump arrow would be coded:
Another suggestion is if you can make the jump arrow align to the right side of that column it would be more clear, or maybe if you provided an image that included the words “Next column…” so it would be more obvious. I know I can do that myself, but it would be a nice touch.
I also looked at the plugin WP Columnize. It puts a button on the html editor that wraps selected text in the proper tags automatically. This would be a great addition to your plugin, if you can borrow or duplicate the code from that plugin. Maybe two buttons: one for nojump and one with the jump included?
Please let me know if you think you might do any of this anytime soon, especially the bug fix for the jump not jumping.
February 22nd, 2010
I see my code samples didn’t save in my comment. Here’s my anchor code with the start and end brackets left off for comment compatibility:
a name=”columntop” id=”columntop”></a
February 22nd, 2010
Hi,
it takes little while to fix this issue but i will fix it soon. – means arrow thing etc. also, there’s few minor bug (or incompatibilities) so in anyway, i must re-write this plugin’s code.
thank you suggestion and yours will be included in next version. plz wait until next version.