Monn - Blog & Magazine WordPress Theme

Introduction

First of all, Thank you so much for purchasing this template and for being our loyal customer. You are awesome!

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

WordPress General

A working version of WordPress.org must be installed before you can install the Monn. If you need help installing WordPress, follow the WordPress Codex

Before using any theme, it is important to understand how native WordPress functions work, and how to establish ownership of your new site.

WordPress links you will find useful:

Theme Installation

To use Monn WordPress Theme, you must be running WordPress 6.0 or higher, PHP 7.4 and mysql 5 or higher version. Below is a checklist of items your host needs to comply with to ensure proper Monn operation:

  • Ensure your web host has the minimum requirements to run WordPress.
  • Make sure the latest version of WordPress is up and running.
  • If necessary, you can download the latest release of WordPress from the official WordPress website.

Note: To successfully install the theme, please unzip the downloaded file (main.zip) after purchasing. Inside the extracted folder, locate the theme file: monn.zip.

There are two methods to install the theme. If the normal installation method [a] is not supported by your web host, you can use the alternate option [b].

a) Normal Installation

  1. Log in to your WordPress Admin dashboard and navigate to Appearance > Themes.
  2. Click on Add New Theme (or the "Install Themes" tab for older versions) and then click Upload.
  3. Browse your computer to select monn.zip (found in the extracted main.zip folder) and click the Install Now button.
  4. Once uploaded, click the Activate link to activate your theme.

b) FTP Installation (Alternate Method)

  1. Use FTP software to browse to the wp-content/themes folder on your web server.
  2. Upload the extracted monn folder (from monn.zip).
  3. Once the upload is complete, log in to your WordPress Admin dashboard and navigate to Appearance > Themes.
  4. Click the Activate link to activate your theme.

Important:   After activation, you will be presented with monn-core plugin that you should activate. Do not forget to activate it or not all of the theme features will be available.
Note:   If you are migration from a theme which used the native featured images functionality of WordPress. Please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need. Run it from Tools > Regenerate Thumbnails.

Demo Content Import

Before we start to import a demo content we have do following instructions:

  1. Set up PHP Configuration limits

    Issues you may encounter, such as demo content fails when importing and similar issues, are generally related to excessively low PHP configuration limit settings. You can either increase these limits on your own, or contact your web host and ask to have the limits increased to the following minimums:



  2. Verify your PHP limits

    You can check them by installing the WordPress phpinfo() plugin and checking Settings. The first column refers to your installation value, and the second column refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.


Now we are ready to import a demo content

Important:   Please do not import content on a WordPress installation that already has a lot of content. Or the very least, make a backup first. A catastrophic mess can be created.
Note:  In some cases you would like to remove demo content. You can remove all posts, pages, etc using WordPress Reset plugin. Be aware that this plugin resets the WordPress database back to it's defaults. Deletes all customizations and content. It does not modify files only resets the database.

There are two methods to import a demo content. If you have SSL Certificate on your website you can use method [1] One Click Demo Importer (auto), but if you have not installed SSL Certificate or you couldn't import a demo content via method [1] you can use method [2] with XML File (manually).

Let's take a look at both methods.


Video Guide

Installation and import a demo content



One-Click Demo Importer

  • Go to Dashboard > Monn > Import Demo Data
  • Click on Import Demo Data button
  • Click on Continue & Import button
  • Ready

Manual Import (if One-Click Demo Importer failed)

  • Go to Tools >> Import, select WordPress Importer, and run it.
  • Locate the xml folder inside the main.zip file.
  • Select the XML file corresponding to the demo you want to import and upload it.

Setup Homepage

Creating home page is a simple process.

  1. Pages > Add New
  2. Insert Title
  3. (Required) Choose "Home Page" from Template inside "Page Attributes" box.
  4. Page Options - Change these options as you wish
  5. Click the "Publish" button

After you create homepage:

  1. Settings -> Reading -> Front page displays
  2. Choose a "Static Page"
  3. set newly created "Home" page.
  4. Click "Save Changes" button

Adding Posts



