- Theme Installation.
- Magazine Homepage.
- Widget Areas.
- Add a custom logo.
- Custom Menu / Social Menu.
- Featured Slider.
2. Theme Installation
- Theme installation process is same as others.
- Download the .zip file. ( HitMag PRO can be downloaded from https://themezhut.com/my-account/ after the purchase. )
- Go to Appearance > Themes in the WordPress Dashboard.
- Click on the Add New button.
- Click on the Upload Theme button on the top.
- Use Choose File button to select .zip file.
- Select the theme ‘zip’ file from your computer and click Install Now Button.
- After successfully installing the theme click “Activate Theme”.
3. Magazine Homepage
– Adding a magazine homepage.
- Create a new page by going to Pages > Add New in the WordPress Dashboard
- Give the page a name whatever you want. eg : Home.
- Then from the page attributes options box select the Template as Magazine Homepage.
- Then Go to Settings > Reading in the WordPress Dashboard and select the “A Static Page” option which is under the heading “Front Page Displays”.
- Then Select the page that you created earlier from the “Front Page” drop down . eg: Home
– Adding a blog post page when magazine homepage is activated.
- Go to Pages > Add New in the WordPress Dashboard.
- Give it a name whatever you want. eg : Blog.
- Then from the page attributes options box select the Template as Default Template.
- Then Go to Settings > Reading in the WordPress Dashboard and select the option “A static page” which is under the heading “Front Page Displays”.
- Then Select the page that you created from the “Posts Page” drop down . eg: Blog.
Now you have created a “Magazine Homepage” to display posts widgets and “Blog page” to display normal blog posts. To display posts widgets in magazine homepage drag and drop Magazine posts widgets to “Magazine Homepage” widget area.
There are 5 widgets bundled with the free theme.
- HitMag: Magazine Posts (Style 1) – Can be displayed in Magazine Homepage widget area, Main Sidebar and Footer Sidebars.
- HitMag: Magazine Posts (Style 2) – Can be displayed in Magazine Homepage widget area, Main Sidebar and Footer Sidebars.
- HitMag: Magazine Posts (Style 3) – Can be displayed in Magazine Homepage widget area, Main Sidebar and Footer Sidebars.
- HitMag: Sidebar Posts – Can be displayed in Main Sidebar and Footer Sidebars.
- HitMag: Popular posts, Comments, Tags widget. – Can be displayed in Main Sidebar and Footer Sidebars.
5. Widget Areas
1. Magazine Homepage
2. Main Sidebar
3. Header Advertisement Area
4. Footer Left Sidebar
5. Footer Mid Sidebar
6. Footer Right Sidebar
Add each widget to the relevant widget areas and arrange them in any order you want.
6. Add a Custom Logo
Adding a custom logo is very easy. Please use the following steps.
- Go to Customizer > Site Identity in the WordPress Dashboard. ( Dashboard > Appearance > Customize > Site Identity ).
- Then click on the “Select Logo” button which is under the “Logo” title. Then use the upload tab to upload a logo or select the previously uploaded logo from the popped up media library window.
- Now if you don’t want to show the site title and description text you can un-check the “Display site title and tagline” check box.
- Click “Save and Publish” button at the top.
7. Custom Main Menu
- Go to Appearance > Menus in the WordPress Dashboard.
- In the edit menus tab click on the “create new menu” link.
- Give a Menu Name and click button “create menu”. For example if you are planing to use this as main menu type “Main Menu”
- Then you can choose/create the links from the tabs (Pages/Posts/Custom Links/Categories) which are in the left hand side of the screen.
- After Creating the menu select the Theme Location of the menu.(It’s under the Menu Settings which is in the bottom of the page. ) Select where you want to show this menu. Theme has three menu locations. ( Main Menu, Top Menu, Social Media Menu )
- Finally Hit Save.
Social Media Menu.
It is very easy to add a social media menu to your site top bar with HitMag theme. Adding a social media menu is same as adding other menus as described above. Use custom links to add social media links ( eg: https://facebook.com/themezhut ) and select the menu location as “Social Media Menu”.
Use custom links to add social links.
Now your social links will be displayed at the top bar of the site as shown in the demo.
8. Featured Images and Slider
Sometimes you may have noticed that when you upload featured images from posts they don’t have same sizes in the blog index page or magazine page. To fix that please use the great regenerate thumbnail plugin to crop images. It will crop all the featured images of posts.
Note: You have to have activated the magazine homepage as described above, in order to display slider.
1. Go to Appearance > Customize > Slider Settings.
2. Switch On Featured slider.
3. Then select the category of posts which you want to display in the slider. ( Featured images of posts of the selected category will be displayed as slider images.
– Featured images of posts should be at least in width of 735px and in height of 360px to display slider images properly.