👍 We've just released Mundana, a new WordPress theme like Medium! Check it out

This is Mundana documentation (more on this product here). You can skip the documentation with our 24h theme installation service. Whether it’s your own website or a client's, we can take the burden of installation off your shoulders. Theme installation includes full setup of the theme, plugins, settings, and demo content. Your website will look just like the demo within a few hours!

🧙‍♂️ Ok, install my theme today →

Installing WordPress

Mundana is a Wordpress theme, so you must install Wordpress first. There are several ways to install WordPress but the easiest way would be to use one of the one-click autoinstallers available from you hosting company. Click here to learn how to install WordPress with the most popular autoinstallers, WordPress Toolkit, Cloudron, Fantastico, Installatron, and Softaculous.

Installing a Theme

There are two ways to install a WordPress Theme. We recommend you the first one.

1. Via WordPress Dashboard

To Install a Theme via WordPress Dashboard follow these steps:

  1. Go to your WordPress Admin Panel & Log in (wp-admin)
  2. Go to Appearance/Themes/Add New
  3. From top, Click on Upload Theme
  4. Choose the theme ZIP file you’ve downloaded & Click Install Now
  5. Click on Activate to active the theme

2. Via FTP

To install a WordPress Theme via FTP, follow these steps:

Use a FTP such as Filezilla.

  1. Open Filezilla
  2. Enter the FTP account details provided by your web host in Host, Username & Password field

    Host: Server hostname (ftp.mywebsite.com)
    Username: Username
    Password: Password
    
  3. Once connected, you’ll see two panels: left - shows the files on your computer & right - shows the files currently on the web server.
  4. Locate your root folder (Ex: public_html)
  5. Extract the theme file; drag & drop the unzipped theme folder to wp-content/themes directory.
  6. If you’re done uploading files, to disconnect just click the disconnect icon
  7. Activate the theme from Appearance/Themes

Import Demo

  1. Log into your site as an administrator. Make sure the theme and all required plugins are active before proceeding. Read the previous chapter to learn how to do that.
  2. Go to Tools → Import. Choose “WordPress” from the list.
  3. Upload this file (download it first to your computer).
  4. You will be asked to map the authors in this export file to users on the blog. Choose an existing user. You will then have the choice to import attachments, so click on the “Download and import file attachments” box. Wait while WordPress imports everything.

Before adding items to the menu, you must first define it.

theme docs

  1. Navigate to the WordPress Dashboard.
  2. From the ‘Appearance’, select the ‘Menus’ option.
  3. Choose Create a new menu at the top of the page
  4. Enter a random name in the Menu Name box
  5. Click the Create Menu button.

That’s it! You’ve just created a custom menu. Now let’s add some items to it!

theme docs

  1. Notice the pane entitled Pages.
  2. Within this pane, click the View All link to display a list of all the published Pages on your site.
  3. Choose the Pages that you want to add by clicking the checkbox.
  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  5. Click the Save Menu button once you’ve added all the menu items you want.

Great! Now the final step, make the menu visible in site. “Mundana” theme has 2 menu locations: main menu & extra menu.

  1. Scroll to the bottom of the menu editor window.
  2. In the section titled Theme locations, click the check box for the location where you want your menu to appear:

mundana menu locations

  1. Click Save menu once you’ve made your selection.

The menu should be now visible in website.

Home Layout

“Mundana” does not have a complicated layout. Basically, all you have to do is post. The articles will nicely arrange in their order:

mundana home

How to stick a post

  • Go to Dashboard/Posts
  • In the right side menu, Click Edit link
  • Click Stick this post to the front page option

Do not set more than 1 sticky post at a time.

“Mundana” displays popular posts in home, categories, tags by the number of claps. Make sure you have our plugin WP Applause Button installed and active.

Category Image

“Mundana” displays a list of categories with thumbnails. In order to assign thumbnails to categories, make sure you have Categories Images plugin installed. Then navigate to Dashboard/Posts/Categories, select each category and assign the appropriate image.

Customizer (Theme Options)

Navigate to Appearance/Customize/Mundana from your WordPress dashboard. You will be taken directly to the Customizer where you will be able to set all theme options:

mundana customizer

Theme Style

mundana theme style

From Appearance/Customize/Mundana/Theme Style you have the option to set the following:

  • body background color
  • navbar background color
  • navbar text color
  • container width
  • article links color
  • comments accent color
  • submit button color
  • home featured post background
  • home featured post color

