latest version

Rota Documentation

General Information

General Information

Thank you for purchasing Rota! We’re very pleased that you have chosen our theme to use on your website. We’re doing our best not to disappoint you! Before you get started, please check out these documentation pages. Rota can only be used with WordPress and we assume that you already have it installed and ready to go. If you don’t, please see WordPress Codex to get started.

Requirements

Before using Rota, please meet the following requirements:

  • Essentials to run WordPress – Read more about WordPress Minimum Requirements – in case any doubts regarding the server, contact your host provider.
  • Latest version of WordPress, which you can download here.
  • Create secure FTP and Database.

Installation

In our guide, we will show you step by step instructions on how to install our WordPress theme for beginners. Below you will find two ways to install a WordPress theme.

Installation via Administration Panel

If Rota files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

Follow steps below to install the theme:

  • Step 1 - Once you’ve logged in to your administration panel, go to My Sites > Network Admin.
_images/Installation1.jpg

  • Step 2 - Then click on Themes > Add New, you will be directed to a page where you can choose available themes.
_images/Installation2.jpg

  • Step 3 - Once directed to the page, on the upper left side of the screen click on Upload Theme button.
  • Step 4 - Choose the Rotatheme.zip file from your computer, then click Install Now.
_images/Installation4.png

  • Step 5 - Click on My Sites then go to Appearance > Themes and Activate Rota.
_images/Installation5.png

  • Step 6 - After activating Rota, you will be sent to Theme Installation Instruction steps. By following this steps you will be asked to install required plugins, activate them, and import demo content (required).
_images/Installation6.png

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Rotatheme.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.

Installation via FTP

To install Rota WP via FTP, follow steps below:

  • Step 1 – Unarchive Rotatheme.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > themes
  • Step 4 – Put folder Rotatheme in directory wp-content > themes
_images/inst_dir.png
  • Step 5 - Go to your WordPress administration panel, navigate to Appearance > Themes then activate Rotatheme.

Learn more:

Unyson, Extension, and Plugins

Some functionalities of the Rota Theme are available because of the plugins we used to create it. Once Rota is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Rota package – so you don’t have to do anything more than click install and activate.

Unyson

Unyson is a framework for WordPress that facilitates development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. This documentation is heavily modified by createIT to ensure all custom extensions are well documented.

This documentation assumes you have a working knowledge of WordPress. If you haven’t, please start by reading WordPress Documentation.

Minimum Requirements

  • WordPress 4.4 or greater
  • PHP version 5.2.4 or greater
  • MySQL version 5.0 or greater

Installation

Unyson is part of Rota plugin that should be activated to be able to use the fully use this theme.

After plugin will be activated you will notice the Unyson entry in the sidebar:

_images/unysone_extension.png
Configure the plugin by going to the Unyson menu and activating the following extensions:
  • Backup & Demo Content: This extension lets you create an automated backup schedule, import demo content or even create a demo content archive for migration purposes.
  • SASS Compiler: Compiles SASS files. Remember to activate it when you are going to change theme colors via Customize.
  • Breadcrumbs: Creates a simplified navigation menu for the pages that can be placed anywhere in the theme.
  • Bumblebee Debug Mode: Allows for Sass constant recompilation.
  • CT Team: This extension will add team post type support.
  • CT Careers: This extension will add Careers post type support.
  • CT Timeline: This extension will add Timeline post type support.
  • CT Links: This extension will add Links post type support.
  • CT Services: This extension will add Services post type support.
  • CT Coupons: This extension will add coupons post type support.
  • CT Reviews: This extension will add Reviews post type support.
  • CT FAQ: This extension will add FAQ post type support.

License

The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software. Unyson inherits the General Public License (GPL) from WordPress.

Extension

On the Unysone page you’ll see a list of available extensions separated in two sections:

Active Extensions - Extensions that should be activate to be able to fully use Rota WP theme functionality:

Available Extensions - extensions not yet downloaded or activate.

Note

We recommend to not activate any of the extensions that are not part of the list above. They may not be compatible with the theme and could create unexpected issues.

Plugins

Visual Composer
_images/vc.png

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

Note

As the VC plugin used with Rota WP Theme is part of a bundle, that mean that theme author has a license and only he/she can download latest versions of VC and include it in the theme. You as a theme user may use Visual Composer free of charge while you use the theme that came with VC (because you have a license for that theme).

Learn more:

For more information about Visual Composer, please check articles below:

Dynamic Widget

Dynamic Widgets gives you full control on which pages a widget will display. It lets you dynamically show or hide widgets on WordPress pages by setting conditional logic rules on a widget with just a few mouse clicks. No knowledge of PHP required. No fiddling around with conditional tags.

Learn more:

Contact Form 7

Contact forms in Memoria WP are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.

_images/custom_form.png

If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.

Demo Content

Note

To be able to use theme content installation and backup functionality make sure to activate Backup & Demo Content Unyson’s extension.

_images/unysone_extension.png

