Rara Readable Pro Theme Documentation

Thank you for choosing Rara Readable Pro theme!

We hope you’ll love this simple and elegant WordPress blog theme, designed specially for you to create visually appealing and eye-pleasing blogs.

Our team created it with a lot of hardwork and love. We want your website to prosper with Rara Readable Pro.

About This Theme Documentation:

This documentation covers the installation, the usage, and the different settings available in the customizer of the theme.

The main goal of the documentation is to provide you the guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. So, we encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need any kind of assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, 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.

How to use this Documentation?

We recommend you to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents given below.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Checklist for Getting Started:

  • Check WordPress Version and Update it.
  • Install and Activate Rara Readable Pro theme.
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

Single Post Image: 880 X 303

Full Width Image: 880 X 460

Medium Image: 425 X 222

Search Image: 320 X 300

Featured Image: 256 X 195

Related Posts Image: 270 X 140

How to Check and Update the WordPress version:

  • Log in to the WordPress admin panel.
  • Go to Dashboard > Updates and update the theme if there is any update available.

How to Install and Activate Rara Readable Pro Theme

After you have the latest version of WordPress, save the downloaded Rara Readable Pro theme file (rara-readable-pro.zip) somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Rara Readable Pro theme file includes:

A WordPress Theme Files (in .zip format) — This (rara-readable-pro.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

Now, to install and activate the theme follow these steps or the above gif:

  • Log in to WordPress Dashboard.
  • Go to Appearance > Themes.
  • Click on Add New button.

  • Click on Upload Theme.

  • Click on “Browse…”, select the “rara-readable-pro.zip” file from your computer and click Open.
  • Click Install Now.

  • After the theme is installed, click on Activate to use the theme on your website.

Installing Recommended Plugins

You must install and activate the following plugins to get the best out of Rara Readable Pro theme.

Rara One Click Demo Import by Rara Theme: This plugin enables you to import the demo content, including settings of the widgets and the customizer with a single click. This will give your website the preview of the theme, so you will have the basic guideline for making your website.

AMP by Automattic: This plugin enables and supports Accelerated Mobile Pages (AMP) Project. This is an open source initiative that attempts to provide mobile optimized content that loads instantly everywhere.

How to Install Recommended Plugin:

  • Go to Appearance > Install Plugins
  • Click “Install” to install the plugins.

  • Click “Activate” to activate the plugins.

How to Setup the Front/Landing/Home Page

To get started with customizing the theme, you first may need to set up a front page. To make the theme look like demo, you need to select the homepage display as the latest posts. The latest posts are selected by default when you first install the WordPress. But, if you are using the theme on an existing WordPress installation, make sure your front page is set as latest posts.

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Homepage Settings
  • Select Your latest posts under Your homepage displays.
  • Click Publish.

How to Add/Edit a Logo and Favicon (Site Icon)

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Site Identity
  • Click Select Logo and upload your logo.
  • Enter Site Title and Tagline.
  • Check Display Site Title and Tagline if you want to show your website’s name and tagline.
  • Click Select Image and upload Image for Site Icon (favicon).
  • Select the font, font style, and font size for the site title and tagline.
  • Click Publish.

Theme Panel

Site Identity

This option helps you add logo, title, tagline, and site icon (favicon) on your website. Refer to How to add/edit a Logo and Favicon (Site Icon) section of this documentation.

Colors (Change Color of the Theme)

You can change the background color, site identity color, primary color scheme, footer background color, footer widget title color, and footer text color scheme.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Colors
  • Click on “Select Color” and pick a color to change the color of the desired location.
  • Click Publish when you are satisfied.

Layouts

You can change the style and layout of your theme from here. You can choose from 4 Header layouts, 7 Slider layouts, 21 Home Page layouts, 21 Archive Page layouts, and 5 Single Post Page layouts. You can also choose from 4 different pagination styles.

Header Layouts (Choose from 4 styles)

  • Go to Appearance > Customize > Layouts> Header Layout
  • Choose the layout you like the most.
  • Click Publish.

Home Page (Choose from 8 styles)

  • Go to Appearance > Customize > Layouts > Home Page
  • Choose the style you want to use for the home page.
  • Click Publish.

Archive Page (Choose from 8 styles)

  • Go to Appearance > Customize > Layouts > Archive Page
  • Choose the style you want to use for the archive page.
  • Click Publish.

Single Post/Page Layout (Choose from 2 styles)

  • Go to Appearance > Customize > Layouts > Single Post/Page Layout
  • Choose the style you want to use on the post page. If you are not using the right sidebar on the posts, the style will adapt accordingly.
  • Click Publish.

Pagination – Auto Infinite Scroll and more

  • Go to Appearance > Customize > Layouts > Pagination
  • Choose the pagination style for posts. You can use numbers, next/previous, load more button, or auto infinite scroll.
  • Click Publish.

Typography

You can change the fonts of your contents and Heading tags here.

  • Log in to your WordPress Dashboard.
  • Go to Appearance> Customize> Typography
  • Select the content type to change its typography.

  • Configure Font family, Style, and Size.

  • Click Publish.

Appearance Settings

Single Post/Page Fallback Image

You can select the fallback image for the single post or page from here.

  • Log in to WordPress Dashboard.
  • Go to Appearance > Customize > Appearance Settings > Single Post/Page Fallback Image
  • Click on “Add new image” tab.
  • If you don’t want any image to be seen, click on “Hide image”.
  • Click Publish when done.

Background

You can change the background image and background style (image or pattern) from this panel.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Appearance Settings > Background
  • Click on “Select image” tab to add background image from your computer.

  • Click on “Remove” to remove the image. Click on “Change image” to change the background image.
  • Adjust the Image Position as per your preference and choose the Image Size.
  • Click Publish when you are satisfied.

Or, you can also choose your background as pattern. To do this,

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Appearance Settings > Background
  • Select the pattern you like from the available Background Pattern options.
  • Click on “No bg” pattern to remove the pattern.
  • Click Publish when you are satisfied.

General Settings

From this panel, you can add/edit social media settings, social sharing, SEO settings, posts and pages settings, and other miscellaneous settings.

Social Media

You can add social media links and enable/disable social media on the header from here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Media
  • Enable Social Links. Blue is enabled. When you enable the social links, social media icons will be displayed in the header.

  • Click “Add new links” button to add a social media icon.
  • Enter the icon and link for the social media. Click on a link to edit it. Click on “Remove” to remove a social icon.
  • Click Publish.

SEO Settings

You can enhance your website’s SEO from here. You can enable last update date on single post page here. You can also enable/disable breadcrumb in this panel.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > SEO Settings
  • Enable Last Update Post Date to boost your SEO. Blue is enabled. When you enable this, Google can read the post updated date and index your latest content.
  • Enable Breadcrumb. Blue is enabled. Breadcrumb helps in better navigation for search engines and users.
  • Enter the Home Text for Breadcrumb.
  • Enter the preferred separator for Breadcrumb texts.
  • Click Publish.

Post (Blog) & Pages Settings

You can manage single post page settings like excerpt, related posts, popular posts, etc.

    • Log in to WordPress Admin Panel.
    • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
    • Enable Blog Excerpt if you want to show summary of the posts. Blue is enabled.
    • If enabled, select the number of words for the blog excerpt (Excerpt Length) and read more label (Read More Text).
    • Select the post metadata types and their order to be displayed in blog or single page.
    • Enable “Hide Prefix in Archive Page” if you want to hide the prefix “Category:” from the category archive page.
    • Enable Show Custom Header as a Fallback Image if you want to set a header as the fallback image.
    • Enable Show Tags if you want your post tags to be displayed. Blue is enabled.
    • Enable Show Post Navigation to display post navigations.

 

  • Enable “Hide Author” if you don’t want to show author section on the blog page.

 

  • Enable Show Related Posts if you want to display the most relevant posts in single page.
  • Enter the label for related posts section.
  • Select the taxonomy for related posts. If you choose category, the posts of the same category as the post will be displayed as related posts. If you select tags, the posts associated with the same tags as the post will be displayed as related posts.
  • Enable or Disable displaying of the comments.
  • Enable or Disable highlighting the author’s comments.
  • Click Publish when done.

Social Sharing

You can add social sharing buttons on the post page and archive page. You can add Facebook, Twitter, Pinterest, Google Plus, LinkedIn, Email, StumbleUpon, and Reddit.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Social Sharing
  • Enable Social Sharing Buttons. Blue is enabled.
  • Click on the eye icon at the beginning of a social network to enable or disable it.
  • Drag the social media up or down to arrange them.
  • Click Publish.

Misc Settings

You can enable/disable admin bar, header search, sticky header, and fallback image.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Misc Settings
  • Enable or Disable Admin Bar.
  • Enable Header Search if you want to show search form on the header.
  • Enable Sticky Header if you want to make your navigation menu sticky. The navigation menu will float with the content if you enable sticky header.
  • Enable or Disable the option of showing a fallback image.
  • Enable or Disable showing a “Scroll to Top” button on the bottom of the page. If enabled, you can select from a wide range of icons for the button by visiting Font Awesome.
  • Click Publish.

Sidebar Settings

You can add and configure sidebars here. But, to add tools to the sidebar you should go to Appearance > Widgets.

Add a Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance > Customize > Sidebar Settings
  • Click Add new sidebar.
  • Give the sidebar a name.
  • Click Publish.

You can see the new sidebar in Appearance> Widgets. Add a widget to the sidebar and click Save to configure the newly created sidebar.

Configure Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sidebar Settings
  • Select Sidebars for various Pages, like Blog Page, Single Page, Single Post Page, etc. The sidebar selected under the particular pages will only be displayed on the page. For example: Blog Page Sidebar appears only on blog page.
  • Click Publish.

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard. This theme supports two menus: Primary and Secondary. If you need more than two menus, you can add them in the sidebar using “Navigation Menu” widget.

Create a New Menu from Customizer

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize> Menus in the WordPress Dashboard.

  • Click on Create a New menu button.
  • Give a name to your menu and select the Menu Location as Primary. If you plan to use widget, you can skip this for now and create menu from Appearance > Widgets.
  • Click Next.

  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
    Click “+” icon on the items list to add the item to the menu.
  • Drag and Drop the added items to rearrange them.
  • Click Publish.

Create Menu from Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Menus in the WordPress Dashboard.

  • Click on “create a new menu”.

  • Give a name to your menu in Menu Name and click Create Menu button.

  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.
  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary or Footer.
  • Click Save Menu.

Widgets

You can add the widgets to the sidebar in two ways – via Dashboard and Customizer.

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize > Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired location: Primary Sidebar or Footer (where you want to add widgets to)
  • Click on Add a Widget to add widgets.
  • Select desired Widgets and give title to the widget.
  • Click Add a Widget to add more widgets in the sidebar.
  • Drag and reorder the widget as desired.
  • Click Publish.

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Widgets
  • Available widgets are listed on the left hand side while Sidebars are listed on the right side (including the sidebars you create)
  • Drag and drop the widgets to the desired sidebars. Or, click on the widget and select the sidebar you want to add the widget to.

AMP

You can edit the look and feel of the Accelerated Mobile Pages (AMP) of your blog from here. To edit:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > AMP > Design
  • Select the color for your header text, header background, and link color.
  • Choose light or dark color scheme.
  • Click on ‘Navigate to an AMP compatible page’ to preview the changes.
  • Click Publish when done.

Footer Settings

The theme allows you to add your own desired credit or copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Enable Hide Author Link if you do not want to display your author link in the footer section.
  • Enable Hide WordPress Link if you do not want to display your WordPress link in the footer section.
  • Click Publish when satisfied.

WooCommerce Settings

You can set up and manage your WooCommerce from this panel. The theme allows you to put up Store Notice on your blog, display Product Catalog as well as Product Images.

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > WooCommerce
  • To show events or promotions to visitors site-wide, go to Store Notice.
  • To display product catalog, go to Product Catalog and select the products or categories to be displayed, method of sorting the product, number of products to be shown in each row, and rows per page.
  • To upload or change product image settings, go to Product Images and choose the main image width, thumbnail width, and thumbnail cropping ration.
  • Click Publish when satisfied.

Additional CSS

You can add extra CSS codes here. If you want to modify the color, fonts, or any other CSS effects, you can enter the code here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Additional CSS
  • Enter your code.
  • Click Publish when you are done.

Useful Tips

  • We highly recommend to use 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. You can create a child theme using a plugin or manually by following the official guide.
  • Always keep a BackUp of your theme before making any changes to the theme.
  • If you get any problem in using the theme, you can do the following things:
    • Deactivate the plugins, sometime plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace the latest modified code with the original code.
    • If the issue pertains, feel free to contact us using our Support Ticket.
Get all our 27 premium themes worth $1863 at just $99! Limited time offer.Get IT NOW!
+ +

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close