Adding a new field to the page edit screen and displaying that in your template – using pods

This is a very simple tutorial on how to easily extend your page edit area of your admin and display the value of these new fields on your page. Super simple!

Basically someone came to the support room asking how to create two WYSIWYG areas when adding a WordPress page so that they can create a two column layout in the page template. This is so simple it seems wrong.

1. Extend the “Page” post type using pods
Screen Shot 2013-03-25 at 1.19.26 PM

2. Choose the type of WordPress object you want to expand
Screen Shot 2013-03-25 at 1.20.06 PM

3. Add your new field and save your Pod
Screen Shot 2013-03-25 at 1.23.31 PM

Screen Shot 2013-03-25 at 1.26.03 PMThe only thing left to do is output the contents of this new field which is, again, very simple to do.

Basically what you want to do is get the contents of the new field and assign it to a variable, then you echo the variable where you want to. This all must be done inside of the loop.

Find your page.php theme file or your custom page template file.

Then you are going to add this inside of your HTML structure

I have wrapped this in an ‘if statement’ so that you can hide the field if it is not filled out.






About The_Idiot

Self made millionaire.. Oops I mean web developer.. who started out learning how to build websites with tables and dreamweaver, I now almost entirely focus on CMS-based development, usually WordPress. I love coding and designing and regularly switch between my left and right brains.

10 thoughts on “Adding a new field to the page edit screen and displaying that in your template – using pods

  1. Jesper

    Nice quick overview. How do I output a File upload url as File?

  2. bscdevel

    jesper, I am not sure what exactly you are asking about.

  3. jeremy

    Thanks for this. Do you know how to display custom fields on an individual Post? I feel like this is such a simple question i’m probably getting blank stares. What i mean is this: i created a custom post type (using Pods), and gave it some custom fields. Now all i want to do is show those fields on every individual Post of that type. I created a custom template, it’s working, but i can’t figure out how to display the fields. I feel like surely this must be one of the very most basic things you can do with Pods, which is probably why i can’t find anything explaining how to do it… What am i missing, any ideas? Thanks!

  4. jeremy

    I answered my own previous question. You can get individual Pods custom fields just like any other custom fields, using get_post_meta(). Or get_post_custom(), but i’ve never used that one.

  5. amandine

    Hello, nice article, very helpfull!

    I want to display my $secondcol in a liste of wordpress articles. But with this code it does not work in a loop…. it put always the first  $secondcol for all article, could you help me?

    thank you in advance!


  6. […] technical route of programmatically adding the custom data to their template files. For example, here’s a tutorial about how to add Pods custom fields to a page or post. These guides are aimed at developers who […]

  7. thank you sir for help me

    • The_Idiot

      I am not a man.

  8. anne


    thank you for charing code, it’s really usefull for real idiots like me 🙂

    i just wanted to compleat with



Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">