Moral Magazine

After you purchase and download your theme, you can choose either of the approaches given below to install your theme:

1. Log in to the WordPress Administration Panels.
2. Select the Appearance panel, then Themes.
3. Select Add New.
4. Then, select Upload Theme.
5. Click Browse. Locate moral-magazine.zip theme in your computer.
6. Select moral-magazine.zip and click Install Now.

You can use FTP client like FileZilla to connect your web server.

1. Unzip moral-magazine.zip to your Desktop.
2. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Moral Magazine theme.
3. Now, log into the WordPress Dashboard with your login details.
4. Select the Appearance panel, then Themes.
5. You will see the theme in the list.
6. Then, click Activate button.
7. Now, the theme will be activated and go through the following options to set up the theme step wise.

If you want to import the demo content manually, then here is the demo file for you. Just click on the button to download the demo file

Demo File

After successfully installing the required theme, you need to activate your theme. Follow given steps to activate the theme.

1. Select the Appearance panel, then Themes.
2. You will see the Moral Magazine theme on the list.
3. Click Activate button.
4. After clicking the Activate button the theme will be activated.

To manage plugins, in admin panel, go to Appearance -> Install Plugins. The theme recommends following plugins:

1. Jetpack: To configure Infinite scroll on then Blog page and All Archive Pages.
2. Catch Themes Demo Import: To import the demo data. This plugin is highly recommended plugin to import the demo data.

Catch Theme Demo Import is recommended for demo import of this theme. To import the dummy demo data:

• Go to Dashboard-> Appearance -> Import Demo Data
• Click to Click here for Demo File download to download demo files. Then,
• Click Switch to manual import! to import manually.



• Click Choose File of Choose a XML file for content import.
• Then Choose our theme data file from Moral Magazine (Theme Name) > Demo > content.xml file.
• Again click Choose File of Choose a WIE or JSON file for widget import
• Then Choose our theme data file from Moral Magazine (Theme Name) > Demo > widgets.wie file.
• Again click Choose File of Choose a DAT file for customizer import:
• Then Choose our theme data file from Moral Magazine (Theme Name) > Demo > customizer.dat file.
• Then Click Import Demo Data

Note: You need to import demo data in fresh wordpress otherwise existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.

The customizer lets you add, modify, enable or hide various features of the theme.

1. Site Identity
2. Header Image
3. Background Image
4. Menus
5. Homepage Options
6. Theme Options
7. Widgets
8. Homepage Settings
9. Additional CSS
10. Export/Import

The above sections are described below.

How to manage Site Title, Logo, Tagline and Site Icon?

From Customize section, go to Header > Site Identity.

From Site Identity, you will be able to add various options related to site identity like:

• Logo( Only available in WordPress version greater than or equal to 4.5 ) : It changes the main logo of the site.
• Site Title : It changes the main site title of the site.
• Tagline : It changes the tagline (i.e:Description) of the site. Just below site title.
• Display Site Title and Tagline : This enables/disables the display of site title and tagline from the site



• Site Icon : The Site Icon is used as a browser and app icon for your site.Icon must be square and at least 512px wide and tall.

From Customize section > Header > Header Image.

• • • Current Header Image : This changes the header image.

From Customize section, go to Background Image. Now, you will be able to change the background image options. Once, the preview is fine you can save and publish it.

From Background Image, you will see:

Background Image:

• •  This will set the background image for the site.

Note:Theme has three menu location provided as Primary, Secondary and Social.

• Menu Options :

If you already have a Menu then that’s fine otherwise follow the steps:

1. Go to Menus
2. Click Create a Menu
3. Once, you have created the menu, you can further add items to the menu.
4. You can choose menu location. There are 3 locations Primary Menu, Secondary Menu and Social Menu. You can choose one of them location.



• Another method

To create menu, you need to go to Admin Panel / Appearance / Menu .

OR

You need to create menu from / Customize / Menus / Create Menu .



