Monthly Template Kits #6: The Magazine Template Kit

One template kit, multiple magazine & blog layouts. Meet the Magazine Template Kit. 

Don’t you hate messy blogs? You know, the ones with a myriad of colors, non-complimentary fonts, a design that differs from page to page, and blogs with atrocious navigation? 

We know a thing or two about writing content. We know how important it is to have a well-designed page where the content is clearly visible and easy to read. We also know how important it is to provide easy navigation. That’s why, following popular demand, we are introducing a new template kit. 

With a tradition going as far back as newspapers, magazines, and comic books, we eagerly wait for the newest issues with the latest news, tips, stories, and gossip. The digital magazine isn’t different. We, as readers, eagerly wait for the latest post about the things we love.

One of the clear advantages of a digital magazine is that anyone can create it and update it. It’s cost-effective, eco-friendly, and easy to maintain. 

The digital magazine’s core function is to provide a readable experience, and as such, it has to have a clean design and easy navigation, especially when there is a lot of content. 

To make sure that our users can create the best magazine in the shortest time, we’ve created a well-designed template that meets all the requirements of a magazine.

Get The Latest Issue

Pour yourself a glass of wine, turn on the floor lamp, get into that comfy armchair, and get ready for the newest issue of the magazine template kit. 

We bring you a versatile template kit that’s good for bloggers of all disciplines, publishing powerhouses, and anyone interested in creating a magazine. 

To show you just how versatile this template kit is, we’ve included two different designs for the category pages as well as four different designs for the single posts. 

To focus on what’s important, i.e., the content, this template kit features a clean, primarily white design with scattered elements of black and pink to add borders, zest, and to focus the attention on certain, specific elements. To further improve the reader’s experience, this template kit features an abundance of navigational elements. 

In addition to creating the best readable experience, the template kit heavily focuses on getting more readers via numerous subscription call to actions and the presence of social sharing buttons. This template kit will take your magazine to a whole ‘nother level.

Homepage

The homepage is the gateway to every article you have. No matter how many articles you have, the heavy focus on navigation will make it easy for your reader to read each and every post you have. 

The header and footer both give a navigational menu, as well as a subscription call to action via a form and a popup. 

The header, in addition to offering easy navigation, creates an illusion of a border, which focuses the eye on the content. 

The footer is exceptionally large. It includes the same navigational menus as the header. Besides, it includes the magazine’s logo to reinforce brand awareness and a newsletter subscription form. These will be present on every page, and together with the header, will encourage more readers to subscribe and provide the best way to do it. 

Scattered in the body of the page, there are numerous links to the many different posts, which are grouped under different categories, like the “popular posts,” “new posts,” “top-read posts,” etc. The enticing pink-lettered “read more” or “explore more” call to actions will further give access to the proposed categories.

Note how the white background, makes it easy to read the content, and how the pink color focuses the reader’s attention to the key areas. 

All the different post types and designs were created by using the posts widget for the purpose of showing just how versatile and flexible the widget is. You can choose and create almost any design that fits your needs. 

Popups

Mind the two elegantly crafted popups. The subscription popup stands out in pink letters while the contact popup is hidden behind a simple email icon that adds an aesthetically pleasing way to contact the magazine. 

Upon clicking on the “subscribe” call to action, we get a simple and elegant popup, with a clear call to action. Upon clicking on the contact icon, we get an expanded popup. Here, in addition to the contact information, we get many more elements like the title of the magazine, links to the top posts and links to social platforms. The contact popup further enforces the focus on navigation in this template kit.

Food & Drinks — With a Sidebar

In this template kit, we’ve created two types of category pages, i.e., pages which provide access to other pages under the same category. 

The first, Food & Drinks, includes a sidebar. Why do you need the sidebar? It adds additional navigational elements as well as a chance to add ads. To show you the other capabilities a sidebar can bring you, we’ve added several popular choices. 

First, we have images of ads. As you can see, the ads are clearly visible, and yet they don’t take the focus away from the content. We want to add a small disclaimer, however. These images of ads are just that — images introduced to show how an ad will look on the page. For actual ads, you may be required to download additional plugins. Next, we can see large social media buttons, to encourage the reader to share the post with others or to join your social media group. 

Further down the sidebar, we have another navigational menu in the form of the newest posts. Next, we have another subscription call to action, making a total of three calls to subscribe. Lastly, we have another navigational bar in the form of categories. 

Moving away from the sidebar, we can see another navigational element — the “Most Popular Stories” in the body of the page.

Travel

The other category page, “Travel,” sports a sidebar-free design. This page also implements an image-heavy design in the form of a two-columned grid with large images.

The purpose of this design is to focus the reader’s attention on the images. Take a look at just how beautiful and enticing the images are, making it all the more desirable to click on the image and read the post. 

Here, too, we have an additional navigational menu in the form of the “Most Popular Stories.”

An Individual Page With a Sidebar 

Moving on to the single posts, i.e., the individual pages where the articles will be written. Here, we’ve also created a selection of design possibilities to show you how versatile and flexible this magazine template kit is. 

