[Doc] How To Setup Mudra – Free Responsive WordPress Theme

This post contains instructions on how to setup free Mudra WordPress theme on your WordPress blog along with the information & documentation on the features provided.

Setup Mudra

If you still have not installed Mudra – Free Responsive WordPress Theme on your awesome WordPress blog then you are missing various premium-level features along with the most popular and sought-out blog design.

How To Setup Mudra – Free Responsive WordPress Theme

For installation instructions, check the link attached above. After the successful installation and activation, you need to setup the theme in order to enable and/or disable theme features according to your needs.

To setup Mudra – Free Responsive WordPress Theme, login to your WordPress admin dashboard and follow the instructions below.

Homepage Settings

Make sure that your blog homepage displays your latest blog posts.

  • Navigate to SettingsReading
  • Set Your homepage displays to Your latest posts
  • Click on the Save Changes button.

Thumbnails (Featured Images & Related Posts Images)

Mudra theme uses custom image sizes for featured images and as well as related posts images.

Featured Image Size : 640×320
Related Post Image Size : 350×196

When you switch themes, the images will not get cropped automatically to the new custom sizes. You have to make use of a plugin to regenerate new custom size thumbnails. We recommend ‘Regenerate Thumbnails’ plugin.

To do this, navigate to Plugins > Add New and then type ‘Regenerate Thumbnails’ on the search field and then hit enter on the keyboard. Click on the Install Now button and then Activate the plugin.

Now, navigate to ToolsRegenerate Thumbnails and then click on the Regenerate Thumbnails For All Attachments button. Wait till the thumbnail regeneration process is completed.

Widgets

Make sure that all the previously active widgets are on the right place.

  • Navigate to AppearanceWidgets
  • If any of the previously active widget is missing for some reason, scroll down and check the Inactive Widgets section. Drag the inactive widget to its appropriate place.

Customize

To customize and setup the free Mudra theme and also access the Mudra Theme Options panel,

  • Navigate to AppearanceThemesCustomize

This is the place where you will be able to upload a custom logo for your blog, change colors, add an header image, assign menus and access additional Mudra theme options.

Custom Logo

Mudra theme provides options to either use a custom logo, or site title and tagline, or both. It all depends on the user’s choice.

  • Navigate to Site Identity panel.
  • Click on the Select logo option.
  • Upload or select an image from the media library. The suggested logo dimensions is 220×60 pixels.
  • To hide site title and tagline while using custom logo, simply uncheck the Display Site Title and Tagline option.
  • If not unchecked, the site tile and tagline will also be visible alongside the custom logo.

Custom Colors

Mudra theme provides options to select custom colors for certain elements of your WordPress blog. Elements like text, links and buttons.

  • Navigate to Colors panel.
  • Header Text Color : Sets custom color for the blog header text i.e, site title and tagline.
  • Background Color : Sets custom color for the blog/website background.
  • Text Color : Sets custom color for the content text.
  • Link Color : Sets custom color for the links.
  • Link Color (on hover) : Sets custom color for the links when someone hovers on them.
  • Button Color : Sets custom color for the buttons.
  • Button Color (on hover) : Sets custom color for the buttons when someone hovers on them.

Custom Header Image

Mudra theme supports custom header image functionality. The selected header image will act as the background image for the site header.

The theme works best with an header image of size 1100×120. You will be able to crop your header image once you upload it for a perfect fit.

  • Navigate to Header Image panel.
  • Upload or select an image from the media library. The suggested custom header image dimensions is 1100×120 pixels.

Background Image

Mudra theme supports custom background image functionality. The selected background image will act as the blog/website background.

  • Navigate to Background Image panel.
  • Click on the Select image option/button and then upload or select an image from the media library.
  • Preset : Select the preset of the background image from the following options.
    • Default
    • Fill Screen
    • Fit to Screen
    • Repeat
    • Custom
  • Image Position : Select the position of the background image.
  • Image Size : Select the size of the background image from the following options.
    • Original
    • Fit to Screen
    • Fill Screen
  • Repeat Background Image : If the image you used for the background is smaller in size then you can select this option to repeat the image throughout your blog/website background.
  • Scroll with Page : If you want the background image to be scrolled along with the blog/website then you can select this option.

Menus

Mudra theme can display menus in three locations.

  • Top Menu  – top left corner of the blog.
  • Header Menu – below site branding.
  • Footer Menu – bottom right corner of the blog.

To display menus,

  • Navigate to MenusView All Locations and then assign menus to your choice of locations.

Mudra Theme Options

Settings for various theme-specific premium-level features can be found under Mudra Theme Options panel.

Scroll Back To Top

This option will add a ‘scroll back to top’ button to the bottom right corner of your WordPress blog. The button will appear when a user scrolls down to at-least 250 pixels.

  • Navigate to Mudra Theme Options > General Settings
  • Check/uncheck the Scroll Back To Top option to show or hide the button.