Typography

mundana typography

From Appearance/Customize/Mundana/Typography you have the option to set the following:

  • body font family, size, color
  • logo font family, size, text-transform, letter-spacing
  • article font family, size, color, headlines
  • home featured post font family, size, line-height

Logo & Nav

mundana logo and nav

From Appearance/Customize/Mundana/Logo & Nav you have the option to set the following:

  • logo image upload
  • header search on/off
  • justify main menu on/off

mundana social links

From Appearance/Customize/Mundana/Social Links you have the option to set the following:

  • facebook link
  • twitter link
  • youtube link
  • pinterest link
  • linkedin link

These links will appear in article’s bottom bar, but you have the option to disable some or all of them, as you’ll see later:

mundana social links

Articles

mundana articles

From Appearance/Customize/Mundana/Articles you have the option to set the following:

  • Disable Author
  • Disable Reading Time
  • Disable Article Date
  • Disable Twitter Share
  • Disable Facebook Share
  • Disable Pinterest Share
  • Disable Linkedin Share
  • Disable Share
  • Disable Categories
  • Disable Tags
  • Disable Related Posts

Article Alert Bar

mundana alert bar

From Appearance/Customize/Mundana/Article Alert Bar you have the option to set the following:

  • Disable Social Links
  • Disable Up Next

mundana social links

Newsletter Alert Bar

From Appearance/Customize/Mundana/Article Alert Bar you can disable social links and still keep your alert bar for announcements or even newsletter forms, simply edit the textarea (supports HTML):

mundana newsletter alert bar

mundana alert bar

The shortcode for the newsletter form can be obtained through your newsletter plugin. The example shown in screenshot is using Mailchimp for WordPress plugin but you can, of course, use your own newsletter client. Contact us if you need help styling it.

mundana footer

From Appearance/Customize/Mundana/Footer you have the option to set the following:

  • left footer text
  • right footer text

Both support HTML.

Tracking Code

mundana footer

From Appearance/Customize/Mundana/Footer you have the option to set the following:

  • add tracking code before </head>
  • add tracking code before </body>

Other

mundana other options

From Appearance/Customize/Mundana/Other you have the option to set the following:

  • fallback for Schema.org image
  • disable Theme Schema
  • disable categories list (appearing on homepage)

Widgetized Areas

Navigate to Appearance/Widgets/. You will notice “Mundana” has 5 widgetized areas.

mundana-widgets

In our demo we have a widget in the “After Article” area for our newsletter form but you can of course, add your own widgets:

mundana newsletter widgets

Login & Register Modals

The reason behind this approach is making the publishing experience for your guest/users as smooth as possible. Your visitors can post as a guest or as registered users. We wanted to provide a quick ajax sign up in order to keep your potential publishers on the website.

To enable the login/register modals, you must have Ajax Login & Register plugin installed and active.

Then visit your menu and add a “Login” or “Register” item:

mundana login popup menu

You can set the options of the plugin by navigating to Dashboard/Settings/Login & Register modal.

mundana login modal

This is a great feature for your website. You have the option to

  • show a menu link to guests only
  • show a menu link to logged in users only
  • hide a menu link from guests only
  • hide a menu link from logged in users only

In example, our demo shows a “My Account” link to logged in users only.

How can we do that? We add a class lrm-show-if-logged-in to the menu item:

mundana login modal

On the contrary, to hide a menu link from logged in users, we use lrm-hide-if-logged-in.

Confused? Let’s sum this up in a simple way:

  • hide a menu link from logged in only: lrm-hide-if-logged-in
  • show to guests only: lrm-hide-if-logged-in
  • hide from guests only: lrm-show-if-logged-in
  • show a menu link to logged in only: lrm-show-if-logged-in

Guest/User Publishing

Activating the required plugin

“Mundana” is made compatible with the free version of WP User Frontend to serve your possibility of allowing guests/users to publish posts on your website. Make sure you have the free version installed and active. Follow the set up process, let the plugin create the necessary pages.

Notes

The plugin usually installs the necessary pages on activation. However if you missed that part, create them yourself. You will only need these pages:

  • A page named My Account with the shortcode: [wpuf_account]. This page should be linked from the menu to logged in users. This is where the users can edit their profile and publish/edit posts:

mundana account

  • A page named Edit with the shortcode [wpuf_edit].

  • A page named Login with the shortcode [wpuf-login].

  • a page named Registration with shortcode [wpuf-registration]