This single post includes a sidebar. The sidebar shows design capabilities, similar to the one on the category page. It contains ads, large social media buttons, a subscription call to action, and additional navigational elements in the form of the most popular posts and categories. Notice how the sidebar compliments the content and doesn’t take away the focus from it. 

The post itself follows a standard design with the bio of the author at the end and a comments widget following it. 

Notice the additional navigation elements in the form of arrows to other posts and the “related posts” sub-section.

A Table of Contents

On to the next single post design. Again, like in the previous post, we can see a recurring design theme in the form of a quote, an avatar, sharing options, a comments widget, and additional navigation elements in the form of arrows and related posts. 

The key feature in this post is the table of contents widget on the side. Each headline is anchored, and with click on the title in the table, the reader is transported to the right section. The table of contents is one of Elementor’s newest widgets designed to make navigation on the page exceptionally easy. Notice the fact that the table is sticky and will be present even if you scroll down. This widget makes long articles easy to navigate and improves the user’s experience. 

Full-Width Design

In this single post, the image is in full width, followed by the title and the writer’s name, and the rest follows the same pattern of share buttons, comments widget, and navigation in the form of arrows and related posts. 

Mixed Header Section

In this single post, the top section differs from the others in that it offers both the image, the title, and the author’s name in the same section. The rest is similar to the other posts.

The 404 Page

The 404 page follows a simple design. With the header and footer, navigation from this page is easy. In addition to the header and footer, however, the 404 page offers an image, and next to it an option to return to the homepage or to perform a search for a specific topic. 

Don’t Miss Out

Get the latest issue of our template kits — the Magazine template kit. Create a stunning magazine on any subject with just a few clicks. 

The Magazine Template Kit focuses on readability, keeping the content of the website at the center of attention. This is done through the clever implementation of three colors. The color white projects a sense of cleanliness and makes it easy to read the text. The color black, prominent in the header and the footer, creates a sense of a clean border, separating the content from the other elements of the site. The color pink, sparsely scattered throughout the website serves to attract attention to certain words or buttons. The three colors, make it easy for the reader to concentrate on the content and notice other focal elements. 

Additional focus is given to easy navigation. There are multiple navigational methods implemented in the template kit. The header and the footer both have a navigational menu, which is uncommon. In addition, the sidebars have links to the related or most popular posts, as do the individual pages themselves. Lastly, there are arrows available on every post, that direct the reader to the next or previous post. With the abundance of navigational elements, the user will have access to all of the available content on the site. 

While the reading experience and the navigation throughout the website play a key role in the success of the magazine, there is one other aspect that plays a major role. The magazine would be nothing without readers, and the best way to get readers is through subscription. The template kit offers numerous call-to-actions for a subscription, from the subscribe button on the header to the subscribe form in the footer, the sidebar, and the posts. 

Sounds awesome, doesn’t it? Why not give it a test run? Take a look at the demo website we’ve set up for you. Create your magazine website in just a few clicks with Elementor Pro. 

About the Author

Sergei Davidov
Sergei Davidov
Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 1,178,491 subscribers who stay ahead of the pack.
By entering your email, you agree to our Terms of Service and Privacy Policy.

Comments

32 Responses

  1. Nice addition to the template selections – very nice and looks versatile. As always, Elementor keeps adding great stuff! Thx.

  2. Look at the menu at 1026 to 1320 pix. And the header top from 1400 px or so, and also the footer. It’s isn’t careful designed!
    The outer padding settings is a nightmare with Elementor, you see it in your own demo. And strange things with outer padding happens in header and footer from time to time, that must be corrected manually with custom css.

    Besides that, i love Elementor -:) But is’t time for you to spend some time for this issues.

    1. I agree… I love the look of your templates, but I haven’t seen a demo yet that hasn’t had a buggy top menu! What gives guys?

    2. I agree.

      The Elementor team’s sole priority should be fixing the outer padding. It never gets a mention but it’s such a major issue.

      I’m fed up with custom CSS and a million other workarounds!

  3. Love Elementor… unfortunately your emails you send out aren’t responsive. Have to scroll over on them even on my desktop.

  4. The timing of this could not be more perfect. I am using ColorMag on one of my own websites and was looking last night at other newspaper style themes that would work well with Elementor.

    When I look in my library I see the home page but none of the others, am I missing something? Also like Hans said I’m seeing some strange behaviours to some of the images when viewing at mobile screen widths. Suddenly images that are landscape in format become portrait! As a photographer myself I’ve never understood themes that use dimensions that are extreme and rare. Almost all image sensors are at a 3:2 ratio and most of our images would be the same. Yet so many themes seem to want to go with extreme panoramic or square formats that just don’t work with most people’s body of images.

  5. Hi Ben,

    Another lovely template, but you have had many, many requests for a long time now for shop templates or even just one shop template (like Ocean). Lots of us are wondering what the hold up is on this one? Your answer would be much appreciated. Thanks

  6. Hey guys! Great job!! Where do I find that ‘Packet’ to download or import? I am a Pro member but am not seeing it.

      1. I’m only seeing the home page. The other kits seem to have more pages, as shown in the video you referenced. What am I missing? Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,178,491 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.