{"id":135874,"date":"2015-01-10T08:00:37","date_gmt":"2015-01-10T13:00:37","guid":{"rendered":"http:\/\/premium.wpmudev.org\/blog\/?p=135874"},"modified":"2018-02-22T15:57:17","modified_gmt":"2018-02-22T15:57:17","slug":"workout-diary-wordpress","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/workout-diary-wordpress\/","title":{"rendered":"How to Create Your Own Workout Diary With WordPress"},"content":{"rendered":"

Did you eat too much turkey and pie during the Christmas break and gain a couple of pounds? Did you make a New Year’s resolution to start exercising properly in 2015?<\/p>\n

For many people tracking is the key to success. While there are some great tools available like Fitbit, Lifesum<\/a> and other apps and devices, we’re yet to see a real, personalized global application. For instance you may want to track the number of soft drinks you drink, record\u00a0how stressful your day was and so on.<\/p>\n

With the help of WordPress, the free Advanced Custom Fields plugin<\/a> and a tiny bit of coding, we’re going to create a simple but powerful workout diary in today’s Weekend WordPress Project. Let’s get started.<\/p>\n

Our Environment<\/h2>\n

I’ll be working with a completely fresh WordPress installation. If you would like to keep this diary private you can use the Registered Users Only<\/a> plugin or you can install WordPress locally<\/a>. Make sure to install the Advanced Custom Fields<\/a> plugin and activate it.<\/p>\n

We’ll be using Twenty Fifteen, the new default WordPress theme but we’ll create a child theme since we’ll modify it a tiny bit. Create a new folder in the wp-content\/themes<\/code> directory \u2013\u00a0name it workout-diary. In the new folder create two files: style.css<\/code> and functions.php<\/code>.<\/p>\n

Open the new stylesheet you created and paste the following:<\/p>\n

Loading gist f420b1f6f655c53ec2ca203101c64491<\/a>

Please update your cookie preferences<\/a> to enable preference cookies to view this gist.<\/p><\/div><\/div>\n

Feel free to modify the details, the only important line to keep as is is the “template” one where we define that the Twenty Fifteen theme is the parent theme. Once done, open your new functions file and paste the following:<\/p>\n

Loading gist 14a3341ad02a97c9d66106ecb5052b93<\/a>

Please update your cookie preferences<\/a> to enable preference cookies to view this gist.<\/p><\/div><\/div>\n

The code above loads the stylesheet of the parent theme. This allows us to modify looks instead of having to recreate them from scratch.<\/p>\n

Planning Our Diary<\/h2>\n

Next let’s create the fields we’ll be using for the diary. To add them we’ll need to know what they are first. We’ll also need to decide what a post will be used for. Should we use a post for a single day and add all our information (potentially multiple workouts) to it, or should one post be a workout or some other event?<\/p>\n

Let’s handle each post as its own event. We’ll\u00a0split\u00a0posts into three categories: “Workouts,” “Meal” and “Sleep” \u2013 these are the three most important aspects of a healthy lifestyle.<\/p>\n

Each category will have its own settings. Here’s a quick breakdown:<\/p>\n