The fastest and easiest way to import our demo content is to use Theme Options Demo Content Installer. It will import all pages and posts, sample slider, widgets, theme options, assigned pages, and more.

Import Demo Content

To import our demo content, please follow the steps below:

  • Step 1 – navigate to Tools where after activating the Unyson extension Demo Content Install option will be available

    _images/demo_content_inst.png
  • Step 2 – choose import option you want to use from available options

  • Step 3 - To be able to continue you need to agree to this term.

    _images/warning_message.png
  • Step 4 – Wait until the content will be installed

    _images/install_new_content.png

Importing can take a few minutes. Please be patient and wait for it to complete. Once it is loading, you will see message with indicating progress.


We recommend this approach on a newly installed WordPress. It will replace the content you currently have on your website. However, we create a backup of your current content in (Tools > Backup). You can restore the backup from there at any time in the future.

_images/tools_backup.png

Support

All of our items comes with free support. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customisation or third-party plugins.

Note

Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.

Free Support

For issues and concerns, you can reach us through these support methods:

  • E-mailsupport@createit.pl

  • Help Desk – Click here to go to our support website. Just click on the Submit Ticket button and follow instructions to create a ticket.

  • Forum – Comment/Post on the product you have issues/queries in ThemeForest or CodeCanyon websites.

    Before You Post in a Forum

    We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyone’s interest and will benefit in making the entire forum more efficient:

    • Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
    • Step 2 – If your question hasn’t been brought up on the forum, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
    • Step 3 – We usually answer questions in 24 hours on working days. However, if you don’t get any answer within 72 hours bump up your question or send us an e-mail.

For all support methods, you will receive confirmations and replies on your queries through e-mail or by tracking your ticket which you will also get through e-mail. To track your ticket, please click here.

Once we reply to your query, each ticket will be open for 7 days without a reply from you. On the 6th day without a reply, an e-mail will be sent to notify you of the ticket’s inactivity. To make the ticket active again, you simply need to reply or follow the steps in the e-mail. If you won’t make the ticket active within 7 days, on the 8th day the ticket will automatically be closed.

Premium Support

We can create your website from scratch, redesign it or just extend the current ones. For more information, please take a look at our website. Typical issues covered by Premium Support:

  • Custom CSS
  • Support for third party software and plug-ins
  • WordPress Installation with Theme configuration
  • Server configuration
  • Site structure modifications
  • Graphic adjustments, etc.
  • WordPress general howto’s

Page

You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.

Create New Page

To create a new Page in Rota follow the steps below:

  • Step 1 - In Dashboard, navigate to Pages > Add New. You will be directed to a page where you can add details on the page.

    _images/newPage.png
  • Step 2 - Add the Title of the page.

  • Step 3 - Add content – we recommend you to create page content using Visual Composer or by modifying demo content.

    _images/newPage1.png
  • Step 4 - Choose page attributes.

    _images/newPage2.png
    • Parent – If you want to create this page as a subpage.
    • Template – You can choose one of defined page templates
    • Order – The order of the page.
  • Step 5 - After adding all the contents of the page, click on the Publish button.

Create Page Using Visual Composer

When using Visual Composer to add content, you have 2 Editor options, the Backend Editor and Frontend Editor.

_images/newPage3.png
Backend Editor
_images/newPage4.png
Frontend Editor

In adding contents to the page, there are many options to choose from. Some of the options are:

  • Elements - You will be able to choose elements that are needed and used on the page.

    _images/newPage5.png
  • Text Block – This is where you add Text to the page.

    _images/newPage6.png
  • Row – An area where you can add elements.

    _images/newPage7.png

Homepage Setup

If you have added some pages via Pages > Add New you can choose one and set it up as a homepage.

Use Static front page tool in Settings > Reading and choose from the list your homepage. Remember to click Save changes at the end of editing.

_images/newPage8.png

Rota Elements

Rota Custom Shortcodes

With Rota comes many custom shortcodes for (Visual Composer) VC that are used to show content created in Rota.

Below you will find short information about this Visual Composer elements:

_images/short.png

Styled Google Maps

_images/short3.png

Lets you add a styled google map on a page. You will be able to customize this map in the Styled Google Maps Settings.

_images/short4.png
-General Tab-
  • Address - Set an address for the map.
  • Latitude - Option to add a latitude of the address.
  • Longitude - Option to add a longitude of the address.
  • Custom map height - Height of the map.
  • Zoom - Zoom percentage of the map.
  • Map marker - Option to add a custom map marker.
  • Map style code - Paste “JavaScript Style Array” here, you can find and create it on: snazzymaps.com

Sample:

_images/short44.png

Styled Header

_images/short5.png

This theme comes with VC element that give you the option to create a header title that can be used in the theme.

_images/short6.png
-General Tab-
  • Header type - Format of how the title would look like: Only text or With text and decoration.

  • Header level

  • Header title - What is written as the title.

  • Header title font size[px] - Font size of the title.

  • Header title color - The color of the title’s font.

  • Header alignment - Alignment of the title in the page.

  • Header letter case - Letter case of the title.

    • Lowercase - All letters in the title are in lowercase.
    • Uppercase - All letters in the title are in uppercase.
    • Capitalize - Only the first letter of the words in the title are uppercase.
    • None - Default letter case is used.
  • Header top margin[px] - Top margin of the title.

  • Header bottom margin[px] - Bottom margin of the title.

