Entering the Custom Field Code in the WordPress Template File

Follow these steps to add the template tag to your theme, along with a little HTML code to make it look nice. (These steps assume that you’ve already added a Custom Field to your blog post and assigned a value to it.)

1. Log in to your WordPress Dashboard.
2. Click the Editor link on the Appearances menu.

   The Edit Themes screen loads in the Dashboard.

3. Locate the template files for your theme (in this case, Twenty Sixteen).

   The available templates are listed on the right side of the Edit Themes page.

   

   The Edit Themes screen of the Dashboard.
4. Click content-single.php in the list of templates.

   The content-single.php template opens in the text editor on the left side of the screen, where you can edit the template file.

5. Scroll down and locate the template tag that looks like this: </div><!-- .entry-content -->
6. On the new line directly above the line in Step 5, type this:

   <p><strong>My Current Mood is:</strong><em>;

   <p> and <strong> open the HTML tags for paragraph and bold text, respectively, followed by the words to display in your template (My Current Mood is:). <em> opens the HTML tag for italic-style text, which gets applied to the value.

7. Type the PHP that makes the custom field work:

   <?php $key="mood"; echo get_post_meta($post->ID, $key, true); ?>

8. Type </em></p>.

   This code closes the HTML tags you opened in Step 6.

9. Click the Update File button.

   Located at the bottom of the Edit Themes screen, this button saves the changes you made in the content.php file and reloads the page with the message that your changes have been successfully saved.

10. View your post on your site to see your Custom Field data displayed.

The entire code, put together, should look like this in your template:

<p><strong>My Current Mood is:</strong> <em><?php $key="mood"; echo get_post_meta($post->ID, $key, true); ?></em></p>

The code is case-sensitive, which means that the words you enter for the key in your Custom Field need to match the case of the $key in the code. If you enter mood in the Key field, for example, the code needs to be lowercase as well: $key="mood". If you attempt to change the case to $key="Mood", the code won’t work.

This example is just one type of Custom Field that you can add to your posts.