WP Games Embed Plugin

Date: 28th February 2009 at 1:27 am | Filed under: development, plugins, wordpress | Author: Sam Burdge | Tags: , , ,

Turn your wordpress blog into a games arcade!

This beta version WordPress plugin, WP Games Embed, makes it easy to embed games into your WordPress blog by using shortcodes in your posts and pages. WP Games Embed is intended to be able to support content offered by the various free games sites out there using the codes or downloads they provide.

FEATURES

4 Different views:

  1. Grid view - a grid of thumbnail images linking to each game (can be restricted to a single category or parent category)
  2. Category view - this view includes a medium sized image and a written description of the game
  3. Single page view - the page where you play the game itself
  4. Featured Game view - this view is similar to category view, but allows you to pick the games yourself to create your own 'Featured Games' page.

Different embedding modes:

  1. iFrame embedding - embed iFrame content using code provided by free games sites, or use this method to display games from your own server where an html file has been provided with the free game download.
  2. Flash embedding - embed Flash content using embed codes provided by other sites, or embed flash games directly from your own site. You can even upload them easily using the wordpress 'Add Media' tool.

WORKING EXAMPLE

Visit Zap Gamez Arcade to see an example of the plugin in action.

INSTALLATION

  1. Download the plugin from the link at the bottom of this page
  2. Upload the wp-games-embed.php file to your wp-content/plugins folder.
  3. Activate the plugin from the Plugins page in WordPress.

USAGE

Use shortcodes to embed games into your posts, or to create a grid of thumbnails on a page or your home page.

Embedding a game in a post:

Shortcode: [game /]

Additional attributes:

  • width - the width of the game
  • height - the height of the game
  • src - the url of the game (html file for iframe embedding, swf file for flash embedding)
  • flash - if set to true flash embedding will be used, if set to false iframe embedding will be used. (default=false)
  • thumb - the url of the thumbnail image (70px x 60px)
  • main - the url of the large image (appx 300px wide)
  • title - the name of the game!
  • description - your description including controls etc.
  • featured - whether this should be formatted as a featured game. (default=false)
  • game_url - only to be used in Featured mode (when featured is set to true). See  the shortcode examples below for more details.

Shortcode Example 1 (embedding game as iFrame):

[game width="640" height="480" src="http://www.example.com/games/pacman.html" thumb="http://www.mysite.com/images/pacman-small.jpg" main="http://www.mysite.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="false"/]

Shortcode Example 2 (embedding game as Flash):

[game width="640" height="480" src="http://www.mysite.com/games/pacman.swf" thumb="http://www.mysite.com/images/pacman-small.jpg" main="http://www.mysite.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="true"/]

Creating a grid of thumbnails on a page:

Shortcode: [get_latest_games /]

Additional attributes: list_category - the category id for the games you want to appear in the list.

The list_category attribute makes it possible to display the latest games under a certain category e.g. 'Arcade' or the latest games under all categories. Simply set up a main category called 'games' and then create all your games categories (action,adventure,sports, etc.)  as sub-categories.

Shortcode Example 3 (thumbnail grid):

[get_latest_games list_category="2" /]

Creating a Featured Games page:

Shortcode: [game /]
Additional atrtributes: (see above)

The important attributes for creating a features games list are 'featured' which should be set to true, and 'game_url' the url where the game can be played on your site.

Shortcode Example 4 (featured games):

[game  main="http://www.myblog.com/uploads/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." featured="true" game_url= "http://www.myblog.com/games/pacman/" /]

[game  main="http://www.myblog.com/uploads/donkeykong-medium.jpg" title="Donkey Kong" description="This is a great game! Use the arrow keys to play." featured="true" game_url= "http://www.myblog.com/games/donkey-kong/" /]

DOWNLOAD THE PLUGIN


14 Responses to “WP Games Embed Plugin”

  • Comment by imad
    Date: March 5th, 2009 at 11:28 am

    good work:) I am going to install it , I have also interest in the wp Mochi plugin..
    Thanx for sharing

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:02 pm

    Hi Imad
    Good luck! Don’t forget to post a link to your arcade here as an example…
    The mochi plugin needs a bit more development to integrate the mochi ‘bridge’ which gives the scoreboard functionality etc.
    Sam

  • Comment by The Wordpress Arcade Experiment Has Begun! - Page 2 - Talk Arcades
    Date: March 12th, 2009 at 9:34 pm

    [...] the WP Super Cache plugin, which speeds it up a lot! I have also developed a wordpress plugin WP Games Embed (very much a beta at the moment) which allows you to embed games in a wordpress blog with various [...]

  • Comment by acrylic
    Date: March 19th, 2009 at 9:29 pm

    Hello Sam and thanks for this wonderful plugin.

    I only have a slight problem with the get_latest_games shortcode. Every time I put in and define the category (for example 20) it lists all content from all categories. It might be a bug or might be something that I’m looking over.

    Thanks for your help

  • Comment by Sam Burdge
    Date: March 20th, 2009 at 2:10 am

    Hi Acrylic

    The get_latest_games shortcode will return all posts under a category, and all posts under child categories of that category. So if you have a main category called ‘games’ with an id of 1 and sub-categories of games such as ‘action’ (id =2), ‘arcade’ (id = 3), ‘fighting’ (id =4), etc. if you call category 1 in get_latest_games you will get all games, but if you call category 2 you should just get ‘action’ games.

    If this doesn’t help please comment again as it is this type of feedback that helps me to develop and improve my plugins over time.

    Sam

  • Comment by acrylic
    Date: March 20th, 2009 at 3:20 pm

    Hi Sam!

    I tweaked the code a bit and now it’s doing what I need. My concept was to have the grid system represented on a separate wordpress page rather than in a single post.

    So I created a new page template. The problem that I encountered was that the page template gets the content by running the loop first but the ep-embed.php runs the loop again. So what happens is that the page template loops through all the posts you have and displays the content.

    What I did was that I omitted the while loop and left the if conditional in. In this way the loop only runs when you have a content in your page and retrieves it. Once it happens it activates your function call which loops through the given parameters and retrieves all the game posts.

    I hope I made sense :/

  • Comment by Harri Nyman
    Date: March 26th, 2009 at 11:52 am

    Interesting plugin, no doubt - however I have interesting dilemma, is there some kind of limit how many games is needed before grid appears? On my site it’s not working, at least not yet.

  • Comment by Exam Philippines
    Date: April 1st, 2009 at 4:29 pm

    thank you so much for sharing this plugin. really helpful to my game site

  • Comment by Bilal
    Date: April 11th, 2009 at 7:10 pm

    Hi, great plugin.
    One question, if we use feeds to get mochi games can we use this plugin to show those games in posts?

  • Comment by Create a Wordpress Arcade | I love games
    Date: April 20th, 2009 at 6:15 am

    [...] wp-games-embed-plugin [...]

  • Comment by Eoin
    Date: May 7th, 2009 at 1:41 am

    Hi,
    I’m trying to get this to work, but can’t quite get it right. The plugin is activated - and this is code that I’m trying to use - (I changed example.com and mysite.com to our site)
    [game width="640" height="480" src="http://www.skuzziport.com/games/pacman.html" thumb="http://www.skuzziport.com/images/pacman-small.jpg" main="http://www.skuzziport.com/images/pacman-medium.jpg" title="PacMan" description="This is a great game! Use the arrow keys to play." flash="false"/]
    grateful for tips!

  • Comment by Sam Burdge
    Date: May 9th, 2009 at 9:50 am

    Hi Eoin
    In what way is it not working? Do you have an example I can look at?

  • Comment by Mark
    Date: September 19th, 2009 at 3:48 am

    Thanks for this little plugin…it works a treat.
    I’m gonna use it to add games as I go along, and then put a category page up… in the meantime I’ll just add each game I find as a blog post.

    The 1st game attempt can be found here….

    http://www.foundstuff.co.uk/2009/magic-towers-solitaire-an-addictive-little-solitaire-game/

    Excellent plugin and simple to use.

  • Comment by Steve
    Date: October 30th, 2009 at 3:13 am

    Well it seems to me to be quite useless, the grid view shows evey post of the whole blog, fine if 2-3 is all you have, but when in the 1,000s very terrible.

Leave a Comment

WP Background Tile Plugin

Date: 3rd February 2009 at 12:47 am | Filed under: plugins, wordpress | Author: Sam Burdge | Tags: , , , ,

The WP Background Tile Plugin for WordPress applies a tiled background image to your blog.  It is as simple as this:

  • Create a background image
  • Upload it
  • Apply it as the background via the WP Background Tile options page

Applying a repeat pattern to the background of a webpage is easily done using css:

body {background-image: url(example.jpg);}

However, if you're not into writing code, or don't know where to insert the css into your wordpress theme, then you will find this plugin much easier. It can also be an easy way of testing out lots of background images before deciding on one you are happy with.

INSTALLATION:

  1. Download the plugin from the link at the bottom of this page
  2. Upload the wp-background-tile folder to your wp-content/plugins folder.
  3. Activate the plugin from the Plugins page in WordPress.

USAGE:

  1. Upload your background image via 'Media => Add New' in Wordpress (or via FTP)
  2. Go to 'Settings => WP Background Tile' in WordPress
  3. Paste or type in the URL of your background image (explained in more detail below)
  4. Press 'Submit'

CREATING A BACKGROUND TILE:

A background tile is an image which is repeated in both directions over the background of a webpage. Look closely at the background of my site and you will notice the green background is not a matte colour, but a subtle texture. Right click on the background of my site and choose 'View Background Image' (Firefox) or 'Save Background As' (IE) and have a look at the image. You will notice that it is small (16 x 16 pixels), as you don't need much of the pattern to make it tile. Stripes and other geometric patterns can work well for a subtle effect.

Tip: Check out the free online Stripe Generator tool, it's a really easy way to create striped background tiles.

Background tiles can also be used for larger images such as a logo repeat. An example of this is www.mrdupes.com. To achieve this type of result using photoshop the 'offset' filter can be very useful.

GETTING THE URL OF A FILE YOU HAVE UPLOADED WITH WORDPRESS:

  1. Go to 'Posts => Add New'
  2. Click on the 'Add Media' button (a little star type icon next to 'Upload/Insert')
  3. Click on the 'Media Library' tab
  4. Click on the word 'Show' next to the file you want the url for
  5. Under 'Link URL' click on the button 'File URL'
  6. The file url should now be in the 'Link URL' text box so you can copy it.

DOWNLOAD PLUGIN:


13 Responses to “WP Background Tile Plugin”

  • Comment by pressitfor.me
    Date: February 3rd, 2009 at 4:25 am

    WP Background Tile Plugin | Sam Burdge…

    The WP Background Tile Plugin for WordPress applies a tiled background image to your blog. It is as simple as this:

    * Create a background image
    * Upload it
    * Apply it as the background via the WP Background Tile options page

    Get the plug…

  • Comment by baron
    Date: February 3rd, 2009 at 4:57 pm

    hi. Thanks for plugin

    perfect.

    Regards

  • Comment by WordPress Plugin Releases for 02/04 | Weblog Tools Collection
    Date: February 4th, 2009 at 3:18 pm

    [...] WP Background Tile [...]

  • Comment by Satranç
    Date: February 4th, 2009 at 6:32 pm

    Hi,
    This is a nice idea. Thanks for plugin.
    But I want to ask a question.
    Why did you create a table? Can we save tha background image as an option?
    Thanks.

  • Comment by WordPress Plugin Releases for 02/04 | MBConsulting.se
    Date: February 11th, 2009 at 7:17 pm

    [...] WP Background Tile [...]

  • Comment by beauty blog
    Date: February 19th, 2009 at 2:14 pm

    can you make a plugin like this to show post in a magazine like layout.

    http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order/

  • Comment by Sam Burdge
    Date: February 19th, 2009 at 2:31 pm

    Hi beauty blog,

    I have a plugin which does exactly that! Here’s the link:

    http://www.samburdge.co.uk/wordpress/wp-post-columns-plugin-2

  • Comment by dogday
    Date: March 4th, 2009 at 6:19 pm

    I have this nice plugin running in my blog, but it isnt XHTML compliant, I think because of the ‘&’ signs used to pass varibles.

    Could you replace ‘&’ signs with ‘&’ to correct this?.

    I have tried, but my knoledge about php isnt enought to find where is called the function.

    Thanks in advance.

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:03 pm

    Hi dogday
    The plugin doesn’t use any & symbol, this error must be coming from your theme! Also, if your theme already uses a background image then the plugin may not work.
    Sam

  • Comment by technofunk
    Date: March 12th, 2009 at 12:33 am

    great plugin.

    one question; what if i dont want this tiled? just a single image. non repeating.

  • Comment by Charles
    Date: September 21st, 2009 at 12:15 am

    Hi,

    I tried it on my site (see comment header) and it tiled only the upper half of the page. I have WP 2.7.1. on that particular site.

    Is this a bug or am I doing something wrong?

    Thanks,
    Charles

  • Comment by KiraSherrine
    Date: October 23rd, 2009 at 6:24 pm

    Hi,

    what part would you input the tile file?

    Also my nav tags (about, contact, …)
    and Sidebar Tags (category, archives)
    are all jpegs … I am looking for ways to input it into the php but cannot find any help on that…any help?

    Kira

  • Comment by bpositive
    Date: November 9th, 2009 at 1:32 pm

    Hi. Great Plugin :-)

    How do i get it to center a larger picture?

    Thanks