Adding a new post is the same way as default WordPress installations, however, there are extra options that might need explaining.


>> Featured Image


While the theme can function without featured images, it's highly recommended that you add a featured image to each post. This not only makes your site/blog more lively but also improves user experience.

To set the featured image, use the WordPress normal method.



>> Recommended Image Size (for Blog Posts)


Image size (dimensions) will depend on what type of layout you're using throughout your WordPress installation or per individual post basis. This image will not only be used on the post, but also on the category listing pages.

Compatible with all layouts and default slider: 1920 x auto (width x height)



>> Supported Post For


Monn supports 7 post formats. These are:



Gallery Format

  1. Click "Add Image" button
  2. Choose Images
  3. Click "Select" button

See below screenshot



Image Format

Image format works very similar to a standard post. Just set a featured image and you're done.



Standard Format

Just set a featured image and you're done.



Video Format

Setup your post normally and set a featured image. Copy your youtube or local video URL and paste into the "Video URL" box.

See below screenshot



Author Avatar

For the author avatar, our theme uses the Image URL specified in the Monn Extra Profile Information section. If you don’t enter your own Image URL, the theme will default to using Gravatar.

(A GIF is also provided to show how to insert your own avatar into the Image URL field in the Monn Extra Profile Information section.)

Setup Menu

If you have imported demo content follow [a]. Otherwise, follow [b] to create a new menu.

a. Existing Menu


  1. Go to to Appearance > Menus.
  2. In the "Manage Locations" area, under Main Navigation, select Main Menu. Click Save.

b. Creating a New Menu


  1. Go to to Appearance > Menus.
  2. Click on the + button or the create a new menu link. Enter a menu name and click Create Menu.
  3. Using the Custom Links and Pages boxes at the left, add items to the menu and drag/drop to arrange them.
  4. (optional) If you would like to use this menu in navigation, in the "Manage Locations" area, under Main Navigation, select your newly created menu. Click Save.
  5. Click Save Menu and that is all.

Mobile Menu either setup in above way. You just need to choose proper location.  There are two locations "Main Menu" and "Mobile Menu". That's it.

Widgets

You can use any shortcodes in widgets. Just use text widget and put shortcode into it. Besides theme custom widget which may helpful for you. Listed below:

  • Frenify Ad. - An advertisement widget that allows you to easily manage and display ads on your website. Below are the configuration options available:
    • Title Field: Used to specify the title of the advertisement.
    • Ad Type: Choose between two types of advertisements: Image or Code. Depending on the selection, the subsequent settings will vary.
    • Min Height (vh): This setting defines the minimum viewport height (in viewport height units) at which the ad will become sticky. For example, setting this value to 100 means the ad will stick when it reaches 100% of the window height.
    • Ad URL: The URL that the advertisement will link to when clicked. This field is available only if the Ad Type is set to Image.
    • Ad Image URL: The URL of the image to be displayed for the advertisement. This field is also available when Ad Type is set to Image.
    • Ad Code: If the Ad Type is set to Code, you can insert your advertisement code here, such as Google AdSense or any other custom ad code.
  • Frenify Author - Author information widget. The Title field allows you to set the widget title. The Author ID field is used to retrieve all available information for the specified author by their ID. For example, entering "1" will display all details of the author with ID 1. This widget can include the following author details: Author Image, Author Name, Author Bio (description), and Social Media Links (such as Facebook, X.com, Pinterest, Instagram, etc.). All of this information can be managed and edited on the Users page (Dashboard > Users) by editing the respective author profile. You also have the option to use a custom Image URL if you'd prefer to display an image other than the default Gravatar.
  • Frenify Comments - Latest comments widget. This widget displays the most recent comments in an attractive design. The Title field allows you to set the widget title, while the Comments Count field lets you choose how many comments to display within the widget.
  • Frenify Custom Categories - Posts categories widget. This widget displays a selected number of post categories. The Title field sets the widget title, while the Categories IDs field allows you to specify which categories to display by entering their IDs, separated by commas. For example: 1,5,8 will display categories with IDs 1, 5, and 8 in the widget. To detect the category IDs, follow this video guide.
  • Frenify Donations - Donations widget. This widget allows you to add up to 4 donation platforms. The Title field sets the widget title, and there are 4 separate sections for the donation platforms with the following fields: Title - donation title, URL - donation URL (this URL will be used as the link for the donation), and Image URL - provides the ability to enter an image URL for your donation platform's image. This is the ideal solution for sites that use multiple donation platforms.
  • Frenify Followers - Social followers widget. This widget allows you to display follower counts and links for various social media platforms (e.g., Facebook, X.com, Instagram, etc.). Each platform has its own section with the following fields: URL - the link to your profile on that platform, Count - your follower number to be displayed, and Subtitle - the name of the social platform (e.g., “Facebook”, “Instagram”).
  • Frenify Posts - Advanced posts display widget. This widget allows you to showcase posts using various layouts and filtering options. Layout - select the visual layout for your posts. Type - choose which type of posts to display: Most Viewed, Most Commented, Random, or Custom. Recent - enable a filter to show recent posts dynamically. Title - set the title for the widget. Recent Text - customize the filter label if the Recent option is enabled. Post Count - define how many posts to display. Custom Post IDs - enter specific post IDs (comma-separated) to display selected posts (used only when Type is set to Custom).
  • Frenify Social - Social media links widget. This widget allows you to display icons linking to your social media profiles. Title - set the title for the widget. For each social platform, simply enter the corresponding URL, and the icon will appear automatically. Supported platforms include Facebook, X.com (Twitter), Instagram, Pinterest, LinkedIn, and others.
  • Frenify Subscribe - Subscription form widget. This widget allows you to add a newsletter or subscription form via a shortcode. Title - sets the widget title. Shortcode - paste the shortcode from your subscription plugin (e.g., Mailchimp or any other supported plugin). This allows full integration with your preferred email marketing service.