Sample:

_images/short45.png

Iconbox

_images/short7.png

Below you will see all the available options that can/need to be set to use Pricing Table.

_images/short8.png
-General Tab-
  • Select background color - Set the background color for the Icon box.
-Icon 1 to 4 Tab-
  • Enable this box - Option to enable an icon box. This should be checked for the icon box to show.
  • Icon - Choose an icon to add to the icon box.
  • Select icon color - Color of the icon in the icon box.
  • Title - Title of the icon box.
  • Select title color - Font color of the title.
  • Link - URL link for a page to which it directs.

Sample:

_images/short46.png

Image Slider

_images/short13.png

This will display an image slider in the page that is responsive.

_images/short14.png
-General Tab-
  • Slider count - How the events are being shown.
  • Display navigation - Option to add a Buy Ticket button.
  • Display pagination - The ticket that was made in Tickets. To know how to create tickets, go to Create Tickets tutorial.
  • Autoplay - Option to make the carousel move automatically.
  • Autoplay speed [ms] - Speed of the carousel when moving automatically.
  • First button text - Text inside the first button.
  • First button URL - URL for the page where the button will link.
  • First button color - The text color of the first button.
  • First button background color - The background color of the button.
  • First button border color - Border color for the button.
  • Second button text - Text inside the second button.
  • Second button URL - URL for the page where the button will link.
  • Second button color - The text color of the second button.
  • Second button background color - The background color of the button.
  • Second button border color - Border color for the button.
  • Text between buttons - Text between the
-Slides Tab-
  • Image - Image in the slide.
  • Header Text - Text displayed in the slide.
  • Display first button - Option to show the first button.
  • Display second button - Option to show the second button.

Sample:

_images/short49.png

Styled Button

_images/short19.png

This element lets you add a button that is customized by you.

_images/short20.png
-General Tab-
  • Text - Text inside the button.
  • Url - URL where the button will link.
  • Open url in new tab? - Option to open linked page to a new tab.
  • Button type - The type of button that will show in the page: Default or With Border.
  • Shape - The shape of the button: Square or Rounded.
  • Color - Color of the button.
  • Size - Size of the button.
  • Button Alignment - The position of the button in the row.

Sample:

_images/short50.png

Careers display

_images/short21.png

This will let you show items in Careers items.

_images/short22.png
-General Tab-
  • Columns count - Number of columns to write the Careers Items in the page.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-careers objects - Only selected FAQs are shown.
  • Exclude ct-careers objects - None of the selected FAQs will be displayed.
  • Specify terms of ct-careers-taxonomy taxonomy - Only show FAQs under the categories.
  • Exclude terms of ct-careers-taxonomy taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short51.png

Coupons display

_images/short23.png

This element will show the items inside Coupons in the page.

_images/short24.png
-General Tab-
  • Columns count - Number of columns to write the Careers Items in the page.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-coupons objects - Only selected FAQs are shown.
  • Exclude ct-coupons objects - None of the selected FAQs will be displayed.
  • Specify terms of category taxonomy - Only show FAQs under the categories.
  • Exclude terms of category taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short52.png

FAQ Single Category

_images/short15.png

This element lets you add an FAQs with a single category on the page.

_images/short16.png
-Category Tab-
  • Choose a FAQ Category - Category of the FAQs that you want to show.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the FAQs order looks.
  • Order by - How the FAQs are ordered.
  • Specify ct-faq objects - Only selected FAQs are shown.
  • Exclude ct-faq objects - None of the selected FAQs will be displayed.
  • Specify terms of ct-faq-taxonomy taxonomy - Only show FAQs under the categories.
  • Exclude terms of ct-faq-taxonomy taxonomy - None of the FAQs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short53.png

FAQ All Categories

_images/short17.png

This element lets you add all the FAQs on the page.

_images/short18.png
-Filters Tab-
  • Limit - Set results limit.
  • Order by - How the FAQs order looks.
  • Sort order - How the FAQs are ordered.

Sample:

_images/short54.png

Reviews display

_images/short27.png

Lets you display the items in Reviews inside a slide.

_images/short28.png
-General Tab-
  • Reviews per slide - Number of reviews that will be shown inside the slide.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-reviews objects - Only selected jobs are shown.
  • Exclude ct-reviews objects - None of the selected jobs will be displayed.
  • Specify terms of ct-reviews-taxonomy taxonomy - Only show jobs under the categories.
  • Exclude terms of ct-reviews-taxonomy taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short56.png

Reviews Grid

_images/short29.png

Lets you display in a grid view the items in Reviews.

_images/short30.png
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-reviews objects - Only selected jobs are shown.
  • Exclude ct-reviews objects - None of the selected jobs will be displayed.
  • Specify terms of ct-reviews-taxonomy taxonomy - Only show jobs under the categories.
  • Exclude terms of ct-reviews-taxonomy taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short53.png