Leave a Comment

WP Holding Page Theme

Date: 30th January 2009 at 1:59 am | Filed under: themes, wordpress | Author: Sam Burdge | Tags: , , , ,

The WP Holding Page theme for WordPress is intended for use at times when your site is undergoing maintenance, or is under construction. There are a few themes and plugins out there that also serve this same purpose, the main advantages of this theme are:

  1. Simple basic classy design.
  2. Easy to install & works 'straight out of the box'
  3. Configurable text,colours, fonts and styles via an  Options Page

You can enter you own text for your holding page via the WP Holding Page Options tab in WordPress.

INSTALLATION:

  1. Download the theme from the link at the bottom of this post.
  2. Upload the theme to your wp-conent/themes folder.
  3. Select the theme from the 'Appearance' page in your WordPress and activate it.
  4. Optionally you can configure the theme via the 'WP Holding Page Options' tab under 'Appearance' in WordPress

CONFIGURATION:

You can configure your holding page via the 'WP Holding Page Options' tab under 'Appearance' in WordPress. Here is a list of available options:

  1. Title text
  2. Body text
  3. Text colour
  4. Background colour
  5. Font style
  6. Title size
  7. Text size
  8. Page alignment

Options page screenshot:
options

THEME SCREENSHOTS:

hp1hp2hp6hp3hp4

DOWNLOAD:


4 Responses to “WP Holding Page Theme”

  • Comment by pressitfor.me
    Date: January 31st, 2009 at 3:00 pm

    WP Holding Page Theme | Sam Burdge…

    The WP Holding Page theme for WordPress is intended for use at times when your site is undergoing maintenance, or is under construction. There are a few themes and plugins out there that also serve this same purpose, the main advantages of this theme a…

  • Comment by WP Holding Page | Simple Themes
    Date: February 25th, 2009 at 1:51 pm

    [...] Release Page [...]

  • Comment by Under Construction Themes for WordPress
    Date: September 3rd, 2009 at 7:00 am

    [...] WP Holding Page Release Page [...]

  • Comment by Don’t show your working | Blog Mum | WordPress made easy
    Date: November 27th, 2009 at 1:54 am

    [...] will need: the WP Holding Page theme; the Theme Test Drive plugin, and of course a WP [...]

Leave a Comment

Simplistix WordPress Theme

Date: 20th January 2009 at 7:16 pm | Filed under: scripts, themes, wordpress | Author: Sam Burdge | Tags: , ,

The Simplistix WordPress theme is elegant, simple and light. It has a newspaper look and feel, with a typewriter style header. It is a greyscale variation of the 76-digital theme set.

simplistix

FEATURES:

  • 2 Columns.
  • Gravatar support.
  • Flash header displaying blog title and tagline.
  • Compatible with many plugins, as listed below...

INSTRUCTIONS:

  1. Upload the theme to your wp-conent/themes folder.
  2. Select the them from the 'Appearance' page in your WordPress.

PLUGINS:

The theme is set up to work with the following plugins if they are installed:

  1. Dagon Design Sitemap Generator — Create a sitemap page.
  2. Get Recent Comments — Display recent comments in the sidebar.
  3. Jerome's Keywords — Attach tags to posts and have them display in your sidebar.
  4. Theme Switcher — Switch between the different themes you have installed.
  5. WP Navigation Tool (NAVT) — Create custom links for the tabbed navigation across the top of the page. Just create a group called 'tabs', then add links to it. This plugin is highly recommended!!
  6. PageNavi — Adds a more advanced paging navigation to your WordPress blog.

DOWNLOAD:


23 Responses to “Simplistix WordPress Theme”

  • Comment by Simplistix — Simple Themes
    Date: January 21st, 2009 at 4:48 pm

    [...] Release Page [...]

  • Comment by pressitfor.me
    Date: January 21st, 2009 at 4:58 pm

    Simplistix WordPress Theme | Sam Burdge…

    The Simplistix WordPress theme is elegant, simple and light. It has a newspaper look and feel, with a typewriter style header. It is a greyscale variation of the 76-digital theme set….

  • Comment by RickHap
    Date: January 24th, 2009 at 11:19 am

    Sam,

    Simplistix is a very nice Wordpress Theme. I like it so much I’m using it!

    I recommend that you provide a child theme with this distribution. It makes it easier to change the theme and keep your original in place.

    I did notice an issue with swfobject.js. I was unable to get the banner to work with the supplied v1.4 file. As a check, I tested the code outside of Wordpress with no success. It could just be the file. My fix was to download the latest version of the swfobject, v2.1 and make a slight change to the code in header.php.

    There must be an issue with Advance Search 2.0 with Wordpress 2.7. I was unable to get Search with the latest version. Installed Advanced Search v0.6 and installed with success (your sites plug-ins list v0.6).

    I will email you info on the changes.

    Rick

  • Comment by Sam Burdge
    Date: January 24th, 2009 at 2:45 pm

    Hi Rick,
    Glad you like the theme! Please email me your updated header.php. I will also look into getting it working with the latest advanced search plugin, and hopefully make an update within the next few days.
    Thanks!
    Sam

  • Comment by RickHap
    Date: January 24th, 2009 at 4:30 pm

    A comment on sidebar.php in the Simplistix theme. I’ve run into a conflict with WP 2.7 and Jerome’s Keywords. The tagging and cloud function is improved within WP 2.7. The tag section can be replaced with the following:

     

  • Comment by RickHap
    Date: January 24th, 2009 at 4:32 pm

    Code did not post. Contact-form-7 does have some limitations.

  • Comment by RickHap
    Date: January 24th, 2009 at 4:42 pm

    Sam,

    I emailed you some info on the changes. From what I have read, others have had challenges with WP 2.7 and Advanced Search 2.0.

    Rick

  • Comment by eggplant64
    Date: January 30th, 2009 at 6:04 pm

    Hi there - great theme! I’m really hoping the updated php is coming soon… I similarly couldn’t get the header to work. Downloaded swfobject 2.1 but, as something of a novice, don’t know what I should be changing…

  • Comment by Sam Burdge
    Date: February 1st, 2009 at 1:03 am

    Hi Rick & eggplant64
    I’ve updated the code now using swfobject 2.1
    Download from the link above.

    :)

  • Comment by eggplant64
    Date: February 3rd, 2009 at 9:27 pm

    Thanks!

  • Comment by JoeD
    Date: February 5th, 2009 at 3:03 pm

    I thought I posted yesterday, but maybe I didn’t hit submit.

    Just to say, thanks for creating a really nice theme! I’m using it on my site http://www.thewherewithal.org.

    Just a few thoughts - first, I have some problems with the tagging function. Perhaps there is a conflict as RickHap says. Was wondering whether you could post the code that uses the wordpress 2.7 tagging function?

    Also, some have been in touch to say that the site is pretty hard to read on some computers, because of the small font sizes. Perhaps Macs in particular. Maybe relative font sizes instead of absolute might be an idea? I’m going to have a play at customizing this myself, but I’m just learning…

    But apart from that, perfect!

  • Comment by Sam Burdge
    Date: February 5th, 2009 at 8:16 pm

    Hi JoeD
    Thanks for your input. The theme’s looking great on your site!
    The tagging problem has been solved with the latest version (version 1.3 available to download above).
    The font thing for Mac I’m guessing is possibly to do with the scalability of the courier font on some systems.

    I found this info:

    font-family: “Courier New”, Courier, monospace;

    Courier is the most common monospace (typewriter-style) font. The Mac version of Courier is scalable; the Windows version is not. Therefore the scalable “Courier New” is preferred, as it is usually available on both Mac and Windows.

    I will look into the possibility of setting the font size in em rather than px. I think your suggestion of relative font sizes is most likely the solution.

    Sam

  • Comment by JoeD
    Date: February 5th, 2009 at 8:54 pm

    Thanks! Look forward to the update

    Joe

  • Comment by Paris
    Date: February 6th, 2009 at 4:09 pm

    hi. very elegant theme. thanks for your effort. i’m having trouble with the tabbed navigation. the link to the NAVT plugin you have up this page is dead. I want to be able to link to both an outside site and, of course, the blogurl, which doesn’t count as a page and so is not showing up. help would be appreciated!

  • Comment by Sam Burdge
    Date: February 7th, 2009 at 11:12 am

    Hi Paris

    Here is the link for NAVT plugin on wordpress.org:
    http://wordpress.org/extend/plugins/wordpress-navigation-list-plugin-navt/

    The plugin can do everything you have described!

    Sam

  • Comment by Paris
    Date: February 12th, 2009 at 5:26 pm

    Thanks again Sam. I have one more question for you if you would be so kind:

    I’m building my own WP theme and I would really like my Comments to behave like yours — when you click Comments in Simplistix, it takes you to the single post page, scrolled down to the comment box.

    I notice two things: when you rollover Comments link in Simplistix you see xyz.com/blog/p=123#respond and it takes you to a page #comment, however the standard comments_popup.php on my site on rollover gives me /?comments_popup=9
    and takes me to a page with just the comments that looks all screwed up.

    I notice your comments.php and comments_popup.php files are different, but if I try replacing mine with yours I just get a blank comments page.

    Can you offer any help here? What factor am I missing?

  • Comment by Paris
    Date: February 12th, 2009 at 6:59 pm

    Forgot to add that if you can help me to remedy this I’ll make a donation of a six-pack of imported beer!

  • Comment by Sam Burdge
    Date: February 14th, 2009 at 2:48 am

    Hi Paris
    The solution is probably to do with a mix-up between the two files ‘comments.php’ and ‘comments_popup.php’.

    Notice in the header of Simplistix the line:
    < ?php //comments_popup_script(); // off by default ?>

    This means that the comments_popup javascript is not included as the line in php is commented out.

    Search your theme’s header and see if the line:
    < ?php comments_popup_script(); ?>
    is included anywhere. If so remove it, or comment it out with ‘//’ as in simplistix.

    I hope this helps, as I like imported beer very much! If this doesn’t solve it, perhaps you could send me a link to look at.

    Cheers,
    Sam

  • Comment by kojik
    Date: March 15th, 2009 at 4:00 am

    Hey- great theme! Was just what I was looking for, but I was wondering if there was a way to change the font in the header (the ‘typewritten’ title?)

  • Comment by kojik
    Date: March 15th, 2009 at 5:47 am

    Another related question- I’ve installed NAVT without any problems, although I am unsure as to many of the configuration options. Is there an easy way to go about changing the “tabs” font to courier as well?

    Basically I’d like to have all the fonts, everywhere, be in courier.

    Many thanks!

  • Comment by kojik
    Date: March 15th, 2009 at 7:09 am

    Scratch the last question - I figured out how to change the font on the tab menus- was a matter of finding the right headings in the CSS.

    /me is a n00b :/

  • Comment by Simplistix WordPress Theme
    Date: September 28th, 2009 at 10:09 pm

    [...] Demonstration — Download URL [...]

  • Comment by Ben
    Date: December 2nd, 2009 at 8:39 pm

    Hello,
    Thankyou for your theme, it is just what Im after since I havnt got the technical ability to implement my own designs.
    I have just 2 questions which may or may not be possible. Firstly I notice that the flash reloads itself everytime you navigate to a new page. Is it possible to make it so it doesnt refresh everytime. I am good with flash but I know this isnt something Flash can control.
    Also, and this is just a minor design tweak…. When a tab is selected it would be great if the line at bottom of the selected tab disappeared so that the white space within the tab becomes part of the main page. That way it is nice and clear what page you are in! I hope you find time to help me out. Thanks again!

Leave a Comment

WP Post Columns Plugin 2

Date: 20th January 2009 at 1:09 am | Filed under: development, plugins, wordpress | Author: Sam Burdge | Tags: , , , ,

The WP Post Columns Plugin for WordPress allows you to easily create columns within your wordpress posts and pages. It is ideal for sites with a magazine / newspaper style layout, or if you want text to appear on one side of the post with an image displayed opposite. It is much easier than creating html tables within posts and perfect for users with no coding experience. This plugin is a perfect solution for those using WordPress as a CMS.

As you can see from this example it is also possible to have text, before or after the columns, which spans the full width of the post.

Installation:

  1. Download the plugin file from the link at the bottom of this page and unzip.
  2. Upload the wp_post_columns.php file to your wp-content/plugins folder.
  3. Activate the plugin from the Plugins page in WordPress.

New Features:

  • Have as many columns as you wish
  • Column width and right padding can be set for each individual column

More examples:

Please visit the WP Post Columns 2.0 examples page for more examples of the column based layouts that can be achieved.

Usage:

When writing a wordpress post simply use the following shortcodes to create your columns:

shortcodes2

For example shortcodes you can copy and paste directly into a wordpress post please check the first comment on this post.

Additional Info:

The current version of the plugin is 2.0, it used to only support two columns, but now you can have as many as you like! The idea of adding the code for extra columns was inspired by RickHap who sent me his modified version of the plugin.

The only restriction is that the total width of all columns together does not exceed the width of your WordPress post.

If you have upgraded from an earlier version of the plugin be sure to read the 'Usage' notes again, as the way the columns are implemented has changed in order to incorporate the new features. The latest version no longer supports the original method. If you have been using the plugin since it's first release, or it is working fine for you there is probably no need for you to upgrade. Instructions for the earlier version of the plugin can be found here: WP Post Columns 1.2

The width and padding of each column can be set in any unit of measurement supported by CSS. Absolute units of measurement include: px, mm and relative units include: %, em. 'Padding' refers to the right padding of the column (i.e. the space between its right margin and the left margin of the next column). For this reason it is recommended that you don't apply padding to your final column (set its padding to 0).

The example shortcodes above had to be embedded into this post as an image, else they would be interpreted as column formatting by the plugin. For example shortcodes that you can copy and paste into your wordpress post please refer to the first comment on this post.

Don't forget to close each column before opening a new one. And don't forget use the 'end_columns' shortcode after your last column, or you might get some funky results!

Updates:

24/4/2008 - Minor update to version 1.1 - Added extra preg_replace code to remove implicit <p> tags inserted by wordpress

27/4/2008 - Minor update to version 1.2 - Added priority of 13 to add_filter to make compatible with 2.5.1 - preg_replace is called after shortcodes have been processed (priority 11)

19/1/2009 - Major update to version 2.0 - Added shortcodes support so that the column widths can be configured within each post. Added the potential to allow as many columns as required, so long as the overall width does not exceed the width of the available space.

9/2/2009 - Minor update to version 2.1 -added do_shortcode() function to allow nesting of other shortcodes within the columns