Translation & Internalization

Theme comes with .po file included under the languages folder. To translate:

Method 1. Loco Translate

  1. Download and install Loco Translate.
  2. Go to Dashboard → Loco Translate → Themes and select Monn from the list
  3. Add on "New language".
  4. From the "Choose a language" select the language you want to translate
  5. From the "Choose a location" select languages/loco/themes/monn-{locale}.po (you can choose something else, it is just recommended)
  6. Click on "Start translating" button. And you can translate the theme to any language.
  7. After translating click on "Save" button

Please don't forget to change Site Language to the language you translated. You can change the site language in Dashboard → Settings → General → Site Language


Method 2. Poedit

  1. Download and install Poedit.
  2. Open monn.po file located here \wp-content\themes\monn\languages\ using poedit tool and translate the existing text to your own
  3. Save the file with the locale (for example: ru_RU.po).
    If you have already setup WordPress in your language, you can get it from your wp-config.php file under, for example: define('WPLANG', 'ru_RU');In this case, you would save your file as ru_RU.po.
  4. Step above should have generated a .po and a .mo file. Copy both these files and put them into the languages folder of the theme.

Your Language & Localization


After translating, you may wish to use the correct locale to translate and localize your WordPress installation completely. Refer to Installing WordPress In Your Language at WordPress Codex to learn how to.

How to? (FAQ)

#1 Theme installation issue: The package could not be installed. The theme is missing the style.css stylesheet

This issue occurred because you tried to upload the main package directly into the WordPress theme installer. The main package (usually named main.zip or similar) includes extra resources such as documentation, plugins, demo data (XML), and the child theme. To install the theme properly, please unzip the downloaded file first. Inside, you will find the actual installable theme file named monn.zip. Upload monn.zip only via Appearance → Themes → Add New → Upload Theme.

#2 Monn Core plugin installation issue: An error occurred while installing Monn Core

The wpmain.zip file you downloaded from the ThemeForest downloads page includes the Monn Core plugin locally, in case automatic installation fails due to server limitations. To install it manually, first unzip the wpmain.zip file. Inside, you'll find a plugins folder containing monn-core.zip. Go to Plugins → Add New → Upload Plugin in your WordPress dashboard, and upload monn-core.zip manually from there.