Service table

_images/short31.png

Lets you add a table that you can customize with the services you want to add.

_images/short32.png
-General Tab-
  • Title - Title of the service.
  • Amount - Price of the service.
  • Content - Features of the service. Each feature is separated with a comma.
-Button Tab-
  • Text - The label of the button.
  • URL - URL link for the button.
  • Color - Color of the Text.
  • Background color - Color of the button.
  • Border color - Color of the button’s border.

Sample:

_images/short58.png

Services grid

_images/short33.png

Lets you display in a grid view the items in Services.

_images/short34.png
-General Tab-
  • Columns - Number of columns where the services are displayed.
  • Display button - Option to display a button in the grid.
-Button Tab-
  • Text - The label of the button.
  • URL - URL link for the button.
  • Color - Color of the Text.
  • Background color - Color of the button.
  • Border color - Color of the button’s border.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the jobs order looks.
  • Order by - How the jobs are ordered.
  • Specify ct-services objects - Only selected jobs are shown.
  • Exclude ct-services objects - None of the selected jobs will be displayed.
  • Specify terms of category taxonomy - Only show jobs under the categories.
  • Exclude terms of category taxonomy - None of the jobs under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short59.png

Team display

_images/short35.png

Lets you add a table of the team members created in the Team Members. To know how to create a team member item, go to Create Team Member tutorial.

_images/short36.png
-General Tab-
  • Title - Option to show the skills of the team members.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-team objects - Only selected team members are shown.
  • Exclude ct-team objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short60.png

Team grid

_images/short37.png

Lets you add a grid view of the team members created in the Team Members. To know how to create a team member item, go to Create Team Member tutorial.

_images/short38.png
-General Tab-
  • Columns count - Number of columns where the team is displayed.
  • Display position - Option to display the company position of each member.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-team objects - Only selected team members are shown.
  • Exclude ct-team objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short61.png

Timeline display

_images/short39.png

Gives you an option to show people dynamic Testimonial Items that are made on your site.

_images/short40.png
-General Tab-
  • Timeline header color - Header text color of each timeline.
  • Timeline date color - Date color of each timeline.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the team members order looks.
  • Order by - How the team members are ordered.
  • Specify ct-timeline objects - Only selected team members are shown.
  • Exclude ct-timeline objects - None of the selected team members will be displayed.
  • Specify terms of category taxonomy - Only show team members under the categories.
  • Exclude terms of category taxonomy - None of the team members under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show events with certain keyword.

Sample:

_images/short62.png

Rota Plugin Elements

Some plugins that are used in Sella generates an element that helps customize the pages on your site. You will see the plugin elements as follows:

Contact Form 7

_images/short41.png

This is the plugin that can add a Contact Forms on a page. To know how to create a contact form, go to the Create Contact Form tutorial.

_images/short42.png

Visual Composer

_images/short43.png

This element lets you customize your page using a simple drag and drop of elements to build your page content. You can easily setup the backgrounds, colors, and styles for a whole section as well as lots of various smaller components which you can freely put wherever you want.

Some of these elements are:

Single Image
_images/vcElement.png

This element will let you add a single image in your page.

_images/vcElement3.png
Video Player
_images/vcElement2.png

This element will let you add a video or MP3 file inside your page by adding the link for the video/MP3.

_images/vcElement5.png
Progress Bar
_images/vcElement6.png

This element will add an animated progress bar in your page.

_images/vcElement7.png
Chart
_images/vcElement8.png

This element lets you add a graph. These are the types of graph that you can add:

  • Pie

    _images/vcElement9.png
  • Round

    _images/vcElement10.png
  • Line

    _images/vcElement11.png

Blogs Posts

Sella is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.

Create New Blog Post

No matter which method you use to display your blog posts, first thing you need to do is create them.

Sella offers several blog post formats:

_images/newblog.png

Follow the steps below to create a blog post:

  • Step 1 - Navigate to Blog Posts > Add New in the Dashboard.
_images/newblog1.png
  • Step 2 - Create a title and insert your post content in the editing field. You can use any of our shortcode elements inside the post. If you want to use some additional fields, choose them from Screen Options at the top of the screen.
_images/newblog2.png
  • Step 3 - Add Blog Categories on the right side. Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category . To assign it to the post, check the box next to the Category name.
_images/newblog3.png
  • Step 4 - To add Tags, write the Tags at the textbox below the Blog Categories. Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical. Type the name of the tag in the field, separate multiple tags with commas.
_images/newblog4.png
  • Step 5 - To add a Single image, click the Featured Image box, select an image and click Set Featured Image.
_images/newblog5.png

To add more than one image, use Image Gallery (Visual Composer element) , each image will be a slide in the gallery slideshow. Gallery can be created by adding images from Media gallery or by adding External links of the images that will be used.

