How to use the presentation page columns

Note: These instructions apply to Tempera and Nirvana.

Tempera introduced a new way of defining presentation page columns contents. This new method allows for an infinite number of columns (and hopefully better support for translation plugins).

The theme comes with 6 sample columns when no content is yet set. These 6 columns will disappear once you start adding your own content.

To get started, navigate to theme’s settings page, eg. Appearance > Tempera Settings.

tempera-ppcol1

Open the Presentation Page section to see all its options (make sure the presentation page itself is enabled if you intend to use the slider and/or columns). Scroll down to the Presentation Page Columns group of options.

tempera-ppcol2

A. The first (and most important) option is choosing the source for the columns content:

  1. manually defined content – Widget Columns
  2. automatically generated from:
  • latest posts from all categories
  • random posts from all categories
  • sticky posts from all categories
  • latest posts from a category
  • random posts from a category
  • specific posts (by IDs)

B. Defines the number of columns per row the theme should display. Add the right number of columns so they correctly divide to the value you set here. Also make sure your content fits if you set a large number of columns per row.

C. Lets you set the height of the column image. The width is dependent on the total theme width and the number of columns per row, so this is automatically computed. Remember these number when you create and upload your column images.

D. Defines the column button text.

Navigate to Appearance > Widgets.
Note the Cryout Column (E) widget and the Presentation Page Columns (F) widget area.

tempera-ppcol3

Drag and dropw a Cryout Column widget to the Presentation Page Columns widget area. This will open up the widgets field so you can start adding content to your first column.

tempera-ppcol4
  • Column image URL – type in manually or or select image from the Library. Respect the recommended image size or your columns will look wrong.
  • Column title – leave blank to hide
  • Column text – leave blank to hide
  • Column link – leave blank to hide
  • Check box to open the link in a new window/tab.

To make sure your posts are valid for columns content, check that the selected posts:

  • have a featured image set; the image should be correct size as set in the Columns settings
  • have a title (if you wish them to display a title)
  • have content (if you wish the content to be displayed as column text)

The columns will link to the posts themselves. There is currently no way to define custom links.

About Zed

The analytical mind behind Cryout Creations. Responsible for all the wires and tubes; dedicates most time to breaking stuff and finding bugs and never enough time to fixing things.
Tagged , , , , . Bookmark the permalink.

103 Responses to How to use the presentation page columns

  1. LOVE the animated columns! But I would like to know how to change the settings.

    I want it to be a large image split in six (3×2 boxes), and when hovering one of those parts, the chosen pic and text is supposed to show. Today there is only the six images with text that shows, even though I chose the animated version.

    Please help!!

  2. Helma says:

    Somehow my post disappeared. I am having trouble to display the 3 columns in 1 row (Nirvana-template) Your example page is working just fine, but as soon as I use the widget columns as you describe on this page, the photo’s are being displayed in 1 column instead of 3, although I tell them to display in 3. When I delete the 6 in the widget columns, your example page appear again in the correct lay-out. I added the website in question. Could you please help me out.

  3. helmadb says:

    As soon as I fill in the six examples photos in the widget (cryout widget columns) the photo’s show in 1 column below eachother, although I say 3, instead of two pretty rows as your template. When I delete the 6 in the widget, they show properly but with your example text. What am I doing wrong?

  4. Sara says:

    Hi there,

    How can i put my text into the columns. Because now it’s below the columns.

  5. Kenny says:

    is there any way to make cryout columns work in any other place besides presentation page? I cant find a plugin like cryout columns for widget and this would help me tremendously thank you!

  6. Noel says:

    There is portion of my blog that has small letters. Please advice me how to solve this. Thanks.

  7. jm473 says:

    How can I set a widget in the right column to appear on on certain pages on my site? Such as having an html widget just appear in the right column of my contact page? Is this possible?

    Thanks,
    Jim

  8. andy Humphrey says:

    I am trying to follow these instructions to change the cryout widgets. I have entered in the info as described, but when I go to the presentation page it still has the default cryout widgets there. What am I missing?? Thanks!

Leave a Comment