Are you planning to create a new blog, news, magazine, or newspaper website? Are you looking for a brand-new theme with lots of customization options?
If you said yes to any of these questions, you have come to the right place. In today’s post, I am going to introduce you to ionMag Theme – a brand new WordPress theme which fulfills all these requirements. The feature-rich theme comes with a wide range of customization options, mobile-friendly design, and an integrated page builder. What’s more, the theme is completely free.
Without further ado, let’s dive right into the theme and find out what’s in there for us.
Getting Started with ionMag
Once you install the ionMag theme, you will be greeted with a welcome screen. The theme needs some necessary plugins to work properly. Go to ionMag -> Plugins to install these plugins.
As the plugins are included in the theme package, you can install them with a few button clicks. Once you have installed and activated the plugins, you are ready to go.
Customizing the Header and Footer
ionMag comes with a huge range of styling options. Go to ionMag -> Theme panel to configure the available theme options. You will be taken to a page like the following –
As you can see, the customization options are spread into different sections. I will discuss these one by one. Let’s get started with the header styling options.
ionMag comes with two header styles. You can choose the preferred one from the “Header Style” area. It is also possible to place the search option on the main menu or the top bar.
The theme comes with a unique top bar feature. This will show a black top menu throughout your website. While the top bar is enabled by default, you can choose to disable it or manage other options from the “Top Bar” area.
You can choose any of the 4 top bar layouts, show the top menu, and choose the menu. Other available options include showing the social icons, login link, the date, and setting the date format.
The first option of this area allows you to choose the main menu for your website. If you are using a mega menu, you can enable preloading. It is also possible to make the menu sticky. The next option allows you to choose whether the logo should be displayed on the menu or not.
Logo & Favicon
As you can guess from the title, this area allows you to upload a custom logo and favicon for your website. ionMag takes this one step ahead by allowing you to upload a retina logo along with custom alt and title attributes for the logo.
Logo for Mobile
If you want to show a mobile-optimized logo for smaller screens, you can upload both the regular and retina versions of the optimized logo here.
Despite the name, this feature works on both Android and iOS devices. When a visitor adds your website to the home screen, the device will show a default image. This area allows you to provide several versions of your logo which will be shown instead of that default image.
Those were the header styling options. Now, let’s take a look at the footer styling options. You will find these options in the “Footer” section.
This area allows you to show or hide the footer and to choose the footer template.
If you maintain an active Instagram account, you can enable the Instagram section from this area. The available options allow you to choose the number of rows, how many images to shows per row, image gap, etc.
Footer Info Content
This area includes separate options to upload a custom logo for the footer, define the alt and title tags, provide a footer text, show the social media links, etc.
You can make your footer look more attractive by adding a footer background from this section. You can choose the size, repeat style, position, and opacity for the background.
ionMag allows you to show a sub-footer just under the regular footer. You can add a copyright text and display an additional menu here.
Configuring the Layout Options
The theme allows you to have full control over the layout of your website. Let’s get started with the “Template Settings” section and check out which layout customization options are available for us.
This area allows you to enable the smart sidebar. Enabling the feature will resize the sidebar and keep it sticky as the visitor scrolls through the content.
This area includes different options for showing the breadcrumb, adding the home link, parent category, display article title, etc.
If you want to use lazy loading for your images, you can enable the loading image and choose the loading effect from this area.
Next, let’s take a look at the “Categories” section.
Category Global Settings
Here you will find the options to set the global options for your categories. There are separate options to choose the default category template, top posts style, top posts grid style, article display view, pagination style, and to define the sidebar position.
Per Category Settings
In this area, you can choose individual styling for each of your categories. There are options to choose the header style, top posts style, top posts grid style, article display view, pagination style, sidebar positioning, etc.
It is also possible to choose a particular category tag color and add a custom background color or image.
Now, it’s time to configure the individual posts. These options are located at the “Post Setting” section.
Post and Custom Post Types
This area includes various options for showing the category tags, author name, date, the number of post views, the number of comments, tags, author box, next and previous buttons, etc. for the posts and custom post types. You will also find an option to enable or disable comments on these posts.
Default Post Template
There is only one option in this area which allows you to choose the default site template.
As the title suggests, this is the area for managing features images. You can choose to show or hide a featured image, enable the placeholder, and choose to use lightbox for the featured image.
ionMag is provided with a very useful feature to display the related articles after content. That means you won’t have to use third-party plugins for showing related posts.
Once you have enabled the related posts, you can choose how the related articles should be selected and how many related posts should be displayed.
In this area, you will find separate options to enable or disable the article sharing, like, and tweet features at the top and bottom of the articles.
More Article Box
This is another unique feature provided by ionMag to help you keep the visitor on your site. Enabling this feature will show a related post at the bottom-right corner of the page. You can choose the amount of scrolling before the box appears, which articles should be displayed, the display style, number of posts to display, etc.
Choosing the Colors and Fonts
ionMag offers precise control over the font and color of each section. You can choose the colors from the “Theme Colors” section.
First of all, you can set the theme accent, background, header text colors, etc. from the “General Theme Colors” area. The next areas allow you to choose the colors for the text, text hover, site background, social icons, menu background, menu text, an active menu, menu hover, header background, footer background, post, and page title, author, text, h1 to h6 headings, etc.
The font options are located at the “Theme Fonts” section. The theme supports Typekit fonts, Google Fonts, and custom fonts too. That means you can upload custom fonts and use these on your website.
There are separate options to choose the font family, size, line height, style, weight, transform style, etc. for various places like the top menu, main menu, mega menu, post and page title, content, quotes, lists, h1 to h6 headings, category, tag, author, date, next and previous buttons, footer text, breadcrumb, pagination, widgets, etc.
Other Styling Options
Along with the styling options mentioned above, ionMag also comes with lots of other options. Let’s go through these options quickly.
This section allows you to set a custom background for the whole website. You can choose the repeat style, position, background attachment style, and whether to stretch the background image or not. It is also possible to set separate backgrounds for the mobile visitors, the search page, and the sign in section.
This section includes a dedicated area for integrating Google Analytics into your website.
This section hosts separate areas to provide links to your social media networks. The theme supports all the major platforms including Facebook, Twitter, Instagram, Pinterest, LinkedIn, Google+, Yahoo, YouTube, Flickr, Behance, Dribble, Reddit, etc.
It is possible to import or export the theme settings to or from other websites. To do that, go to the “Import/Export” section. You will find separate options to import or export theme settings, and a button to reset the theme settings.
Managing the Advertisements
ionMag comes with dedicated options for managing your ads. You will find those options in the “Ad” section of the ionMag -> Theme Panel page. The theme allows you to show ads in different places including the header, sidebar, article top, inline, bottom, footer, and up to 5 custom ad locations.
For each location, you will have a dedicated area for providing the ad code. Other options allow you to disable the ads on desktop, tablet, phone, etc. If you are using AdSense, you can choose auto-sizing or custom sizes for the ads.
Using the Live Frontend Page Builder
ionMag features a very powerful front-end page builder. The page builder allows you to create custom layouts for the pages of your website. To use the page builder, go to Pages -> Add New and click the “TAGDIV COMPOSER” button.
As you can see, the page editing options are located at the left side. In the “Template Settings” option, you can choose any of the three templates. The “Header Style” allows you to choose between the two available styles. It is also possible to edit the menus.
Hover over the empty element and you will find separate buttons for editing the row and column. Clicking the row button will open the row options on the left column. You can choose various layouts, row stretch, and provide custom id and class for the row.
In the “CSS” tab, you can check out the preview on various screen sizes like the desktop, landscape, portrait, mobile, etc. Below, you will find separate options to provide custom padding, margin, border styles, background styles, etc. All these options are available for the columns as well.
The visual builder also allows you to add custom elements to the page. To do that, click the “ADD ELEMENT ->” button at the top. You can choose various elements like row, empty space, eight block styles, three grid styles, author box, column text, image box, list menu, social counter, widget sidebar, raw HTML code, etc.
New Post Features
The ionMag theme adds some exciting new options to the default post editor. Go to Posts -> Add New to check out these features. You will find the options at the ‘Post Settings’ box.
In the “General” section, you can choose the default post template, default sidebar position, provide a subtitle, etc. It is also possible to show uniquely styled quotes, mention source name, URL, etc.
If you want to turn any of your blog posts into a list, this feature will be very useful for you. Here, you can define a heading tag as the title tag. You can choose to use ascending or descending numbering for the list.
If you are writing a review, you can enable rating from this section. You can choose stars, percentage, or points as the rating type. You can add several features and provide a rating for each of these features. It is also possible to provide an overall description for the review.
Exploring the Custom Widgets
ionMag comes with several custom widgets. You will find the widgets in the Appearance -> Widgets page.
The Ad Box widget will be useful in showing advertisements in different places of your website. The Social Counter widget allows you to show off the total number of followers on various platforms. You can use the dedicated Instagram widget to feature the best photos from your Instagram account. Other interesting widgets include the popular category, authors box, etc.
Over to You
With so many customization options, custom widgets, and the intelligent way to create custom page layouts, ionMag has quickly become my new favorite theme for creating blog and news sites. When you consider the fact that it’s a free theme, it seems there is virtually zero competition to this theme.
So, what do you think about ionMag? Have you ever seen a theme which offers so many premium options for free? Let me know in the comments below.