_images/newblog6.png
  • Step 6 – To post Video, use Video Player (Visual Composer element) and paste the direct video URL from Youtube, Vimeo or Dailymotion and more.

  • Step 7 – to post Audio, use Video Player (Visual Composer element) and paste the direct audio URL from Soundcloud, Mixcloud and more.

    _images/newblog7.png
  • Step 8 – For Quotation, use WordPress Blockquote option (Shift + Alt + Q). quote

  • Step 9 – For Links, use WordPress Inser/Edit Link option (Ctrl + K). link
  • Step 10 – Create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.
  • Step 11 – Once finished, click Publish to save the post.

You will see all the Blogs created at Blog Posts > All Posts.

Blog Index Page

The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.

To set the page as your post page, navigate to Posts page tool in Settings > Reading and choose Blog index page from the ones you created.

_images/blogInPage.png

Note

On Blog index page you will see only your posts, so don’t add any other content to it.

Blog Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Blog Category

To create a Category for a blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog Posts > Categories. You will see the Blog Categories page.

    _images/blogCat.png
  • Step 2 - In the page, find the Add New Category area. Add All the necessary information.

    _images/blogCat1.png
    • Name - The name of the category.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
    • Description - Description of the category.
  • Step 3 - Once done filling out the information of the category, click on Add New Category button to save.

Delete Blog Category

To delete a Category, navigate your Dashboard to Blog Posts > Categories.

In the Blog Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Blog Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a Blog post would make it easier to relate a post with another post even if the categories are different.

Create Blog Tags

To create a Tag for a Blog, follow these steps:

  • Step 1 - Navigate your Dashboard to Blog > Tags. You will see the Tags page.

    _images/blogTag.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from other component of the site.

Delete Blog Tags

To delete a tag, navigate your Dashboard to Blog > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Career items

Create Career

To create a new Career item, navigate in WordPress Dashboard to Career items > Add New.

_images/career.png

The Add New Career item page will show. Add the details for the career.

_images/career1.png
  1. Title - The title for the career.
  2. Editor container - You can add the descriptions and you can also add elements to customize the page for the career.
  3. Tags - Tags are meant to describe specific details of your posts.
  4. Categories - Category of the career.

After adding all the details, click on Publish button to save.

Delete Career

To delete a Career, navigate your Dashboard to Career items > All Career items

In the Career items page, you will see all the created Careers.

To delete a Career, you have two options:

  • Single Career Delete - Hover your mouse pointer on the Career that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/career2.png
  • Multiple Career Delete - To delete multiple Careers, click on the box beside the Careers you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/career3.png

Career Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Career items Categories

To create new Career items Categories, navigate in WordPress Dashboard to Career items > Categories.

_images/career4.png

The Categories page will show, here you can add the details of the Career items Categories that you would like to create.

_images/career5.png

After adding all the details, click on Add New category to save.

Delete Career items Categories

To delete a Category, navigate your Dashboard to Career items > Categories.

In the Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/career6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/career7.png

Career Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a Career post would make it easier to relate a post with another post even if the categories are different.

Create Career Tags

To create a Tag for a Career, follow these steps:

  • Step 1 - Navigate your Dashboard to Career Posts > Tags. You will see the Tags page.

    _images/career9.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from component of the site.

Delete Career Tags

To delete a tag, navigate your Dashboard to Career Posts > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Create Career Page

Careers in Rota is generated by the theme from Career Items.

To create a Careers Page, follow these steps:

  • Step 1 - Create a new page where to add the Careers.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Career Items. The Career Items can be generated by using the Careers display element on the page.

    _images/career8.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

    Sample:

    _images/short51.png

Coupons

Create Coupon

To create a new Coupon item, navigate in WordPress Dashboard to Coupons > Add New.

_images/coupon.png

The Add New Coupon page will show. Add the details for the Coupon.

_images/coupon1.png
  1. Title - The name of the Coupon.

  2. Coupon Options - You can add here the role of the Coupon that will be shown in the website.

    • Title - Title/Name of the coupon.
    • Text before discount - Text after the Amount of the coupon.
    • Text after discount - Text below the Amount.
    • Amount - Amount of the coupon.
    • Currency - Currency of the amount.
    • Second row - Text written in the second row.
    • Third row image - Image at the left side of the 3rd row.
    • Third row text - Text at the right side of the 3rd row.
    • Expires - Date of the expiration of the coupon.
    • Code - Unique code for the coupon.
    • Show print button - Option to show print button on the coupon.
    • Button image - Image beside the print button.
  3. Tags

  4. Categories

After adding all the details, click on Publish button to save.

Delete Coupon

To delete a Coupon, navigate your Dashboard to Coupon > All Coupons

In the Coupons page, you will see all the created Coupons.

To delete a Coupon, you have two options:

  • Single Coupon Delete - Hover your mouse pointer on the Coupon that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/coupon2.png
  • Multiple Coupons Delete - To delete multiple Coupons, click on the box beside the Coupons you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/coupon3.png

Coupons Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Coupons Categories

To create new Coupons Categories, navigate in WordPress Dashboard to Coupons > Categories.