You can create more menus in similar way. After creating menu, you need to add pages to that menu.

To add pages to the menu, you need to create some pages (For e.g: “About Us” , “Contact”). After creating pages you need to add that pages to the menu.

After you added the pages to the menu set the menu location from / Customize / Menus / Menu Locations /.
Two locations are available.

These section is used to set up home page

1. Homepage Sort.
2. Top bar.
3. Breaking News.
4. Hero Banner.
5. Featured News.
6. Editorial.
7. Travel News.
8. Business News.
9. Have Missed.

From Customize section, go to Homepage Options > Homepage Sort .

In Homepage Sort you will see Homepage Sort Options

Hold and drag to sort the sections.

From Customize section, go to Homepage Options > Top bar .

• Enable Topbar : This option is for enable or disable top bar.
• Enable Social Menu : This option is for enable and disable social menu in top bar.
• Enable Date : This option is for enable and disable date in top bar.

To configure Breaking News section, you need to go to Admin Panel / Appearance / Customize / Homepage / Breaking News.

In this panel, you will find these options:

• Content Type: Select Category to enable this section or Select to Disable option to disable this section.
• Btn Title: Set the button title.
• Number of Posts: Set Number of Posts of the section.
• Category: To select the category.



• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Hero Banner section, you need to go to Admin Panel / Appearance / Customize / Homepage / Hero Banner.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Featured News section, you need to go to Admin Panel / Appearance / Customize / Homepage / Featured News.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Editorial News section, you need to go to Admin Panel / Appearance / Customize / Homepage / Editorial News.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Travel News section, you need to go to Admin Panel / Appearance / Customize / Homepage / Travel News.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Ads Image : Set advertisement for the section.
• Ads Url : Set advertisement url.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Business News section, you need to go to Admin Panel / Appearance / Customize / Homepage / Business News.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Ads Image : Set advertisement for the section.
• Ads Url : Set advertisement url.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

To configure Have Missed section, you need to go to Admin Panel / Appearance / Customize / Homepage / Have Missed.

In this panel, you will find these options:

• Content Type: Select Post to enable this section or Select to Disable option to disable this section.
• Title: Set the section Title
• Post: Select one of the post from drop-down lists of posts.
• Top Padding : Set top padding of the section.
• Bottom Padding : Set bottom padding of the section.

You will see following sections under Advanced Settings:

1. Footer
2. Header
3. General
4. Global layout
5. Archive/Blog
6. Single Posts
7. Single Pages
8. Reset All

The above sections are described below.

From Customize section > Theme Options > Footer.

• Enable Footer Text: Check the option to show footer text otherwise uncheck.
• Copyright Text: This setting allows to set copyright text in the footer of the site.

From Customize section, go to Theme Options > Header.
Now, you will be able to change the Header Design. Once, the preview is fine you can save and publish it.

From Header, you will see:

• BG Image : Set background image for the section.
• Ads Image : Set advertisement for the section.
• Ads Url : Set advertisement url.

From Customize section > Theme Options > General.

• Enable Breadcrumb: Check the option to set or display Breadcrumb otherwise uncheck.
• Enable Scroll up: Check the option to set or display Scroll up otherwise uncheck.

From Customize section > Theme Options > Global Layout.

• Site layout: This option works on whole site. You can choose either Boxed or Wide site layout.
• Archive Sidebar: This options works on all archive pages like: 404, search, date, category, blog and so on. You can choose either Right sidebar or No Sidebar.
• Global Page Sidebar: This options works only on single page. This setting can be overridden for single page from the metabox too. You can choose either Right sidebar or No Sidebar.
• Global post Sidebar: This options works only on single posts. This setting can be overridden for single post from the metabox too. You can choose either Right sidebar or No Sidebar.

From Customize section > Theme Options > Archive / Blog .

In Blog Page you will see:

• Excerpt more length: Set the excerpt length of excerpt content.
• Enable Date: This option allows user to enable/disable date assigned in blog post.
• Enable Feature Image: This option allows user to enable/disable feature image assigned in blog post.
• Content Type
  • Full Content: This option allows user to set the full content of blog post.
  • Excerpt: This option allows user to set the excerpt length.
• Pagination type : You will see following options:
  • Numeric : This is for numeric pagination option.
  • Older Posts/Newer Posts : Default pagination option.

From Customize section > Theme Options > Single Posts.

In Blog Page you will see:

• Enable Date: This option allows user to enable/disable date assigned in Single post.
• Enable Category: This option allows user to enable/disable category assigned in Single post.
• Enable Tag: This option allows user to enable/disable tag on Single post.
• Enable Comments : This option allows user to enable/disable comment on Single post.
• Enable Author : You can Enable the author image on Single post.
• Enable Feature Image: This option allows user to enable/disable feature image assigned in Single post.
• Enable Pagination : This option allows user to enable/disable Pagination on Single post.
• Enable Related Post. : This option allows user to enable/disable Related Post on Single post.

From Customize section > Theme Options > Single Pages.

In Blog Page you will see:

• Enable Feature Image: This option allows user to enable/disable feature image assigned in Single Pages.

From Customizer section, go to Theme Options > Reset all.

In Reset all settings you will see:

• • Check to reset all settings: Check the Check to reset all settings and refresh the page to reset all theme settings to default.

From Customizer section, go to Widgets.

Hero Banner Sidebar: This Hero Banner sidebar is default sidebar. This sidebar is dispaly at home page, blog page, single blog pages, archive pages.
Featured News Left Sidebar: This featured news left sidebar is default sidebar. This sidebar is dispaly at home page, blog page, single blog pages, archive pages.
Featured News Right Sidebar: This featured news right sidebar is default sidebar. This sidebar is dispaly at home page, blog page, single blog pages, archive pages.
Main Post Left Sidebar: This main post left sidebar is default sidebar. This sidebar is dispaly at home page, blog page, single blog pages, archive pages.
Main Post Right Sidebar: This main post right sidebar is default sidebar. This sidebar is dispaly at home page, blog page, single blog pages, archive pages.

Widgets are one of the most important aspects of this theme. Four special widgets are specially built for the front page so that most of your content can be categorized easily and be accommodated to feature in the front page.

• Footer Widgets: These widgets are used in footer section.

This section allow to set setting of homepage.

How to set Homepage setting?

To set a static front page we need to have a page which can be set as Homepage Settings. If you already have a page then that’s fine otherwise follow the steps:

• • 1. Hover over the Pages menu
    2. You will see Add New under All Pages
    3. Click Add New
    4. Add title Home or any title you want.
    5. Leave editor blank
    6. Click Publish

Now you can set page “Home” (or any page you created) as the static front page. When you set static front page, your blog posts will be removed from the homepage. So if you want to show blogs posts then you need to create blog page too. Follow above steps and create “Blog” page or any title you want to give for the blog page. Now that we have both “Home” and “Blog” page, we are ready to set static front page. Follow the steps to set static front page:

From Customize section, go to Homepage > Homepage Setting you will see option.

• • 1. Choose A static page option under Your Homepage displays title.
    2. You will be able to set any page as a static front page and blog page as shown on the image below.
    3. Click Save and Publish button to save changes.

• You will see another option also,

Your latest Posts

• Note: If you select Your latest Posts, then all the posts will be displayed in your frontpage. If you select A static page, then your frontpage will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page.

From Customizer section, go to Export/Import Section.

• • • Export : It allow user to export the customization settings for this theme.
    • Import : It allow user to import the customization settings for this theme. by selecting file extension .dat

1. Download the latest version of Moral Magazine theme from your Theme Palace member My Account to your Desktop
2. Unzip moral-magazine.zip to your Desktop
3. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Moral Magazine theme which shall replace the old files.