Set your publishing options

Next, navigate to Appearance/User Frontend and set the options. Here are the screenshots of the options set in our demo to make your work easier:

mundana uf general

mundana uf posting

mundana uf dashboard

mundana uf account

mundana uf login registration

mundana uf paymentss

mundana uf emails

Create “Publish a story” page

Now that you have completed the settings, let’s create a the “Publish a story” page, where your guests/users will actually publish their posts.

Navigate to Appearance/Frontend/Forms. Create a form and copy the generated shortcode.

mundana publish story

mundana publish story

Paste the shortcode in a newly created page called Publish a story (or whatever name you wish).

If you want to add a note for the non logged in users, you can wrap the paragraph between [visitor_access]...[/visitor_access]. Our demo has such a note where we recommend te guests to sign in or register.

mundana publish story

mundana publish story

Frontend output:

mundana publish story

That’s it! You now have a full guest/users publishing system.

WP User Frontend Pro

“Mundana” is compatible with the free plugin User Frontend, a perfect solution to create your own guest/user publishing system on your WordPress website. However, you can extend your options in conjunction with WP User Frontend PRO to add even more possibilities such as restricting the content of your WordPress content and keeping the page content visible for only paid subscribers. You can check out more options here.

WordPress not sending emails?

This happens. Post SMTP plugin will help you fix this issue. It has a powerful Setup Wizard for perfect configuration to send e-mails through your WordPress website.

Contact Form

“Mundana” uses Contact Form 7 plugin to showcase the contact form in demo, but you can, of course, use any plugin you wish. For Contact Form 7 here is the form content:

<div class="row mb-4">
<div class="col-md-6">[text* your-name placeholder="Name"]</div>
<div class="col-md-6">[email* your-email placeholder="E-mail"]</div>
</div>
[textarea* your-message placeholder="Message"]
[submit "Send"]

<style>
.wpcf7-form-control, .wpcf7-form textarea {width:100%;}
.wpcf7-form textarea {height:200px;}
</style>

Speed Optimization

“Mundana” is already lightweight and built with speed performance in mind, but there are some things that you must do to get an A speed score. Please, install Breeze plugin.

Once the plugin active, navigate to its Settings and follow the configuration:

mundana breeze

For Advanced Options:

Never cache these URLs

https://www.themepush.com/demo-mediumish/write-for-us/
https://www.themepush.com/demo-mundana/publish-a-story/
https://www.themepush.com/demo-mundana/edit/
https://www.themepush.com/demo-mundana/account/

Replace: https://www.themepush.com/demo-mundana/ with your own WordPress link.

Exclude JS:

https://www.themepush.com/demo-mundana/wp-content/plugins/kirki/modules/webfont-loader/vendor-typekit/webfontloader.js
https://www.themepush.com/demo-mundana/wp-includes/js/jquery/jquery.js

Replace: https://www.themepush.com/demo-mundana/ with your own WordPress link.

JS files with deferred loading.

https://www.themepush.com/demo-mundana/wp-content/plugins/kirki/modules/webfont-loader/vendor-typekit/webfontloader.js
https://www.themepush.com/demo-mundana/wp-includes/js/jquery/jquery.js

Replace: https://www.themepush.com/demo-mundana/ with your own WordPress link.

Save and that’s it. Please, make sure you test with an emptied cache browser. Check and see if everything is working as expected.

Create Child Theme

If you want to use a child theme, we recommend you to easily create a child theme with this Child Theme Configurator plugin.

Mundana

If you’d rather create it manually, please, read our detailed article: “Protect Your WordPress Customizations with a Child Theme”.

Translate Theme

"Mundana" theme is translatable. All you have to do is to install a specific plugin so you can easily translate the theme in your own language. We recommend you Loco Translate plugin.

loco-translate

Icons

"Mundana" theme has Font Awesome integrated. This means you can use any icon from this list anywehere in your site with a simple code: <i class="fa fa-telegram"></i>. Of course, you will replace telegram with the keyword corresponding to the icon you wish to use. More examples:

<i class="fa fa-envelope-open"></i>
<i class="fa fa-commenting"></i>
<i class="fa fa-flag"></i>

Images

You can get free images for your website at Unsplash.com.

Get Support

"Mundana" documentation is always evolving. If you have questions, please, submit a ticket here. Also, don't forget to subscribe for news, updates & releases!

Share