Written by Michał Krawczyk ,
Page templates are vital for your website customization. They may change the view of the whole page radically. Different websites sections need a different content display. In this lesson, you'll be shown where to change the page templates. Additionally, I will introduce each of them to you briefly.
If the template is ready to use right after uploading the Page, it is marked with a green bar below. However, some of the Templates need widgets to work properly. Those are are indicated by a yellow bar. To make your life easier, you can find the links to the widget setting lessons below the templates which need additional configuration.
Page Template adding
- Go to the
Pagesand click on
- On the right side find
Parentis useful when you've created a lot of Pages, and you want to categorize them. It is also changing the URL address, which is visible under the title (Permalink) but only after publishing the page.
- Under the
Parentcard, you see the
Templatesection. Collapse the bar and look at the displayed templates:
Fullscreen Slider (former "Full Carousel Page")
Halfscreen Slider (former "Half Carousel Page")
Publish, or browse all of their descriptions before doing that.
It is - as it name says - a default page. Not spectacular, however useful, if you need a very simple page.
Blog template does work separately from MDW Blog widget. It is simply because we provide 13 versions of Blog layout. Therefore, to use this template, you have to use its widget as well. Why it works this way? Imagine collapsing the bar with 13 versions of Blogs, 6 of the Magazine, 5 of the Ecommerce, etc. Firstly, it's a way too much. Secondly, it will be impossible, to have live preview of how each version looks like. Thirdly, Pages has limited area for layout edition.
In the images below you can see versions of the Blog Pages available in the Widget Area. Miniatures display post listings, as well as basic cards which can be used in a various of the layout compositions. Those are only an examples because all of them can be customized in terms of a number of columns, posts per page, animation, etc. Different versions have different additional options.
Since there are so many ways to compose the Blog Page, below you can find only some of the available components. It's better just to browse all of the versions individually. Check the Lesson about setting the MDW Blog widget to learn how to do that.
Column listing Page
Column Listing Page can be customized in terms of columns number (1, 2, 3 or 4) and post per page. It is a very simple layout, hence may be used in a variety of configurations.
Name your Column listing page. Select
Column Listing Page and click
Publish. Now in the
Column Listing Configuration specify the heading which will be placed above the posts, the number of
Posts per page and how many
Columns do you want to have. Update the changes you've commit.
This template uses the recent post to put them in order from the latest. This layout cannot be customized - it stands out the latest and puts next three posts below it.
Corporate Page does not need an additional widget to work properly. If you add this template, the page will work right ahead.
Ecommerce has 5 available versions. This template is focused on product presentation. Proper listing is essential for every online store. Therefore, different version contains cards with different information about the products. Additionally, you can define the number of the columns and posts (first 3 versions), box layout (all) and which category will be used (version 5.).
In the images below you can see available versions. Go to the lesson about setting the MDW ecommerce widget, learn how to use it and have some fun with the template.
Additionally, Ecommerce template requires WooCommerce plugin
Fullscreen Slider (Full Carousel Page)
Slider, is a kind of nice looking presentation of your latest posts. It uses feature images of the three posts and displays them on the full screen one after another. Web visitors can click the arrows in the left and right side of the page to switch between the posts. Text description of the carousel may be not as clear as it should therefore just take a quick look at the live preview.
Halfscreen Slider (Half Carousel Page)
Halfscreen Slider is the same as Fullscreen Slider, but the only difference is, that the former is displayed on the half of the screen, and the latter on the full screen. Template itself insert three cards with the previous posts below the carousel (posts below the slider do not overlap with the posts in the slider).
This template is used to display the content which needs special attention. Jumbotron does not contain the photo since the importance of verbal information has high priority here. This template, just like the Half Carousel Page shows three latest posts in the bottom of the website.
You can change the
Page heading only after publishing the Jumbotron Page Template. Then, on the top right side of the page,
Jumbotron Configuration card will appear. Specify the
Top content and
Bottom content. You also have to add a link and the label of the button. If everything is filled correctly, click
Landing page is the first page, which your visitors will see. We've prepared 6 versions of intros, to help you make a great first impression. Learn more about the widget in our tutorial and check amazing Intros preview.
There are six ready to use versions. You might think that there is very little difference between the Magazine and Blog Template. However, the former presents not only posts but also categories, and the latter is listing only posts. Magazine is dedicated to websites with a lot of content, which needs to be structured. Like in the Blog and Ecommerce template, I recommend you to take a quick look at the Magazine widget lesson, and then, see the multiple possibilities applied to your already created posts and categories.
It is just a blank page which you can use if you're developing something, but it is not ready yet and you need to put information about that on the website. Everyone want to avoid displaying 404 page, so Under Construction Page is a good solution to solve that problem.