_images/coupon5.png

The Categories page will show, here you can add the details of the Coupons Categories that you would like to create.

_images/career5.png

After adding all the details, click on Add New category to save.

Delete Coupons Categories

To delete a Category, navigate your Dashboard to Coupons > Categories.

In the Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/career6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/career7.png

Coupon Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a Coupon would make it easier to relate a post with another post even if the categories are different.

Create Coupon Tags

To create a Tag for a Coupon, follow these steps:

  • Step 1 - Navigate your Dashboard to Coupons > Tags. You will see the Tags page.

    _images/coupon6.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from component of the site.

Delete Coupon Tags

To delete a tag, navigate your Dashboard to Coupons > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Create Coupons Page

Coupons in Rota is generated by the theme from Coupon Items.

To create an Coupons Page, follow these steps:

  • Step 1 - Create a new page where to add the Coupons.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Coupons. The Coupons can be generated by using the Coupons display element on the page.

    _images/coupon4.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

    Sample:

    _images/short52.png

FAQ

Create FAQ Item

Frequently Asked Questions (FAQ) of Rota is generated by the theme from FAQ items.

To create a new FAQ item, navigate in WordPress Dashboard to FAQ > Add New.

_images/faqItem.png

The Add New FAQ page will show, information on the FAQs can be define here.

_images/faqItem1.png
  • Title – The FAQ’s question should be written as the title.
  • Editor Container – Where the answers for the question is added.
  • Tags - Tags are meant to describe specific details of your posts.
  • Categories (optional) – Assign to preexisting category or add a new one.

Once done, click on Publish button.

Create FAQ Categories

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new FAQ Category, navigate in WordPress Dashboard to FAQ > Faq Categories.

_images/faqItem2.png

The FAQ Categories page will show, here you can add the details of the FAQ Category that you would like to create.

_images/faqItem3.png

After adding all the details, click on Add New category to save.

Delete FAQ Categories

To delete a Category, navigate your Dashboard to FAQ > FAQ Categories.

In the FAQ Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/faqItem4.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/faqItem5.png

FAQ Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create FAQ Categories

To create new FAQ Categories, navigate in WordPress Dashboard to FAQ > Categories.

_images/faqItem7.png

The Categories page will show, here you can add the details of the FAQ Categories that you would like to create.

_images/career5.png

After adding all the details, click on Add New category to save.

Delete FAQ Categories

To delete a Category, navigate your Dashboard to FAQ > Categories.

In the Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/career6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/career7.png

FAQ Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to an FAQ would make it easier to relate a post with another post even if the categories are different.

Create FAQ Tags

To create a Tag for a FAQ, follow these steps:

  • Step 1 - Navigate your Dashboard to FAQ > Tags. You will see the Tags page.

    _images/faqItem6.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from component of the site.

Delete FAQ Tags

To delete a tag, navigate your Dashboard to FAQ > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Create FAQ Page

Frequently Asked Questions (FAQ) of Rota is generated by the theme from FAQ Items.

To create an FAQ Page, follow these steps:

  • Step 1 - Create a new page where to add the FAQs.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the FAQ Items. The FAQ Items can be generated by 2 types of Theme Element: FAQ Single Category or FAQ All Categories.

    1. FAQ Single Category - You can specifically add FAQ Items using the categories of the FAQ Items.

      _images/faqCat.png
    2. FAQ All Categories - All the FAQ Items are shown.

  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

    Sample:

    _images/short54.png

Services

Create Service

To create a new Services item, navigate in WordPress Dashboard to Services > Add New. This item will also serve as the Service’s one pager.

_images/serv.png

The Add New Service page will show. Add the details for the Service.

_images/serv2.png
  1. Title - The name of the shop/company for the Service.

  2. Editor container - You can add the descriptions and elements to customize the page for the services.

  3. Service Options

    • Hover icon
    • Header class
  4. Tags

  5. Categories

After adding all the details, click on Publish button to save.

Delete Service

To delete a Service, navigate your Dashboard to Service > All Services

In the Services page, you will see all the created Services.

To delete a Service, you have two options:

  • Single Service Delete - Hover your mouse pointer on the Service that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/serv1.png
  • Multiple Services Delete - To delete multiple Services, click on the box beside the Services you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/serv3.png

Services Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Services Categories

To create new Services Categories, navigate in WordPress Dashboard to Service > Categories.

_images/serv7.png

The Categories page will show, here you can add the details of the Services Categories that you would like to create.

_images/career5.png

After adding all the details, click on Add New category to save.

Delete Services Categories

To delete a Category, navigate your Dashboard to Services > Categories.

In the Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/career6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/career7.png

Service Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a Service would make it easier to relate a post with another post even if the categories are different.

Create Service Tags

To create a Tag for a Service, follow these steps:

  • Step 1 - Navigate your Dashboard to Services > Tags. You will see the Tags page.

    _images/serv8.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from component of the site.

Delete Service Tags

To delete a tag, navigate your Dashboard to Services > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Create Services Page

Services in Rota is generated by the theme from Services.

