Mudita Documentation

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Documentation:

Thank you for choosing Mudita! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to post your questions on our support forum and our support team will be happy to assist you.

Congratulations!

 You have chosen one of the most beautiful WordPress  Theme created with love. 

The main goal of the documentation is to provide guidance and walk-through to set up the theme for your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. First, we'll make sure that everything is ready for the installation, then we'll set up the theme, and cover some initial configuration and customization options.

Getting Started

Let’s get started! First, make sure that you have all the necessary things required to install Mudita.

Theme Requirements

Make sure you have the latest version of WordPress installed, by checking the updates tab from your current WordPress dashboard.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/ .

Theme Requirements

Although Mudita will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme ZIP file, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

 

Theme Files

Mudita includes:

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Mudita theme. You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Method 1 ( Recommended) : Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard.Themes
  3. Click on the Add New button. Add-New-Theme
  4. Click on the Upload Theme link.
  5. Click on Choose File, select the mudita.zip file from your computer and click upload.Upload-theme2
  6. Click Install Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “mudita.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress install files.
  4. Upload the un-zipped Travel Diaries folder into the: wp-content/themes folder.

For More Information about installing theme using FTP visit :http://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Installing Plugins

Installing Plugin:

To install a plugin in your WordPress admin panel and follow the following steps.

  1. Navigate to Plugins > Add New.
    Install Pluglin
  1. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  2. Click Details to read more about a plugin.
  3. Click “Install Now” if you wish to install the plugin.Plugin-Install-Web
  4. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  5. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.Plugin-Activate

Recommended Plugins:

We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by: Automattic

The plugin provides a variety of complementary features for your Theme.

  1. Regenerate Thumnails by Alex Mills (Viper007Bond)

If you have existing content, this will help you update your image thumbnails sizes.

Home Page Setup

To set up the homepage you must first create a new page.

To create a new Page

  1. Go to Pages > Add New.
    Add Page
  1. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.
  2. Select the Homepage Template from the Page Attributes section.
  3. Click Publish.
    New-page

Configuring the front Page display setting

  1. Go to Appearance>Customize > Default Settings> Static Front Page.
  2. Select A static page under Front Page displays
  3. Choose the page you just created as Front page.
  4. Click Save & Publish.

Static-Front-page

Site Identity

To set up Site Identity,

  1. Go to Appearance> Customize> Default Settings > Site Identity
  2. Click Select logo by clicking Select Logo.
  3. Upload and select the desired image.
  4. Enter the Site Title and Tagline
  5. Check Display Header Text for the Site title and Tagline to appear on your homepage.
  6. Click Select Image under Site Icon
  7. Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)
  8. Click Save & Publish.
    Mudita-Site Identity

Colors

  1. Go to Appearance> Customize> Default Settings >Colors
  2. Change the Background Color by clicking on the respective Select Color button
  3. Click Save & Publish.
    Colors

Background Image

  1. Go to Appearance> Customize> Default Settings >Background Image
  2. Click Select Image.
  3. Upload and Select a Background Image
  4. Click Save & Publish.
    background Image

Header Settings

  1. Go to Appearance>Customize>Header Settings.
  2. Check Enable Header Info
  3. Enter your details on Header Phone.
  4. Enter Save & Publish.
    Header Settings- Mudita

Home Page Settings

  1. Go to Appearance>Customizer>Home Page Settings>Banner Section
  2. Check Enable Banner Section
  3. Select Banner Post. The feature Image of the selected Post will Appear as a Banner Image.
  4. Enter Read More Text
    Banner Section

Featured Section
Featured-Section

  1. Go to Appearance>Customizer>Home Page Settings>Featured Section
  2. Check Enable Featured Section.
  3. Enter Featured Section Title and Featured Section Content.
  4. Select The Featured Post One, Featured Post Two, Featured Post Three and Featured Post Four.  The Feature Image of the selected posts will be displayed under the section in the Homepage.
  5. Enter Read More Text.
  6. Click Save & Publish.
    Featured Section- Setting

Service Section<Service-Section

  1. Go to Appearance>Customizer>Home Page Settings>Service Section
  2. Check Enable Service Section.
  3. Select Service Post One and Service Post Two. The feature Image of the selected posts will appear under this section.
  4. Enter Read More Text.
  5. Click Save & Publish.
    Service Sector Setting

Team Section
Team-Section

  1. Go to Appearance>Customizer>Home Page Settings>Team Section
  2. Check Enable Team Section.
  3. Enter Team Section Title and Team Section Content.
  4. Select Category for Team Section. The Content and the feature image of the posts under the selected category will be displayed under the Team Section
  5. Click Save & Publish.
    Team Section Setting

Blog Section

  1. Go to Appearance>Customizer>Home Page Settings>Blog Section
  2. Check Enable Blog Section.
  3. Enter Blog Section Title
  4. Check Enable Blog Date to display the blog date.
  5. Click Save & Publish.
    Blog section setting

Testimonial Section
Testimonial-Section

  1. Go to Appearance>Customizer>Home Page Settings>Testimonial Section
  2. Check Enable Testimonial Section.
  3. Enter Testimonial Section Title and Testimonial Section Content.
  4. Select Testimonial Post One, Testimonial Post Two and Testimonial Post Three
  5. Click Save & Publish.
    Testimonial Section Setting

Breadcrumb Settings

  1.  Go to Appearance>Customizer>Breadcrumb Settings
  2. Check Enable Breadcrumb
  3. Check Show Current, if you wish to display the current Page on the breadcrumb.
  4. Enter Breadcrumb Home Text
  5. Enter Breadcrumb Separator
  6. Click Save & Publish
    Breadcrumb Settings

