Matador - "Home - Alternative 3" instructions

Note: Before we get started, be sure that you have installed/activated the ThemeStockyard Essentials plugin (instructions here)

If you're short on time, you can skip these instructions, and simply copy the contents of this file. The following instructions provide a more thorough walk-through...

 

Like many pages within the Matador Demo, the "Home - Alternative 3" page relies on shortcodes. To get started with mimicking the look of that page, look for the "TS Shortcodes" button when editing your homepage. It looks like this:

image: shortcodes button

...and will be situated with the other buttons in the text editor. (Let me know if that button is not appearing for you.)


Creating columns

The upper-most section of the "Home - Alternative 3" page is split into two columns (the left column contains a slider, the right contains recent posts)

While editing your homepage, locate the TS Shortcodes button, click it and select "Add Column(s)..." from the "Choose a Shortcode" drop-down. Then do the following:

  1. Ignore the first two options, and choose "Two third (2/3)" for the "Column Type" (this represents your first column)
  2. Next, add some placeholder text like "Column 1 content" in the "Content" field (we'll come back to this later)
  3. To create your second column, scroll down a little further and click the "Add Column" button
  4. This time you'll want the type to be "One third (1/3)"
  5. Add some placeholder text like "Column 2 content" in the content field
  6. Click the "Add Shortcode" button

What you add to the columns you created is completely up to you, but if you want to mimic our "Home - Alt 3" layout, do the following:

For column 1:

  1. Select the column 1 content, and click the TS Shortcode button
  2. From the "Choose a shortcode" dropdown, select "Blog Slider"
  3. There are plenty of options here, so feel free to play around a bit until you've gotten the layout you want. Our settings:
    • Post count: 3
    • Image size: Medium
    • (all other settings were left untouched)
  4. Click the "Add Shortcode" button when you're ready

For column 2:

  1. Select the column 2 content, and click the TS Shortcode button
  2. From the "Choose a shortcode" dropdown, select "Blog Widget"
  3. Just like before, there are plenty of options here, so feel free to play around a bit until you've gotten the layout you want. Our settings:
    • Limit: 2
    • Widget Layout: Vertical
    • category: Fashion
    • Show excerpt: No
    • Show featured images: Only for the first post
    • (all other settings were left untouched)
  4. Click the "Add Shortcode" button when you're ready

Next, we added the "divider" shortcode


Next, we added the "Blog Banner" shortcode with the following settings:


And finally, we added the "Blog" shortcode with the following settings:


That's it! Please don't hesitate to use the contact form on our profile page or post in our support forum if you have any further questions.