Content Templates, by Views plugin, let you design how WordPress content is displayed on the site’s front-end.
Your templates can include any HTML, media, links, fields and taxonomy. Designing templates is similar to editing content in the WordPress editor. To create beautiful templates, you need to have background in HTML and CSS, but no PHP programming is needed.
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. Display site content using the Content Template
When you create the Content Template, you choose what content will use it. To change this initial setting, go to the settings box.
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.