Designing WordPress content (3:30 minutes)
1. Creating a Content Template
Once you install Views plugin, you can create new Content Templates. Go to Views->Content Templates and create a new one.
|1. Create a new Content Template||2. Choose for what content types it’s for||3. Give it a name|
2. Add fields to the template
To add content fields, click on the V icon. You will see a list of all the available fields. Click on any field to insert the shortcode into the template.
|1. Click on the V icon||2. Choose the field to insert||3. The shortcode for the field is inserted to the Content Template|
3. Design the Content Template using HTML
Content Templates work like ordinary WordPress content. Use HTML tags set control the layout of the template. You can wrap shortcodes with HTML tags and you can also add classes and styles directly to all shortcodes.
The editor includes a convenient syntax highlighter, which lets you easily craft your HTML. It’s very similar to writing ordinary WordPress content, however you’re actually creating page templates.
Some fields, like images, allow you to specify the CSS classes and add inline styles. When you add these fields, a popup dialog will open, with the field options. Click on the ‘Styling’ link in the field dialog to add the class and style.
In Content Template Settings, you can override WordPress’ default and ensure that no paragraphs, line breaks or other unwanted markup is inserted into your template. You have full control over the final output.
|1. Click to open the CSS or JS editors||2. Add the styling or JS that you need||3. Update the Content Template|
5. Apply the Content Template to content
When you create the Content Template, you choose which content types it will design. However, you can change this setting at any time.
From the Content template settings you can choose the Single post where this Content will be displayed. Then, apply it to existing content.
6. See the Content Template in action
Once you’ve assigned the Content Template to the content, view it on the front-end.
Keep in mind that the Content Template designs the ‘content’ part of the page. The page header, menu, sidebars and footer still come from the theme.