Social SettingsSocial media

  1. Go to Appearance>Customizer>Social Settings
  2. Check Enable Social Section
  3. Enter Social Section title and link of your social Media Pages.
  4. Click Save & Publish.
    Social settings

Custom CSS Settings

For WordPress Version 4.7 and below:  

  1. Go to Appearance >Customize>Custom CSS settings.
  2. Enter the required custom CSS. For example, to change the body font size to 17 Pixels:
  3. body{font-size: 17px}
  1. Click Save & Publish.
    css

For WordPress Version 4.7 and above:  

  1. Go to Appearance> Customize> Additional CSS
  2. Enter the Additional CSS
  3. Click Save & Publish.
     

Custom Menu

The Mudita allows you to have two custom menus. The Primary Menu appears as an off canvas menu .The Secondary Menu appears on the header bar alongside the contact detail.
Menu

Option 1:

  1. Go to Appearance > Customize>Menus  in the WordPress Dashboard
  2. Click on Add new menu button.
    Menu-1
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
    menu2
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Check the Menu locations to either Primary or Secondary.
  7. Click Save and Publish after adding required pages, categories in the menu.

Option Two

  1. Go to Appearance > Menus in the WordPress Dashboard
  2. Click on Create a new menu link. menu4
  3. Give a name to your menu in Menu Name and click Create Menu button.menu3
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Check the box for “Primary Menu” under “Theme locations” if you want the menu to appear below the header bar. Check the box for “ Secondary Menu” under “ theme location” if you want the menu to appear on the header bar along side the search box.
  7. Click Save Menu after adding required pages, categories in the menu. menu5

Create a New Page

  1. Go to Pages > Add New.
    Add Page
  2. Enter the Page Title for the Page
  3. Write the required Text in the content section
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.
    new-page

Setting up a Blog

To create a blog page, You first need to  create a page for it. To create a page.

  1. Go to Pages> add New
    Add Page
  2. Enter the Page Title for the Page
  3. You do not require to enter anything in the content section for creating a home page.
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.Add New Page ‹ Business — WordPress

Configuring the Page display setting

Go to Appearance>Customize > Default Settings> Static Front Page.

Choose the page you just created for the Blog as Posts Page.

Click Save & Publish.
Blog

Add a Post

  1. Go to Posts>Add new.
    Posts-add-new
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Adding Excerpt in the Post

  1. For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.
  2. Click Edit below the post name.
    adding excerpt one
  3. Click on the Screen Option on the top left side of the screen.
    adding-excerpt-2
  4. Check Excerpt.
    adding-excerpt-4
  5. A content box for excerpt will appear below the content section. Enter the required details.
    adding-exert-5
  6. Click Publish or Update

Post Formats

This theme has built-in functionality for all the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.Post Format

Gallery Post Format

For  Gallery Post Format in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

  1. Navigate to Jetpack>Settings on the dashboard
  2. Activate the Carousel and Tiled Galleries option by clicking Activate link.Jetpack-gallery
  3. Navigate to the Post where you want to insert the gallery and come its Edit window.
  4. Choose Gallery Post Format
  5. Click Add Mediajet-pack-1
  6. Click Create Gallery
  7. Upload and select the desired images for the gallery and click create a new Gallery.jetpack3
  8. Choose the desired Size and Type of your gallery display.
  9. Use drag and drop to order the picture.
  10. Click Insert Gallery.
    jetpack 4
  11. Click Preview to preview the post and click Publish when you are satisfied.

Widgets:

The Mudita offers three custom widgets: Rara Feature Post, Rara Recent Post and Rara Popular Post along with the WordPress default widget options. You can add and remove widgets by following the steps below:

Adding a widget:

Option 1:

  1. Navigate to Appearance> Widgets
  2. There are four widget spaces, including Right sidebar and three footer.
  3. Drag the desired widget to  the desired widget space. There is a description of each included widget that you can choose from.
    widget1-TM

Option 2:

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click Add a Widget. There is a description of each included widget that you can choose from.
  4. Click on the desired widget.
  5. Drag and reorder the widget as desired

Click Save& Publish.
Widget- OPt

 

Remove  Widget

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)
  3. Click the widget you want to delete and click delete.
  4. Click Save Changes.
    widget-td.jpg

Quick Specs

All measurements are recommended and in pixels.

Custom Logo

Width: 230px

Height: 50px

Banner Image

Width: 1920 px

Height: 1023 px

Featured Posts ( HomePage)

Width: 280px

Height:190px

Team Section ( Home Page)

Width: 356px

Height: 582 px

 Blog Section ( Homepage)

Width: 380px ‘

Height: 250px

Testimonial Post One ( HomePage)

Width: 280px

Height: 441px

Testimonial Post Two and Three ( HomePage)

Width: 268px

Height: 221px

Blog Featured Image ( with Sidebar)

Width:  780px

Height: 400px

Blog Featured Image (without Sidebar)

Width:  1200px

Height: 400px

Featured Post Widget

Width:  330px

height: 218px

Helpful Tips :

  1. We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit : https://codex.wordpress.org/Child_Themes
  2. Always keep Backup of your theme before making any changes to the theme.
  3. If you get any problem in using the them, you can do the following things:
    • Deactivate the plugins, sometime plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace latest modified code with the original code.
    • If the issue still pertains, feel free to post your questions on our support forum.

 

 

Get all our 17 premium themes worth $1173 at just $199! Lifetime Access and Updates.Get it Now!
+

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match