20/4/2009 - Minor update to version 2.2 - removed original 'curly bracket' shortcode functions from the plugin as a bug fix.

Download Plugin:


158 Responses to “WP Post Columns Plugin 2”

  • Comment by Sam Burdge
    Date: January 20th, 2009 at 1:20 am

    More shortcode examples:

    2 column layout:

    [column width="47%" padding="6%"]
    Column 1 content goes here.
    [/column]
    [column width="47%" padding="0"]
    Column 2 content goes here.
    [/column][end_columns]
  • Comment by Sam Burdge
    Date: January 20th, 2009 at 1:28 am

    3 column layout:

    [column width="30%" padding="5%"]
    Column 1 content goes here.
    [/column]
    [column width="30%" padding="5%"]
    Column 2 content goes here.
    [/column]
    [column width="30%" padding="0"]
    Column 3 content goes here.
    [/column][end_columns]
  • Comment by Sam Burdge
    Date: January 20th, 2009 at 1:28 am

    4 column layout:

    [column width="22%" padding="4%"]
    Column 1 content goes here.
    [/column]
    [column width="22%" padding="4%"]
    Column 2 content goes here.
    [/column]
    [column width="22%" padding="4%"]
    Column 3 content goes here.
    [/column]
    [column width="22%" padding="0"]
    Column 4 content goes here.
    [/column][end_columns]
  • Comment by Sam Burdge
    Date: January 20th, 2009 at 1:29 am

    Copy and paste any of the above examples into a WordPress post or page, edit the text and hit preview!

  • Comment by pressitfor.me
    Date: January 20th, 2009 at 2:17 am

    WP Post Columns Plugin version 2.0 - Sam Burdge…

    The WP Post Columns Plugin for WordPress allows you to easily create columns within your wordpress posts and pages. It is ideal for sites with a magazine / newspaper style layout, or if you want text to appear on one side of the post with an image disp…

  • Comment by RickHap
    Date: January 20th, 2009 at 5:51 pm

    Great work on this plug-in! Beer is on me!

  • Comment by ovidiu
    Date: January 22nd, 2009 at 7:43 am

    great. using it on my site now, example here: http://pacura.ru/blog/site-server-optimization/

  • Comment by ovidiu
    Date: January 22nd, 2009 at 8:22 am

    unfortunately this plugin causes invalid xhtml because the column shortcodes can break tags apart that wordpress inserts into the_content :-(

    in other words, it breaks paragraphs :-(

    any solutions to this?

  • Comment by Sam Burdge
    Date: January 22nd, 2009 at 3:08 pm

    Hi Ovidiu,
    This is an example of how wordpress (particularly if using tinyMCE advanced) inserts extra html such as ‘p’ tags into the post. many people are complaining about this at the moment: http://wordpress.org/extend/ideas/topic.php?id=437

    Try bunching your column shortcodes up, without any line breaks, like so:

    [column width="47%" padding="6%"]Column 1 content goes here.[/column][column width="47%" padding="0"]Column 2 content goes here.[/column][end_columns]

    Sam

  • Comment by ovidiu
    Date: January 23rd, 2009 at 8:51 am

    thx, but its the other way around: actually I needed to do it like this:

    [column width="47%" padding="6%"]Column 1 content goes here.
    [/column][column width="47%" padding="0"]Column 2 content goes here.
    [/column][end_columns]

    to give tinymce space to insert its - aka p closure tag

  • Comment by Pierre
    Date: January 23rd, 2009 at 5:07 pm

    Hi
    How can I use your plugin for a page like my homepage? Your fabulous plugin works very wel in my pages (articles,etc) but not on my homepage… :-(
    Tx for your help
    Pierre

  • Comment by WordPress Plugin Releases for 01/23 | Weblog Tools Collection
    Date: January 23rd, 2009 at 8:02 pm

    [...] WP Post Columns [...]

  • Comment by Sam Burdge
    Date: January 23rd, 2009 at 10:13 pm

    Hi Pierre
    Maybe to do with your homepage template? can you send me a link please so i can have a look…
    Sam

  • Comment by Michelle
    Date: January 24th, 2009 at 12:13 am

    I am having trouble with the plugin. (Possibly the same as Pierre?)

    1) I have a homepage that uses the_excerpt. The plugin appears to be overriding this and printing out the full article. (It doesn’t affect the list of headings which uses neither the_excerpt or the_content)
    2) It is also repeating posts on single pages (I haven’t added column shortcode to any posts yet). In the repeat it prints out the shortcode for captions etc. But it does not do this in the original i.e article one (caption) article repeat (caption shortcode)

    I’ve currently deactivated the plugin on the website. So, I can’t show you an example.

    Hopefully you can shed some light on this?

    Thanks.

  • Comment by albo
    Date: January 24th, 2009 at 4:47 am

    Hi
    im testing this plug in but it doesnt work.
    i substitute the content where it says “content goes here ” but nothing happes it just looks like a normal post.it doesnt separate columns

  • Comment by WordPress Plugin Releases for 01/23 | FOX-CUB.COM
    Date: January 24th, 2009 at 7:54 am

    [...] WP Post Columns [...]

  • Comment by Pierre
    Date: January 24th, 2009 at 8:41 am

    Thank you for your answer. Here is the link. The problem is that we use Qtranslate to translate our Website. But Q Translate can’t translate the Widget in this version of Wordpress. So the idea to preserve the three columns on the homepage is the creation of a template in the template with the three columns. We have 2 options :
    1) Create three columns in the template of the homepage and call for a content automatically
    2) Create a page with 3 columns and integrate it dynamycally in the homepage.
    In the 2 cases, I’m not skilled in PHP to integrate it dynamycally but if you can help me, it’s very kind of you.
    Best Regards
    Pierre

  • Comment by Sam Burdge
    Date: January 24th, 2009 at 1:21 pm

    Hi Michelle
    As far as I can tell, shortcodes aren’t supported in the_excerpt. See this wp support topic:
    http://wordpress.org/support/topic/205246
    there is a suggested solution:
    add_filter(’the_excerpt’, ‘do_shortcode’);
    which i will put to the test, and see if there is a way to integrate this into the plugin.
    Sam

  • Comment by Sam Burdge
    Date: January 24th, 2009 at 2:38 pm

    Hi Pierre,
    Unfortunately I haven’t used Qtranslate, but I will get it and install it, and see why my plugin is not compatible with it.
    In WordPress under ‘Settings -> Reading’ you can set a static page as your homepage, this may solve your problem?
    Sam

  • Comment by Sam Burdge
    Date: January 24th, 2009 at 2:41 pm

    Hi albo
    The problem may be that your theme uses ‘the_excerpt’ on the home page. Have you tried the columns out on another page?
    Sam

  • Comment by Pierre
    Date: January 24th, 2009 at 4:54 pm

    Hi Sam,
    How can I replace the 3 widget “bottom left -middle and -right by your colums. I need translate the texts… Tx
    Pierre

  • Comment by Links for 24th January 2009 | Velcro City Tourist Board
    Date: January 25th, 2009 at 12:02 am

    [...] WP Post Columns Plugin version 2.0 [...]

  • Comment by Pierre
    Date: January 25th, 2009 at 9:20 am

    To complete this : Qtranslate seems to be incompatible with the Widgets of my theme. So I need a solution to give the same aspect with 3 columns and a translation… So the problem is’t an incompatibility between my theme, QTranslate and your plug-in but wel a problem to integrate your plug-in in my home page.
    Regards
    Pierre

  • Comment by Sam Burdge
    Date: January 25th, 2009 at 2:28 pm

    Hi Pierre
    I’m guessing your homepage uses the_excerpt code (See Michelle’s comment). I am working on a solution to this at the moment…
    Sam

  • Comment by Pierre
    Date: January 25th, 2009 at 8:21 pm

    Hi Sam,
    We ‘ve not used the_exerpt code. The code under “Plus d’infos” is hardcoded on HTML…

  • Comment by Sam Burdge
    Date: January 26th, 2009 at 11:28 am

    Hi Pierre
    The plugin is for formatting WordPress posts and pages, it can’t be used to format hardcoded html.

  • Comment by Pierre
    Date: January 26th, 2009 at 12:46 pm

    Hi Sam,
    I understand but my question is very simple: how can I put your plug in on my home page?
    Tx
    Regards
    Pierre

  • Comment by FLYHYPERSONIC » Simplistix Theme and Multiple Columns in a Wordpress Page
    Date: February 7th, 2009 at 11:51 pm

    [...] in the UK who created a Wordpress plug-in which allows one to make posts with multiple columns. wp post columns 2.0. This is a very useful plugin if you want to separate information into multiple columns (you could [...]

  • Comment by Lan Lan
    Date: February 9th, 2009 at 2:40 am

    Hello Sam. Thanks so much for this useful plugin (I’ve been looking everywhere)!

    I was wondering if you could offer some tips as to how to set a default width and padding in the plugin for the different column configurations (2col, 3col, 4col) so that these won’t need to be typed each time? I am making a blog for someone else so I’m hoping to keep the shortcode as simple as possible (version 1.2 was actually really nice for that reason though I found your site too late and can’t reference the code there). Thank you so much for your help!

  • Comment by WordPress: Version 2.0 von Burdges 'WP Columns Plugin' erschienen | Paperholic
    Date: February 9th, 2009 at 12:52 pm

    [...] Burdge: WP Post Columns Plugin version 2.0 (Blog-Eintrag, 20. Januar, dort Link zum Download des Plugins) By Gris-Gris | Category: Blogs, [...]

  • Comment by ken
    Date: February 9th, 2009 at 4:59 pm

    I am having trouble with nesting other shortcode within this plugins shortcode? Is there a reason for this?

  • Comment by Sam Burdge
    Date: February 9th, 2009 at 6:47 pm

    Hi Ken,

    Well spotted! I found this info from WordPress:

    http://codex.wordpress.org/Shortcode_API

    The shortcode parser correctly deals with nested shortcode macros, provided their handler functions support it by recursively calling do_shortcode():

    [tag-a]
    [tab-b]
    [tag-c]
    [/tag-b]
    [/tag-a]

    However the parser will fail if a shortcode macro is used to enclose another macro of the same name:

    [tag-a]
    [tag-a]
    [/tag-a]
    [/tag-a]

    I have made a minor change to the code and updated to version 2.1 (you can download it from the link above, or do an auto update via your plugins page in WordPress)

    Sam

  • Comment by Cat
    Date: February 11th, 2009 at 1:43 am

    how to avoid the short codes from showing up in the feeds?

    thanks in advance

  • Comment by Sam Burdge
    Date: February 11th, 2009 at 2:13 am

    Hi Cat
    The shortcodes don’t seem to be showing up in my feeds…
    http://www.samburdge.co.uk/category/plugins/feed

    What version of WP are you using? Do you use feedburner?

    Sam

  • Comment by Alain Delmont
    Date: February 14th, 2009 at 3:38 pm

    Hi,

    I have been looking a long time for a plug in like this. I have problem when i use the plug in on pages, the text of the page shows up on top of the page You can see what i meen here : http://wp8.facilitech.fr/?page_id=7

    Hope it can work with this website.
    If you hae an idea of what the proble is that would be great

    Thanks in advance

    Alain

  • Comment by Cindy
    Date: February 14th, 2009 at 8:01 pm

    Hiya,

    I installed the plugin and it works great on the pages. However it breaks the rest of my blog by putting two columns and duplicating the content off the side of the page.

    It is this way for internet explorer and firefox.

    You can click my name to view my blog, but I deactivated the plugin because it made the blog unreadable.

    I really like the plugin and hopefully there is an easy solution!

  • Comment by Cindy
    Date: February 14th, 2009 at 9:50 pm

    Btw, the problem is in the right side column under where it says, “recent posts”. Instead of following the rules and posting just a thumbnail, title and exceprt, it reposts the entire post in the column including all of the full size photos from the post.

    I hope you will have a solution.

    Thank you!

  • Comment by Cindy
    Date: February 14th, 2009 at 10:20 pm

    Oh my gosh!!! I’m so sorry to spam. I do not mean to but I removed this line from the plugin code and now everything works ok. Please tell me if this will cause any problems. Again, my apologies.

    add_filter(’the_content’, ‘wp_post_columns’,13);

  • Comment by Sam Burdge
    Date: February 15th, 2009 at 1:22 pm

    Hi Alain
    I just looked at your page, the problem seems to be with your meta description tag. In your meta description I can see the code:
    <meta name=”description” content=”<p id=”top” />

    I suggest you edit the page in wordpress, go to the html view and remove the code: <p id=”top” />

    This should solve it. I don’t think it is the plugin which is causing the problem.

    Sam

  • Comment by Sam Burdge
    Date: February 15th, 2009 at 1:28 pm

    Hi Cindy

    I think this problem is due to an incompatibility with your theme. Specifically with the way recent posts are displayed in the sidebar.

    Removing the line:
    add_filter(’the_content’, ‘wp_post_columns’,13);
    from the plugin code should actually work for you. It won’t affect the plugin’s performance either.

    Sam

  • Comment by Alain Delmont
    Date: February 18th, 2009 at 11:09 pm

    Hi Sam,

    What code can you see ? What should i take off. Sorry i am not at ease with cooding.

    Alain

  • Comment by Sam Burdge
    Date: February 18th, 2009 at 11:26 pm

    Hi Alain,
    Sorry I didn’t notice that the code didn’t show up in my previous comment. I have updated it.

    In your meta description I can see the code:
    <meta name=”description” content=”<p id=”top” />

    I suggest you edit the page in wordpress, go to the html view and remove the code: <p id=”top” />

    If you are using an SEO plugin it might be causing it.

    Sam

  • Comment by Joan
    Date: February 19th, 2009 at 7:40 pm

    Hi and thank you for this plugin. I am using it on a school site to publish staff photos in columns. It seems the second column is lower than the first but I don’t see the cause for it in the html code or css - any ideas how to fix it?

  • Comment by CatCat
    Date: February 20th, 2009 at 9:49 am

    hi I’ve try out your great plugin, it’s what I’m looking for ages.

    but the problem is breaks the “PHPlist 1.5″ plug in, I use that for people register to my Phplist.

    when your plug in is activate, the “PhPList” disapeared.

    any idea how to fix it?

    many thanks in advance.

  • Comment by Englinger
    Date: February 20th, 2009 at 4:48 pm

    Great plugin but here’s my little problem by using your plugIn with the_excerpt: it doesn’t show an excerpt on the mainpage but the full article. You can see it on may site in the middle (right:-) column. The left column (”Wortberge”) uses the_content, shows another problem… Why? - Its a great little plugin and I think I only have to add a little code segment, but where and what??? Any idea? - No, I’m no programmer or php-specialist…

  • Comment by Joan
    Date: February 24th, 2009 at 3:06 pm

    Hi again, I solved my problem with columns not aligning correctly because of the p tags added by tinymce.
    I created a new template and added the code to remove p tags;
    Use this template for the pages using columns and they align correclty.
    Thanks again for this great plugin.

  • Comment by Stefan
    Date: February 25th, 2009 at 11:53 pm

    I’m using the K2 theme. I have the plugin activated and I copy paste the default code and the columns does not show up - what can possibly be wrong?
    Check out the page: http://stefanboman.se/hallbar/store/find-a-qrs-distributor/

  • Comment by mouli
    Date: February 26th, 2009 at 2:44 am

    Hi
    I was having the same problem as a few folk dealing with the extra break tags wordpress was adding between the columns causing the second column to be stepped down from the first.
    Open includes/formatting.php
    line 116
    change $br=1 to $br=0
    That worked for me :)

  • Comment by Euphoria
    Date: February 28th, 2009 at 10:57 am

    Hello, nice plugin. Is there any way you could make it working with Wordpress 2.7.x?

  • Comment by Sam Burdge
    Date: February 28th, 2009 at 3:56 pm

    Hi Euphoria, It is working fine on 2.7

  • Comment by Sam Burdge
    Date: February 28th, 2009 at 4:01 pm

    Hi stefan
    Are you sure you have activated the plugin? perhaps your theme doesn’t support shortcodes, try it out by inserting the [gallery] shortcode using the Add Images tool in WP
    Sam

  • Comment by Dave
    Date: March 4th, 2009 at 8:11 am

    I took Cindy’s advise and removed the following line of code:
    add_filter(’the_content’, ‘wp_post_columns’,13);

    This fixed most of the problems.

    However, using two columns, the top line of the text in the right column is one line or so lower than the top line in the left column. No obvious line breaks, etc. Any ideas as to how to fix?

  • Comment by Reix
    Date: March 5th, 2009 at 1:30 am

    well, this plugins works excellent.. but…
    i have this weird error with internet explorer..
    help me pleeease..
    i don’t know much about coding.. or english..

    http://chilepolitik.freehostia.com/blog/noticias-regionales/

  • Comment by dogday
    Date: March 5th, 2009 at 9:28 am

    Hi! and thanks for your plugins. If I activate the columns plugin, it duplicates every post content.

    I mean: all the content and images of the post appears twice into the post content. Im using wordpress 2.7.1

    Any ideas?

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:05 pm

    Hi Dave
    Are you using the tinyMCE plugin? It has been known to insert unwanted line-breaks in shortcodes…
    Sam

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:07 pm

    Hi Reix
    Your page won’t load for me… what exactly is the problem?
    Sam

  • Comment by Sam Burdge
    Date: March 5th, 2009 at 2:09 pm

    Hi dogday
    If you could send a link to a page where this error is occurring I will try to solve it for you.
    Sam

  • Comment by Reix
    Date: March 5th, 2009 at 5:14 pm

    please try again.. i’m having some server issues..

    and the error happens only with internet explorer..

  • Comment by dogday
    Date: March 5th, 2009 at 5:24 pm

    Thanks a lot Sam!. Here is the link: http://www.dempalmada.com/wordpress/barra-libre-su-minuto-de-gloria/

    Anyway it occours every posts in my blog. Just activating the plugin all posts get its content duplicated.

  • Comment by dogday
    Date: March 5th, 2009 at 7:12 pm

    Ok. It conficts with YARPP, a plugin to insert related posts after the post: http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/
    or plugin home page: http://mitcho.com/code/yarpp/

    I have deactivated yours, till finding a solution.

    If you want me to activate both to try to solve this just tell me.

    Thanks a lot anyway.

  • Comment by Ray
    Date: March 18th, 2009 at 8:22 pm

    Sam, thanks for the plugin, I’m trying to use it but I’m experiencing that when you have a lot of content on the post, when you click on “Publish” or edit the content and then click “Update Post”, everything disappears from inside the tinymce editor. The post is indeed updated and it appears on the site, but I can no longer access the post from editor. It’s just blank whenever I go to the edit page of that post.

    I’m not sure if it’s because it has too much content or not, but once I deactivate the plugin and then go back to the edit page, all the content is there again. meaning, it must be something with the plugin I believe. Have you experienced this? And would you have a fix?

    Please respond as soon as you can. I appreciate your help.

    Thank you

  • Comment by btreece
    Date: March 29th, 2009 at 1:24 pm

    I’m using 2.7.1 and this plugin does not work at all for me. I can do everything that I need to do with it, however no columns actually show up regardless of how I try it.

    I’m figuring such a lack of effect must be theme related, which begs the question … how will you make this plugin work on all themes?

  • Comment by Eike
    Date: April 1st, 2009 at 11:17 am

    I like your plugin but it seems that it conflicts with Lightbox2 (http://www.stimuli.ca/lightbox/)
    When it is enabeled the pictures in my blog doesnt load anymore in a lightbox.

  • Comment by Sam Burdge
    Date: April 2nd, 2009 at 11:49 pm

    Hi Eike
    You could try removing this line of code from the plugin file:
    add_filter(’the_content’, ‘wp_post_columns’,13);

    I haven’t had much time to work on plugins lately but an upgrade for wp post columns is in progress. Compatibility with other plugins is one of the main issues I am addressing in the upgrade.

    Sam

  • Comment by Eike
    Date: April 3rd, 2009 at 9:11 am

    Many thanks
    Seems to work
    Eike

  • Comment by ixley
    Date: April 10th, 2009 at 3:57 am

    nice plugin. Would be nice to have more custom control over class & id tags so we could control widths and padding via external style sheets rather than having to set them inline. The inline option is of course a nice option to have to override when necessary, but I prefer having the defaults set via stylesheet…

  • Comment by Ami @ Elizabeth Anne Designs
    Date: April 11th, 2009 at 4:01 am

    lovely plugin. having the same issue with YARPP. hopefully this can get worked out soon because i love both plugins. thanks for your hard work!

  • Comment by Pranav
    Date: April 14th, 2009 at 11:39 am

    Thanx a lot!needed this badly…am a newbee with php but am hardworkin, so if i could help you with any programmin pls lemme know.will do it for free…!

  • Comment by Scrib
    Date: April 15th, 2009 at 1:13 pm

    Not sure but I think there is a problem in that your function wp_post_columns (which is called by add_filter(’the_content’, ‘wp_post_columns’,13)) echoes the content rather than returning it.

  • Comment by baron
    Date: April 20th, 2009 at 3:02 pm

    Works great, thank you

  • Comment by Sam Burdge
    Date: April 20th, 2009 at 3:59 pm

    The latest update to 2.2 should solve all your problems (well, problems related to the plugin anyway!). Unfortunately it no longer supports the very original column codes ({column} - from before the days of shortcodes), but for 99% of you that won’t apply.

  • Comment by Ami @ Elizabeth Anne Designs
    Date: April 29th, 2009 at 12:19 am

    works perfectly with YARPP now! thank you!!!

  • Comment by Cómo utilizar columnas en posts en WordPress | Kaos Klub - Comunicación Audiovisual e Informática
    Date: May 6th, 2009 at 1:04 pm

    [...] WP-PostColumns [descargar] [...]

  • Comment by Lance Laytner
    Date: May 14th, 2009 at 10:58 pm

    When I add more than seven photos all my content disappears from display. It exists in the HTML, but does not show up on the actual post. This appears to be the same trouble that was described before the update to 2.2. If I disable wp post columns, the content returns so it definitely is something to do with the plugin. Any help you could give me would very much be appreciated.

  • Comment by Lance Laytner
    Date: May 14th, 2009 at 11:20 pm

    The above problem seems to only happen when the 2nd column starts immediately next to the first. If I have the 2nd column start a paragraph down, the error does not occur. Weird.

  • Comment by Sam Burdge
    Date: May 14th, 2009 at 11:35 pm

    Hi Lance
    Do you have an example I can look at? send me a link in a comment, I won’t publish it ;)
    This sounds weird, are the widths of the columns set wide enough to accomodate the images? perhaps the combined widths of the columns exceed the overall post width as set in your theme? If you send me an example I may be able to solve it for you.

  • Comment by Jeni
    Date: May 15th, 2009 at 11:09 am

    Hi, this plugin works for me using IE8 and Firefox 2.0. but it doesn’t work in IE7, the columns won’t show in the single post page. is it incombatible with IE7? what can I do?..thanks

  • Comment by Pardo Verduzco
    Date: May 17th, 2009 at 7:00 am

    Hi Samburdge, great solution, now im thinking how can i add to my proyect because im using custom fields and maybe need a version in php to separate my custom image in 1 column & the text content in the column 2…. this is posible??? Salute!

  • Comment by Sam Burdge
    Date: May 17th, 2009 at 11:41 am

    Hi Pardo
    You would have to code it into your theme if you are using custom fields. It shouldn’t be too hard to do.

  • Comment by Sam Burdge
    Date: May 17th, 2009 at 11:44 am

    Hi Jeni
    Have you triedtesting different column widths / padding in IE7. If making the columns a bit narrower doesn’t work, send me an example page to look at and I will try to solve it for you.

  • Comment by joe
    Date: May 18th, 2009 at 10:50 pm

    Does anyone know if it is possible to but a border line between the columns and how I can do that if it is possible.

  • Comment by Multiple Columns In A Single WordPress Post
    Date: May 26th, 2009 at 12:38 am

    [...] WP Post Columns Plugin, by Sam Burdge at http://www.samburdge.co.uk/wordpress/wp-post-columns-plugin-2 [...]

  • Comment by Reid Walley
    Date: May 26th, 2009 at 12:47 am

    Your WP Post Columns 2.0 plugin totally rocks! Love it!

  • Comment by ovidiu
    Date: May 26th, 2009 at 2:11 pm

    somehow it stopped working. but I msut say I am just testing wp 2.8 beta 2, maybe that is the reason? have a look here, one can see the column tags, half of them are shown, but the text is still displayed right: http://pacura.ru/blog/site-server-optimization/

  • Comment by Sam Burdge
    Date: May 26th, 2009 at 2:32 pm

    Hi Ovidiu
    That is weird as the columns are still working, but the shortcodes are also showing in the post… maybe the shortcodes API has changed for 2.8 ? You should report this to WP as it may be a bug with shortcodes in 2.8 beta

  • Comment by Sam Burdge
    Date: May 26th, 2009 at 2:34 pm

    I have an installation of 2.8 that i will test it on too as it may be theme related?

  • Comment by ixley
    Date: May 29th, 2009 at 12:45 am

    Great plugin, but what’s with the hidden tag your code inserts?? After pulling my hair out thinking it was Wordpress/TinyMCE inserting the (unclosed) tag, I found it nestled in your PHP. Please take that out! Also, if it’s not too difficult, it would be great to have incremental counters to add unique classes or id tags to your columns!

  • Comment by WP Post Columns Plugin 2 | Sam Burdge | Squico
    Date: June 1st, 2009 at 6:00 pm

    [...] Plugin para criar colunas dentro de posts e páginas do WP. Go to Source [...]

  • Comment by sri78
    Date: June 2nd, 2009 at 10:44 pm

    Problem with my bullets when making the 2 column post. The first column is numbered the second column is bullet. How can I fix this? Pls help.

  • Comment by Stian
    Date: June 4th, 2009 at 1:52 pm

    Hi Sam,
    I seem to have some problems getting Post Columns to work together with xLanguage - a translation plugin that uses the code eg. blabla . Whenever I combine the two, Post Columns seems to override this code and the translation goes to h… any clues of how to resolve this?

  • Comment by WP Post Columns Plugin
    Date: June 6th, 2009 at 7:51 am

    [...] WP Post Columns Plugin von Sam Burdge ermöglicht es, Postingst oder statische Seiten in beliebig viele Spalten [...]

  • Comment by Jasper
    Date: June 7th, 2009 at 10:19 am

    Tesing it on a local server now. It works (on a page), but somehow the right column starts a little below the left one. And of course that does not look nice..

  • Comment by greg
    Date: June 11th, 2009 at 4:12 pm

    It’s almost too easy! works a treat.

    thanks!

  • Comment by RickA
    Date: June 11th, 2009 at 11:21 pm

    I have used this plugin a lot but it doesn’t seem to working with WordPress 2.8

  • Comment by HELP!
    Date: June 12th, 2009 at 2:22 am

    Sam, please help! I just upgraded to 2.8 of WordPress and now the columns are no longer working! My whole site is ruined right now! If you go to my site and click on the “Rankings” tab, you will not see clean columns as before. Please look into this and patch it as quickly as possible, a million thanks!!!

  • Comment by riclos
    Date: June 12th, 2009 at 8:59 am

    Hi ,
    I ask you if is possible to modify plugin so I have 2 column and in automatic the post goes inside the two column , in my site the post are no longer than 3500 spaces so I need two column of 1750 spaces and justify text

  • Comment by dede
    Date: June 12th, 2009 at 11:33 am

    this plugins not working very good in wp 2.8. could u update the plugins? thx

  • Comment by Sam Burdge
    Date: June 12th, 2009 at 11:56 am

    Hi Guys
    With regards to the problems with WP 2.8, as far as I can tell this is a bug with 2.8’s handling of shortcodes, as documented here:

    http://core.trac.wordpress.org/ticket/10082

    As this is a bug with WP rather than the plugin it will most likely be solved with WP 2.8.1
    If I can come up with a solution in the meantime I will post it here.

    One possible solution is to try inserting a space between the two shortcodes.

    Sam

  • Comment by dede
    Date: June 12th, 2009 at 12:08 pm

    thx for quick reply sam, and it works, to add a space between shortcode, thx again.

  • Comment by RickA
    Date: June 14th, 2009 at 12:12 pm

    Shortcodes for other plugins such as Cforms and NextGen Gallary are working fine in WP 2.8.

    I hope you will find the problem and fix this. I have a number of broken pages and I have had to revert to a CSS column scheme.

  • Comment by Sam Burdge
    Date: June 14th, 2009 at 4:50 pm

    Hi Rick

    The shortcodes bug is specifically this:

    [shortcode]hello world[/shortcode][shortcode]hello again[/shortcode] — doesn’t work

    [shortcode]hello world[/shortcode] [shortcode]hello again[/shortcode] — works

    notice the space between the two shortcodes in the second example.

    This is a new bug in version 2.8 which has already been reported to wordpress.
    Unfortunately there is not much I can do about it except to advise people to insert a space between their shortcodes as a quick fix for the problem.

    I’m sure that this bug will be squashed with the next release.

    This and other bugs have prevented me from updating my site to 2.8 so far.

    Sam

  • Comment by JGB
    Date: June 22nd, 2009 at 12:06 am

    Sam…

    This plugin works for me in WP 2.8, save for the second column being offset one line lower than the first. I am using only the HTML editor in WP, and have removed any line breaks between the shortcodes and text.

    The example page is here:

    http://westernhillsvetclinic.com/blogdev/

    and the code for the page (copied directly from the HTML editor) is here:

    http://pastebin.ca/1469319

    Any thoughts on a fix for this issue?

    Many thanks…

    JGB

  • Comment by Sam Burdge
    Date: June 22nd, 2009 at 10:19 pm

    Hi JGB
    You were missing a forward slash in your second closing column tag: [/column] instead of [column]
    I updated your example on pastebin:
    http://pastebin.ca/1470409
    Let me know if that doesn’t solve it.
    Sam

  • Comment by Auriana Jensen
    Date: June 24th, 2009 at 4:24 am

    Hi Sam,
    Thanks for this great plugin.
    All looks good except the-

    [/column][column width="47%" padding="0
    at the beginning of he second column. I'm sue it's something simple just cant work out what.

    http://pastebin.ca/1472039

    Regards Auriana

  • Comment by Multiple Columns In A Single WordPress Post
    Date: June 24th, 2009 at 7:42 am

    [...] FIX for mis-alignment across top of columns from http://www.samburdge.co.uk/plugins/wp-post-columns-plugin-2. – Open includes/formatting.php - Line 116 - Change $br=1 to [...]

  • Comment by Sam Burdge
    Date: June 26th, 2009 at 12:08 am

    Hi Auriana
    try adding a space like so: [/column] [column width=”47%”

    It is a new bug with wp 2.8

    Sam

  • Comment by Thomas
    Date: June 27th, 2009 at 12:04 pm

    hi sam,

    i get a fatal error on activation with wp 2.2 :(
    sadly, i trashed the earlier version of your plugin which worked just fine only to find out that you’ve now made it unavailable for download.

    in case you can’t fix this, i’d appreciate a dl link of the old version :)

    thomas

  • Comment by Jay
    Date: June 27th, 2009 at 11:49 pm

    how do you use this plugin on the index.php? Is it capable of working there since of course it is a static page?

  • Comment by Sam Burdge
    Date: June 29th, 2009 at 2:29 pm

    Hi Jay
    When you say index.php do you mean index.php of your theme? or the homepage of your site itself?

    Does the page contain wordpress content? if so you can use the post columns plugin as normal.

    If it is a static page with hard-coded content then you will need to edit the html and css of the page manually.

  • Comment by Columns on WordPress posts | notagrouch.com
    Date: July 3rd, 2009 at 2:06 pm

    [...] on my first search with “columns wordpress plugin” in google. The plugin is called: WP Post Columns. It basically does everything I thought about last night and it seems to do it well. Take a look at [...]

  • Comment by Coloane în articole cu pluginuri WordPress | CNET.ro
    Date: July 4th, 2009 at 3:57 pm

    [...] identic în utilizare şi afişare se comportă WP Post Columns (pagina autorului), tagurile însă nu sunt oferite în editorul de texte, ci ele trebuie introduse manual (sau [...]

  • Comment by jo
    Date: July 8th, 2009 at 8:46 am

    Great plugin!
    Thanks a lot!

  • Comment by Wardi
    Date: July 14th, 2009 at 1:46 pm

    Does anyone know if the plugin works with WP version 2.8.1? I’ve refrain from upgrading my wordpress because the plugin works so well in 2.7 (thanks for the great job!!!).

  • Comment by Sri
    Date: July 22nd, 2009 at 4:01 am

    Hi, the plugin works well however when I upgraded my WP the code [column width="47" padding="0"] is showing up in my published post? Any help please

  • Comment by serenine
    Date: July 22nd, 2009 at 7:19 pm

    Thank you for a very helpful plugin! Donation on the way..

    works in 2.8.

  • Comment by WordPress Plugins for Writers. | notagrouch.com
    Date: July 22nd, 2009 at 9:10 pm

    [...] with tables (because you shouldn’t), you can use this plugin to get you out of prose boredom. WP Post Columns helps you split your text into as many columns as you want easily. You simply use a short tag [...]

  • Comment by magic
    Date: July 23rd, 2009 at 8:19 am

    Is there a way you can use colors… like text color and backgroundcolors?

  • Comment by George
    Date: July 25th, 2009 at 3:44 pm

    When adding column example 2 heres what happens when viewing:

    Test Test
    Test Test
    the column to right and any other columns are shifted down by one line how can I make them all even?

  • Comment by James Dunn
    Date: August 3rd, 2009 at 4:17 pm

    Thanks Sam for a great plug-in. It got me out of a real jam with a recent site I was building and I’ll probably use this numerous times in the future. I do have one “situation” I’m trying to overcome - it’s not a problem with the plug-in - but rather a formatting problem that I can’t seem to overcome. I have some info that I’m trying to put part of it in two columns - http://www.drugtreatmentaddictionhelp.com/ - under types of cases we handle, the first line runs full width and the next two lines need to be in two columns - but I’d like them to come directly under the first line. It seems to be putting an extra “return” in the format even though I’ve taken all line breaks out. I’m assuming that it probably has something to do with the formatting for the tag. Can I create an extra tag (maybe something like or so that I can format without any extra spacing above or below the lines? Sorry if this is outside of something you can help with - I’m just searching for a little help here.

    Thanks again for a great and useful plug-in.

  • Comment by James Dunn
    Date: August 5th, 2009 at 3:59 am

    Hey George. I had the same problem the first time I used this. Then, I realized that I had a “return” AFTER the start of the column. I removed the “return” and the two columns lined up wonderfully. The notes about spaces versus no-spaces are very important for the formatting when using this plug-in. But, it works beautifully and I’ve been extremely pleased with the results - as have my customers.

  • Comment by Cal
    Date: August 7th, 2009 at 5:44 am

    Thanks for the great plugin!

    I have a slight issue that I can’t seem to fix myself. The column function works great for my blog on Mozilla Firefox but not for Internet Explorer 7. Here’s a link to my blog - http://www.cfssearch.net - Any assistance would be greatly appreciated.

    Cal

  • Comment by Mike
    Date: August 10th, 2009 at 8:45 pm

    I had problems with the tags in my code. I had my column shortcodes on the same line, however that no longer parsed properly when I upgraded to wordpess 8, after fixing that the extra space was there.

    I wrote a bit of CSS just to hide the spaces

    div.post_column_1 + br {
    display:none;
    }

  • Comment by Ken
    Date: August 11th, 2009 at 1:20 pm

    Sam,
    Thanks for offering this useful plugin. I used the shortcodes in a very straightforward way to get three columns, but the result at http://staddendesign.com/?page_id=18 gives me two columns instead of three. WP seems to be inserting a tag where it doesn’t belong. Can you help? Here’s my WP editor code:
    Portfolio
    [column width="33%" padding="5%"]L O G O T Y P E S

    [/column]
    [column width="33%" padding="5%"]B R O C H U R E S

    [/column]
    [column width="33%" padding="0"]N E W S L E T T E R S
    This should be the third column.
    [/column]
    [end_columns]

    This line should be full-width across the bottom of the page.

  • Comment by Ken
    Date: August 11th, 2009 at 1:37 pm

    I wrote “WP seems to be inserting a ⟨p⟩ tag” above but the editor stripped it out.

  • Comment by Cojo
    Date: August 13th, 2009 at 9:34 pm

    Excellent plugin. Is there a way to get a vertical line between the columns? That is a line which seperates the columns from eachother? Best regards

  • Comment by V.C
    Date: August 14th, 2009 at 10:28 pm

    I’ve done it for my blog. It now look as a CMS :)

  • Comment by sonia
    Date: August 16th, 2009 at 12:14 am

    on wp 2.8.4 is not working :-(
    Although is enabled, When I’m trying to insert it on a page a)it does years to publish & b) I get the following message:”Fatal error: Maximum execution time of 30 seconds exceeded in /home/citynews/public_html/wp-includes/formatting.php on line 972″.
    Note that my wp, is on my server and not to wp.com
    thank you

  • Comment by JerryR
    Date: August 20th, 2009 at 7:24 pm

    Hi all,

    This plug-in is great. Very easy to use. I am experiencing a small bug. At the top of the 2nd column there is an extra tag being inserted. It happens on any page where I use the plug-in. Here is just one example: http://tw2blog.fabianross.com/case-studies/

    Above the heading “San Diego Canyonlands” there is the extra tag causing this right column to be pushed lower than the left column.

    Any thoughts on how to correct this?

    Thanks,

    Jerry

  • Comment by Ateljé Digital
    Date: August 23rd, 2009 at 5:14 pm

    @Ken
    Hi, could it be because of the width settings?
    width: 33%+33%+33%=99%
    padding: 5%+5%=10%
    99%+10%=109%

    Could be your third column doesn’t fit and therefore not seen.

    And, after the WP-upgrade, be sure to put a space between the tags.
    [/column] [column width="30%" padding="0"]

    NOT
    [/column][column width="30%" padding="0"]

    I had some job going through my pages :-)

  • Comment by serenine
    Date: August 28th, 2009 at 2:01 am

    Hello,

    I’m having the same issue as @George above with three columns. Suggestion by @James Dunn helped but the third column shifted. Any ideas? Thank you.

    P.S. I tried the wpautop plugin but I didn’t want to loose the formatting where needed within the same page.

  • Comment by serenine
    Date: August 29th, 2009 at 12:21 am

    Btw, I am using WP 2.8.4 + WP PC 2.0. Thank you.

  • Comment by Plugins for Nerds
    Date: August 31st, 2009 at 9:00 am

    [...] and give the reader a break from the long one column article that you’re reading now. Try WP Post Columns, it’s easy to install, just like everything (for the most part) with WordPress, and it takes [...]

  • Comment by Kenny
    Date: August 31st, 2009 at 4:03 pm

    Hi i put one column with a picture and the other column with texts. It turns out that the column with the picture is higher than the column with text. For example, the text is not in the same height level with the picture. It’s like the picture is slightly higher than the texts column. Can anyone help me to fix this?

  • Comment by mischa
    Date: September 8th, 2009 at 10:19 am

    Use the code together with “Article Templates” and you can easily build quick pages with several layouts. Thanks for the code and keep on developing.

  • Comment by Nick
    Date: September 12th, 2009 at 8:24 pm

    Sam,

    First off, great program. However I have an issue on the second column its slight lower then the first column. Anyway to fix this issue? Seems like its a known issue from reading the comments, but I didnt know if their was a fix for it yet.

    Thanks

    Nick

  • Comment by Wordpress Blog to Business Website | Dear Christina
    Date: September 17th, 2009 at 5:07 pm

    [...] WP Post Columns [...]

  • Comment by Thomas
    Date: September 18th, 2009 at 6:14 am

    Hi Sam,

    wonderful plugin. Thank you. I’d like to have only one thing a vertical divider between the cols. Any idea how to achieve it?

    Thanks
    Thomas

  • Comment by JP
    Date: September 25th, 2009 at 10:28 am

    Hi Nick,

    I had the same problem, you have to be sure that you have a space between the tags.
    [/column] [column width="30" padding="0"]

  • Comment by embe » Wordpress plugin shout out #2
    Date: September 25th, 2009 at 2:54 pm

    [...] Wp Post Columns Allows us to create columns within posts/pages. You can see this one in action on our Products page where we listed the products into two columns. This really saved me the hassle of creating a complicated table! (As you can probably tell I’m all about the shortcuts!) [...]

  • Comment by Virginie
    Date: October 17th, 2009 at 4:00 am

    Hi Sam,

    Love the plugin… My only prob? In WP 2.8.4 the shortcode tag is published with the post– why? It’s driving me nuts! Other than that, best plugin of its kind.

  • Comment by Bentforkz
    Date: October 22nd, 2009 at 6:57 pm

    I’m having an issue with this plugin validating.

    First question: Does this plugin validate?

    Second question: Why is there an open tag on line 59 of the “wp-post-columns.php” file?

  • Comment by Sandy
    Date: October 24th, 2009 at 4:58 pm

    I’ve been using this plugin on a client site and it has been working wonderfully. I just noticed this morning that site using it no nlonger has columns. I just recently upgraded my WordPress. Is this working with the latest version? Are there any plug-ins that may create problems? (although I haven’t added any new ones lately) Thanks

  • Comment by Multiple Columns In A Single WordPress Post | Website design | Logo designs | Fashion
    Date: October 25th, 2009 at 4:04 am

    [...] WP Post Columns Plugin, by Sam Burdge at http://www.samburdge.co.uk/wordpress/wp-post-columns-plugin-2 [...]

  • Comment by Top 1000 WordPress Plugin Authors « Metode de promovare
    Date: November 6th, 2009 at 6:48 pm

    [...] WP Post Columns [...]

  • Comment by Jeff
    Date: November 25th, 2009 at 5:13 am

    Great Plugin!

    I have worked through all of the little issues that come with how certain Themes are created. However I cannot figure out why when I insert 2 columns into a page, a large amount of blank space is added to the end of the content.

    http://ourstorkgotlost.com/about-2/nicufamilies/

    After the end of the content I have placed into both columns there is nothing showing in Visual or HTML editors.

  • Comment by Newsletter Style Columns | Silly Blogger
    Date: November 26th, 2009 at 10:42 am

    [...] Take a look at the plugin site here . . . Sam’s Plugin Site! [...]

  • Comment by Jeff
    Date: November 30th, 2009 at 7:43 pm

    Found that after creating a page with 2 columns if i ended with:
    [/column] [end_columns] or
    [/column]
    [end columns]
    i was left with tons of blank space below the columns. If I end with:
    [/column][end_columns]
    i do not see the blank space, but I see the [end_columns] and the bottom of the 2nd column. I am able to add text below (outside) of the columns just fine, but still see the ending tag.

  • Comment by ABLELELELE – Digital Tomb
    Date: December 2nd, 2009 at 8:45 pm

    [...] WP Post Columns Plugin 2 Date: 20th January 2009 at 1:09 am | Filed under: development, plugins, wordpress | Author: Sam Burdge | Tags: columns, layout, plugin, post, wordpress [...]

  • Comment by Gozi
    Date: December 9th, 2009 at 6:52 pm

    I seem to have a similar issue as Virginie’s. As of WP 2.8.4 the plug-in seems no longer to work and displays the shortcode txt instead. Is it theme-centric or a general issue?

  • Comment by Steevie
    Date: December 9th, 2009 at 10:58 pm

    Anyone know why the columns are always misaligned at the top?

  • Comment by Julie
    Date: December 13th, 2009 at 9:44 pm

    This is PERFECT! I have been trying to figure out how to put my resume neatly on my website. I had settled for saving it as a PDF, converting it to a jpg and putting it up as a picture.

    This is exactly what I needed! I already tested it and it works perfectly. I will be updating my resume shortly - thanks to you!

  • Comment by Echio
    Date: December 13th, 2009 at 10:24 pm

    Is it possible to have my post title in category in columns?? Because if it can then my webpage won’t stretch that much cause of all the post title in my categorys…

  • Comment by bedlam
    Date: December 14th, 2009 at 2:58 am

    for those having issues with the trailing [end_columns] tag…

    all you need to do is put a space between [/column] [end_columns]

  • Comment by alex
    Date: December 15th, 2009 at 7:01 pm

    I encounter the same problem as Steevie (2 post above me)

    I think it has something to do with the latest Wordpress. I hav eused this plugin before on an older version. Up until today its fine. Now however on the curren Site iam working on the columns always misalign at the top. Please help!

    …by the way, other than that its a great plugin!!!!!!! thanx!

  • Comment by Los plugins que usa HispanicLA | hispanicLA.com
    Date: December 19th, 2009 at 3:20 am

    [...] (¿por qué dos? Porque comencé con uno de ellos y para no rehacer muchas notas… El otro es WP-Posts- Columns, versión 2.2, de Sam Burdge. Pero, ¿qué hacen? Para quienes quieren un sitio como una revista, [...]

  • Comment by Newsletter Style WP Posts | Blogs Alive!
    Date: December 20th, 2009 at 11:28 am

    [...] Take a look at the plugin site here . . . Sam’s Plugin Site! [...]

  • Comment by greg
    Date: January 6th, 2010 at 10:59 pm

    I am attempting to get 2 columns on the front page of my site using rocketthemes refraction. I don’t want individual posts to have 2 columns I want all the posts to flow across two columns. I have spent days w/ a few different tutorials, http://www.cre8d-design.com/2008/03/how-to-organize-posts-into-two-side-by-side-columns-in-wordpress/ , http://forum.bytesforall.com/showthread.php?t=1288 , and http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order/ and none of them seem to work w/ my theme. Does anyone have any other recommendations?

  • Comment by LHT
    Date: January 9th, 2010 at 12:47 am

    Just installed the plugin and I can’t get it to work. I’m using WP 2.9. I copied and pasted the code in the plugins readme file and added some text where indicated and the text just shows up vertically with a large space between what is supposed to be col 1 and col 2 text, not side by side.

Leave a Comment

 Page 1 of 4  1  2  3  4 »