To add Services in a page, follow these steps:

  • Step 1 - Create a new page where to add the Services.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Services. The Services can be generated by using 2 elements: Service table or Service grid

    _images/serv4.png
    • Service table

      _images/serv5.png
    • Services grid

      _images/serv6.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

    Sample:

    _images/short58.png

Team Member

Create Team Member

To create a new Team Member item, navigate in WordPress Dashboard to Team members > Add New.

_images/teamNew.png

The Add New Team member page will show. Add the details for the team member.

_images/teamNew1.png
  1. Title - The name of the team member.
  2. Editor container - You can add here the role of the team member that will be shown in the website.
  3. Team options
    • Position - Team member’s position in the company.
  4. Tags
  5. Team Categories
  6. Featured Image - Team members picture that will be shown in the site.

After adding all the details, click on Publish button to save.

Delete Team member

To delete a Team member, navigate your Dashboard to Team member > All Team members

In the Team members page, you will see all the created Team members.

To delete a Team member, you have two options:

  • Single Team member Delete - Hover your mouse pointer on the Team member that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/teamNew2.png
  • Multiple Team members Delete - To delete multiple Team members, click on the box beside the Team members you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/teamNew3.png

Create Team Member Page

Teams of Rota is generated by the theme from Team members items.

To create a simple page with team members, follow these steps:

  • Step 1 - Create a new page where to add the Teams page.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Team members items. To add the Team members items, you can use 2 elements: Team display or Team grid

    _images/teamPage.png
  • Step 6 - Add the needed information for the elements. Click Save changes to save.

    • Team display

      _images/teamPage1.png
    • Team grid

      _images/teampage2.png
  • Step 7 - You can add more elements on the page as you like. Once satisfied, click on the Publish button.

Timeline items

Create Timeline item

To create a new Timeline items, navigate in WordPress Dashboard to Timeline items > Add New.

_images/time.png

The Add New Timeline item page will show. Add the details for the Timeline item.

_images/time1.png
  1. Title - The name of the Timeline item.
  2. Editor container - You can add here the role of the Timeline item that will be shown in the website.
  3. Team options
    • Position - Timeline item’s position in the company.
  4. Tags
  5. Team Categories
  6. Featured Image - Timeline items picture that will be shown in the site.
_images/time5.png

After adding all the details, click on Publish button to save.

Delete Timeline item

To delete a Timeline item, navigate your Dashboard to Timeline item > All Timeline items

In the Timeline items page, you will see all the created Timeline items.

To delete a Timeline item, you have two options:

  • Single Timeline item Delete - Hover your mouse pointer on the Timeline item that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/time2.png
  • Multiple Timeline items Delete - To delete multiple Timeline items, click on the box beside the Timeline items you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

    _images/time3.png

Timeline Category

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Create Timeline items Categories

To create new Timeline items Categories, navigate in WordPress Dashboard to Timeline items > Categories.

_images/time7.png

The Categories page will show, here you can add the details of the Timeline items Categories that you would like to create.

_images/career5.png

After adding all the details, click on Add New category to save.

Delete Timeline items Categories

To delete a Category, navigate your Dashboard to Timeline items > Categories.

In the Categories page, you will see all the created category.

To delete a category, you have two options:

  • Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/career6.png
  • Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/career7.png

Timeline Tags

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a Timeline would make it easier to relate a post with another post even if the categories are different.

Create Timeline Tags

To create a Tag for a Timeline, follow these steps:

  • Step 1 - Navigate your Dashboard to Timeline Items > Tags. You will see the Tags page.

    _images/time6.png
  • Step 2 - In the page, find the Add New Tag area. Add All the necessary information.

    _images/blogTag1.png
    • Name - The name of the tag.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the tag.
  • Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.

Note

Adding a tag may affect the tags from component of the site.

Delete Timeline Tags

To delete a tag, navigate your Dashboard to Timeline Items > Tags.

In the Tags page, you will see all the created tags.

To delete a tag, you have two options:

  • Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.

    _images/blogTag2.png
  • Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.

    _images/blogTag3.png

Note

Deleting a tag may affect the tags from other component of the site.

Create Timeline item Page

Timeline items in Rota is generated by the theme from Timeline item.

To create a page with Timeline, follow these steps:

  • Step 1 - Create a new page where to add the Timeline items.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Timeline items. The Timeline items can be generated by using the Timeline display element on the page.

    _images/time4.png
  • Step 6 - You can customize the page by adding other elements to the page.

  • Step 7 - Once you have finished customizing the page, click on the Publish button.

Contact Form

Create Contact Form

To create a new Contact Form item, navigate in WordPress Dashboard to Contact > Add New.

_images/newContact.png

The Add New Contact Form page will show. Add the details for the Contact Form.

_images/newContact1.png
  1. Title - The title for the Contact Form

  2. Form Details - Details and information of the form.

    • Form - The codes for the user interface of the form.
    • Mail - Set the email template of the form.
    • Messages - Message prompt when an action is done with the form.
    • Additional Settings - You can add customization code.
_images/newContact4.png

