Make an About Page with a Contact form

We will be creating an “About Me” page like the DEMO site has. First, we need to simply create a page with a featured image.

about me page

  1. Go to Pages >> Add New
  2. Add your title and any content like an introduction about yourself.
  3. Assign the “About Me” page template to this page
    about me template
  4. Upload a Featured Image
    about me image
  5. Click “Publish

Creating a Contact Form

I won’t go into a lot of detail here because even though I used the Contact Form 7 plugin for the online demo, you may have a different plugin that you use. However, in reference to the theme’s demo site, I will make this very easy by giving you the code I used for the form I made:

<p>Your Name (required)<br />     [text* your-name] </p> <p>Your Email (required)<br />     [email* your-email] </p> <p>Subject<br />     [text your-subject] </p> <p>Your Message<br />     [textarea your-message] </p> <p>[submit "Send"]</p>

If you make your own form(s), you can apply the custom style classes like I have in the form code above for your own form, although that is optional. 

  • For all input types, excerpt the submit button, add the class form-control
  • For the submit button, add the class button and also btn like this: button btn

NOTE If you need more information about adding radio buttons, checkboxes, select lists, etc., you can submit your questions to the support forum. I will be adding custom form tutorials soon.