In a previous tutorial we discussed how to customize the entire single announcement template. That allowed us to alter what was loaded on the announcement template page itself, but didn’t allow us to re-arrange, remove or add additional data or markup to our announcements.

In this tutorial we’ll go over how you can also alter the announcement content, which is the content displayed back to the user. This would allow you to re-arrange the markup on the page, add additional content to your announcements (such as custom fields, iframes etc.). So let’s get started.

Getting Started

In this tutorial, I am going to be using the default WordPress theme TwentySixteen, but this will work with any theme that you currently installed.

To begin, you’ll want to create a directory inside of your theme (or child theme) called “timeline-express“. If you’ve customized another template within the plugin, and this directory exists – you can skip this step.

Example

Create the Template

Now that the directory is created, you’ll want to copy over the template file from the plugin root, contained in the ‘template’ directory named single-timeline-express-content.php, which houses all of our helper functions to generate the necessary markup.

Simply copy over the file into the new timeline-express directory in your theme root. That’s it! Once the file is placed in that directory, Timeline Express will then reference this new file, and load it where it’s needed. Now you can re-arrange, customize, remove or add any additional markup as needed.

Example