After adding all the details, click on Save button to save.

Note

For information on how to use this plugin or what markup to use, go to here General Information > Unyson, Extension, and Plugins > Contact Form 7.

Create Contact Page

Contact Form Page of Rota is generated by the theme from Contact Form item.

To create an Contact Form Page, follow these steps:

  • Step 1 - Create a new page where to add the Contact Form.

    _images/newPage.png
  • Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

    _images/portPage.png
  • Step 3 - Change the settings to your preference.

  • Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

  • Step 5 - Add a new row to add the Contact Form item. The Contact Form can be generated by Contact Form 7 of Theme Element.

    _images/newContact2.png
  • Step 6 - The Contact Form 7 Settings will pop-up. Change details as needed.

    _images/newContact3.png
    • Select contact form - The form you want to add to the page.
    • Search title - Optional title to search if no form is added.
  • Step 7 - You can customize the page by adding other elements to the page.

  • Step 8 - Once you have finished customizing the page, click on the Publish button.

Widgets & Menu

Widgets

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

_images/widget1.png

How to Edit Widgets

You can access widget edit screen under Appearance > Widgets panel or via Customize on path Appearance > Customise > Widgets. It has three main areas:

  • Available Widgets
  • Inactive Widgets
  • Inactive Sidebars and widget areas

To add a widget to your site, drag and drop the name of the widget you want to use from the Available Widgets section into one of the widget areas on the right-hand side of the window. After you have added it, the widget will open up (or if it doesn’t, you can click on the triangle to open it) and you can change the settings and save the widget. The specific settings needed will depend on what type of widget you are using. For instance, if it is a text widget, you just need to type in the text (and optionally, HTML code), and save the widget.

Customising Rota

Rota comes with an advanced customizer, which allows to edit most of the theme’s elements in one place. If you want to use it, navigate to Appearance > Customize.

_images/custom.png

Site Identity

Here you will have the option to customize your site’s identity or how it can be viewed by people.

_images/custom1.png
  • Site Title - The title of the site you created.
  • Tagline - The slogan/catchphrase for you site. What people will remember if they see your site.
  • Site Icon - The icon used as a browser icon. Icons must be square, and at least 512 pixels wide and tall.

Add all the information you like to add, then click on the Save button.

General

You can pick the color scheme of the site here.

_images/custom2.png
  • Display breadcrumb - Option to display the breadcrumbs in the site.
_images/breadcrumbs.png

Add all the information you like to add, then click on the Save button.

Blog

You can customize the all blogs page here.

_images/custom5.png
  • Display blog sidebar - Option to display sidebar in the all bogs page.

  • Place to display sidebar - Location where the sidebar is placed.

  • Blog title - Title/Heading of the all blogs page.

    _images/widget4.png

Add all the information you like to add, then click on the Save button.

Single Blog Post

You can customize the single blog post page here.

_images/custom6.png
  • Display blog sidebar - Option to display sidebar in the all bogs page.

  • Place to display sidebar - Location where the sidebar is placed.

    _images/custom17.png
  • Single post title - Title/Heading of the single blog page.

  • Tags after post - Option to show the blog’s tags at the bottom of the page.

  • Social Share - Option to display social media’s icons after the tags.

  • Social Share - Options of social medias that you can display the icons.

  • Author Info - Option to display author information.

  • Display comments after post - Option to display comment section in the page.

    _images/custom18.png

Add all the information you like to add, then click on the Save button.

Services

You can customize the single Services page here.

_images/custom7.png
  • Display sidebar - Option to display sidebar in the single service page.
  • Place to display sidebar - Location where the sidebar is placed.

Careers

You can customize the single Careers page here.

_images/custom8.png
  • Display sidebar - Option to display sidebar in the single careers page.
  • Place to display sidebar - Location where the sidebar is placed.

Homepage Setting

Option for the front page is shown here.

  • Front page displays - Options on how the front page/home page looks like.

    • Your latest posts - Show the latest post on your blogs.

      _images/custom10.png
    • A static page - Set a page that would stay the same until the page is replaced manually.

      _images/custom9.png

Note

You can also do this using the Homepage Setup instructions in Page > Homepage Setup.

Header Image

The Header Image is where to set the Background of the header.

_images/custom16.png
Current header - This will be the default header for the site.

Add all the information you like to add, then click on the Save button.

Background Image

The Background Image is where to set the preloader of your site.

_images/custom19.png

Background Image - This will be the preloader image for the site.

_images/custom20.png

Add all the information you like to add, then click on the Save button.

Widgets

You can customize what is inside the widgets on the page.

Note

If a widget is on the page you see on the preview, it will be listed in the left side under widgets.

_images/custom14.png
  • Footer column 1
  • Footer column 2
  • Footer column 3
  • Footer column 4
  • Blog sidebar
  • Top sidebar
  • Bottom sidebar

Note

You can also do the same thing by following How to Edit Widgets instructions in Widgets & Menu > Widgets.

Additional CSS

You can add your own CSS code for your site.

_images/custom13.png