#3 Demo Import issue

If you encounter issues with Automatic Demo Importing (One Click Demo Importer - OCDI), you can manually import the demo content by following these steps:

  1. In the main file you downloaded from the ThemeForest downloads page (https://themeforest.net/downloads), locate the demoassets folder. Inside, select the XML file you wish to import. For example: news-content.xml.
  2. Log in to your WordPress dashboard and navigate to: Dashboard > Tools > Import. Choose the WordPress Importer, install it if necessary, and upload the selected XML file.
#4 404 issue: I created pages but I’ve got 404 pages everywhere.

Go “Dashboard - Settings - Permalinks”, choose “Post Name” from Common Settings and push “Save Changes” button.

#5 How to activate the theme?
  1. Copy your purchase code. About how to get it read this article
  2. Go to Dashboard > Monn
  3. Insert copied code into the field and click on Activate button
#6 How to revoke the theme?
  1. Go to Dashboard > Monn
  2. Click on Revoke Button
#7 How to update the theme?
Automatic Update
  1. Install the Envato Market Plugin.
  2. Go to Dashboard > Envato Market > Settings and follow the steps to fully activate the plugin.
  3. Update the Theme: Navigate to Envato Market > Themes and click the "Update" link next to your theme.
  4. Update the Monn Core Plugin: After updating the theme, you will see a notification: "New Version Available: A new version of the monn-core plugin is available." Click the "Update Now" button in the notification to automatically update the plugin.

Alternative Update
  1. Log in to your WordPress dashboard.
  2. Deactivate and delete the Monn Core plugin from the Plugins page.
  3. Download the latest theme files from your ThemeForest downloads page.
  4. Locate the monn.zip file in the downloaded package, then upload and install it via the Appearance > Themes section, replacing the existing Monn theme.
  5. Install and activate the required plugins when prompted.

Updating the theme is a safe process and does not affect your website’s content or non-theme-specific options. This means:
  1. Your posts, pages, media, and menus will remain intact.
  2. Custom options managed outside the theme (e.g., third-party plugins) will remain unchanged.
  3. Settings from plugins or WordPress core (e.g., general settings, users, etc.) will not be affected.
However, any direct customizations made to theme files (e.g., editing PHP, CSS, or JavaScript within the theme) will be overwritten during the update. To preserve such customizations, use a child theme or apply changes using the WordPress Customizer or Additional CSS section.
#8 I'm having SSL (https://) problem on my website.

If you are having problem with SSL (https://), you haven’t configured your wordpress properly. Please, check below plugin to configure SSL (https://)

https://wordpress.org/plugins/really-simple-ssl/

#9 How to remove/replace/add Advertisements from website?
Structure:

The Monn theme offers three methods for adding advertisements. You can also use alternative methods, such as third-party plugins or by adding code directly to your content.

  1. Via Theme Options >> Advertising
  2. Appearance >> Widgets
  3. Elementor

1. Ads via Theme Options:

The advertising options in the theme allow you to add advertisements to six predefined locations. You can use a custom banner with a custom URL for your ad or insert ad codes, such as Google AdSense or any other ad platform that provides code for integration.

  1. Off-Canvas - Displays your ad before the header of your website across all pages (site-wide).
  2. Header Below - Displays your ad below the header of your website across all pages (site-wide).
  3. Footer Above - Displays your ad above the footer across all pages (site-wide).
  4. List Posts Between - Displays your ad between posts on archive pages, blogs, and homepages (when the Home Page template is selected). You can specify banner positions, enabling ads to appear multiple times. For example, after the second post, fifth post, sixth post, etc.
  5. Single Post: Inside Content - Displays your ad within the content of a single post.
  6. Single Post: After Content - Displays your ad below the content of a single post.

2. Ads through widgets

The Monn theme offers you add your ad. using Frenify Ad. from the widgets to your sidebar (main sidebar, off-canvas, footer sidebars etc.). Check below screenshot:



You can configure its Title, select the Ad. Type (image or code) for banners or Google AdSense, set the Min Height (vh) to make the ad sticky in your widgets, and use the Ad. URL and Ad. Image URL fields for banners or the Ad. Code field for Google AdSense.


3. Ads through Elementor

Edit your page with Elementor. In the Elementor Left Panel, locate the Ad. widget labeled Monn. This widget also includes all the options available in Frenify Ad. See the screenshots below. (1) The first screenshot shows the widget in the Elementor Left Panel. (2) The second screenshot displays the widget options after it has been added to your page.





Add/Edit/Remove

#10 Where can I change a logo?

Go “Dashboard - Monn - Theme Options - Logo” and upload your Dark Logo, Light Logo, Mobile Logo here.

#11 How to change page title if I selected to display as homepage "latest posts"?

Go “Dashboard - Monn - Theme Options - General - Page Title for Blog Single”, edit this field and click "Save Changes" button.

#12 How to disable/enable/change magic cursor?

Go “Dashboard - Monn - Theme Options - General - Magic Cursor”, and you can manage them to change magic cursor options. There are 3 options to enable/disable magic cursor: Default, Link Hover and Slider(swiper). Default - cursor everywhere, Link Hover - cursor only on hover links, buttons, Slider(swiper) - cursor on sliders. You can enable/disable one or more fields. You can also change magic color in the option below - Cursor Color

#13 Where can I change main colors?

Go “Dashboard - Monn - Theme Options - Main Colors” and you can change all main colors globally here.

#14 How to enable/disable Search Button from the navigation?

Go “Dashboard - Monn - Theme Options - Floating Bar - Search and you can manage all search options. Enable or disable search, enable and disable recommended categories in the search lightbox, change recommended text and choose categories to display in the lightbox: popular, by name, random or custom by IDs.

#15 How can I change site Typography globally?

Go “Dashboard - Monn - Theme Options - Typography”. And you can chang everything you want from google fonts.

#16 Where can I enable/disable totop button?

In “Dashboard - Monn - Theme Options - Footer - Totop Button.

#17 How can I add categories to the navigation menu as items?

Go “Dashboard - Appearance - Menus”. Click on "Screen Options" link (on the right top of the screen) and enable "Categories" from the Screen elements. And you can find new Categories tab in the Add menu items block.

#18 How to change page style for post? Full width or with sidebar?

Edit your post and in the Post Options find page style and change it.

#19 How to change post format to Gallery format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Gallery option. After that you can find Gallery Options in the Post Options. Click on Add Media button and upload need media files or select from existing media files. After that you can see your selected media files in the Gallery images option and you can change files order here by dragging them. And update the post by clicking Update button on the right top of the screen.

#20 How to change post format to Image format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Image option. After that you can find Image Options in the Post Options. But there are no any options to upload your media, because for image post format is enough to upload a featured image. So, upload featured image. And update the post by clicking Update button on the right top of the screen.

#21 How to change post format to Video format and how to use it? I want a detailed explanation.

Edit your post and in the Post Format selectbox select Video option. After that you can find Video Options in the Post Options. Insert your youtube video URL or local video URL into the video URL field.

#22 What is an Autoloading Posts in single posts and how to manage it?

Autolading Posts is a great (needfull for you) option of the theme to increase your pageviews by engaging the site viewers to keep reading your content rather than increasing your bounce rate.

You can enable/disable this option in “Dashboard - Monn - Theme Options - Blog Single (wp post) - Autoloading Post Switcher”

#23 Reactions block in single posts. What is it and how it works?

Reactions block is one of amazing features of the theme.

Let's see all options of Reactions:

  • Reaction Switcher - to enable/disable this block. Disabling this option doesn't mean that all datas will restored. All datas (counts of each reactions) will saved.
  • Reaction Title Switcher - to enable/disable this block's title (on the top of the reactions)
  • Reaction Title - block's title field. You can change Reactions' Top title here
  • Reactions - all prebuilt reactions (10 reactions) switcher and order. Here you can change reactions' order (reorder them) and enable/disable.
  • In Love Text - text for In Love Reaction
  • Happy Text - text for Happy Reaction
  • Not Sure Text - text for Not Sure Reaction
  • OMG Text - text for OMG Reaction
  • Angry Text - text for Angry Reaction
  • Sad Text - text for Sad Reaction
  • LOL Text - text for LOL Reaction
  • Cry Text - text for Cry Reaction
  • Silly Text - text for Silly Reaction
  • Crazy Text - text for Crazy Reaction
  • Custom Reactions - you can also add your custom reactions. It is very bomb option. For that just dropdown first slide and do following actions
    • Upload your reaction image by clicking on "Upload" button. Recomended size of image: 200x200. Recommended format of image: png
    • Enter your reaction title into the second field where for placeholder text is "Reaction title"
    • Enter your reaction ID into the third (last) field. It is very important part of custom reactions.
      1. Please use only english lowercase and uppercase characters and symbol _ (a-z, A-Z and _) For example: reaction_hot
      2. Please after adding custom reactions don't change this field. Never ever. After some time you can change reaction title or reaction image but not reaction ID (this field).
      3. What happens if you accidentally change the ID? Count of this custom reaction for all posts will show 0. If you remember old reaction ID, just enter it (old reaction ID) and everything will work fine.

#24 Votes block in single posts. What is it and how it works?

Votes block is an very helpful voting system. Every blog site owner wants to be able to add this system. And this is very necessary now. To add this feature, you had to install a third-party plugin, figure it out and somehow insert it into the content, and it does not always work properly or does not fit the design of your site. Therefore, we have developed this system ourselves. It is easy to use. You just turn it on and that's it.

Let's see all options of Vote system:

  • Votes Switcher - to enable/disable this block. Disabling this option doesn't mean that all datas will restored. All datas (counts of votes) will saved.
  • Votes Title Switcher - to enable/disable this block's title (on the top of the votes)
  • Votes Title - block's title field. You can change Votes' Top title here

#25 Can I apply my own CSS code to your theme?

Yes, you can add your custom CSS code to the theme without changing any files of the theme. Just go to “Dashboard - Monn - Theme Options - Custom CSS”

#26 How to detect category, tag and post ID?
#27 Social List. How to manage it?

The Social List allows you to display social media icons in 4 areas of your site:

  1. Popup
  2. Theme Footer
  3. Sidebar - Frenify Social Widget
  4. Sidebar - Frenify Followers Widget

1. Floating Bar

This social icon bar appears at the bottom right corner of the window and remains visible while users scroll through your site. It provides quick access to your social profiles without interrupting the browsing experience. You can enable or disable this feature in Theme Options > Social List. You can also customize the label text (e.g., "Follow Us") or hide it entirely for a cleaner look.



2. Theme Footer

Displays a row of social icons at the bottom of your site, making them accessible on every page. This is a traditional placement that most users expect to see in a website’s footer. You can manage visibility, order, and customize the social networks that appear here through Theme Options > Social List. The footer social list offers a static and professional presentation for your social media links.



3. Sidebar - Frenify Social Widget

This widget displays a simple and clean list of social icons in your site’s sidebar. It’s perfect for maintaining a consistent presence on every page. You can add it by navigating to Appearance > Widgets and placing the Frenify Social Widget in your desired sidebar location.



4. Sidebar - Frenify Followers Widget

In addition to displaying social icons, this widget provides extra functionality by showing follower counts for each social network. It’s designed to grab attention and build credibility by showcasing your social media influence. Add it by navigating to Appearance > Widgets and selecting Frenify Followers Widget. The primary difference from the Frenify Social Widget is the modern design and the follower count feature.



Important Notes
  • If you enter a URL (e.g., for Facebook) but do not enable it in the Visibility and Order settings, it will not be displayed.
  • Similarly, if you enable a social network through the Visibility and Order settings but do not enter a URL, the icon will not be shown. Make sure both the URL and visibility are correctly configured for each social platform you want to display.
#28 How to set up category megamenu?