Top Bar

Top bar is the area (top of the webpage) where top menu (on the left side) and social links (on the right side) are displayed. Hiding the top bar will automatically hide top menu and social links.

  • Navigate to Mudra Theme Options > Top Bar Settings
  • Check/uncheck the Display Top Bar option to show or hide the top bar.

Social Links

Got social accounts for your blog? Use this option to display social account links on the top bar (right side).

  • Navigate to Mudra Theme Options > Top Bar Settings
  • Check/uncheck the Display Social Links option to show or hide social account links on the top bar.
  • Enter social account links on the input boxes provided.
  • Supported social accounts : Facebook, Twitter, Linkedin, Instagram, Pinterest, Youtube and RSS.

Sticky Header Menu

This option allows the header menu bar to stick to the top of the webpage. The sticky behavior depends on the settings used.

  • Navigate to Mudra Theme Options > Header Bar Settings
  • Sticky Header Menu : Select the desired option below.
    • Disable : Disables the sticky header menu bar feature.
    • Always : Sticks the header menu bar to the top of the webpage when a user scrolls up and scrolls down.
    • On Scroll Up : Sticks the header menu bar to the top of the webpage only when the user scrolls up.

Header Search

This option displays a search icon (fully functional) on the right side of the header bar.

  • Navigate to Mudra Theme Options > Header Bar Settings
  • Check/uncheck the Header Search option to show or hide the search icon on the header bar.

Note: If the header menu is sticky, then the header search will also be sticky.

Breadcrumbs

Mudra theme incorporates breadcrumbs. Breadcrumbs are used by search engines to identify the locations of webpages. This feature helps search engines to understand your blog structure.

  • Navigate to Mudra Theme Options > Post Header Settings
  • Check/uncheck the Display Breadcrumbs option to show or hide breadcrumbs on your blog.

Blog/Archive Settings

Blog and archive related settings are grouped under this section.

  • Navigate to Mudra Theme OptionsBlog/Archive Settings
  • Select Entry Date : Changes the post date displayed below the post title on the blog/archive pages.
    • Hide : Hides the post date.
    • Posted on : Displays the post creation date.
    • Last updated on : Displays the post last modification date.
    • Posted on & Last updated on : Displays both the creation and last modification dates.
  • Display Entry Author : Check/uncheck to show or hide the author of the post on blog/archive pages.
  • Display Entry Comments : Check/uncheck to show or hide the number of comments of the post on blog/archive pages.
  • Display Featured Images : Check/uncheck to show or hide the featured image of the post on blog/archive pages.
  • Enter Excerpt Length : Enter the custom excerpt length. Only numbers allowed.
  • Read More Button : Enter the custom text for the Read More button.
  • Display Entry Footer : Check/uncheck to show or hide the tags and categories of the post on blog/archive pages.

Post Settings

Blog post related settings are grouped under this section.

  • Navigate to Mudra Theme OptionsPost Settings
  • Select Entry Date : Changes the post date displayed below the post title on the blog posts.
    • Hide : Hides the post date.
    • Posted on : Displays the post creation date.
    • Last updated on : Displays the post last modification date.
    • Posted on & Last updated on : Displays both the creation and last modification dates.
  • Display Entry Author : Check/uncheck to show or hide the author of the post on blog posts.
  • Display Entry Comments : Check/uncheck to show or hide the number of comments of the post on blog posts.
  • Display Featured ImageCheck/uncheck to show or hide the featured image of the post on blog posts.
  • Display Entry Footer : Check/uncheck to show or hide the tags and categories of the post on blog posts.
  • Display Post Navigation : Check/uncheck to show or hide the post navigation on the blog posts.
  • Display Author Box : Check/uncheck to show or hide the author box on the blog posts.
  • Related Posts : Changes the related posts displayed below the author box on the blog posts.
    • Hide : Hides the related posts.
    • By Categories : Displays the related posts based on post categories.
    • By Tags : Displays the related posts based on post tags.

Footer Settings

Footer related settings are grouped under this section.

  • Navigate to Mudra Theme OptionsFooter Settings
  • Display Footer Widgets : Check/uncheck to show or hide the footer widgets area.
  • Display Copyright Notice : Check/uncheck to show or hide the copyright notice on the bottom left corner of the blog.
  • Custom Copyright Text : Enter the custom copyright text here.
  • Support Theme? : Check/uncheck to show or hide the Mudra theme link beside the copyright text.

That’s it. If you still face any issues with the Mudra theme setup or has any suggestions for us then you can reach us via contact us form, or comment on this blog, or post your queries at Mudra – WordPress Support Forum.

Leave a Reply

Your email address will not be published. Required fields are marked *

14 − twelve =