latest version

Rentica Documentation

General Information

Thank you for purchasing Rentica! 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. Rentica 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 Rentica, 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 Rentica 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 Renticatheme.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 Rentica.
_images/Installation5.png

  • Step 6 - After activating Rentica, 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 Renticatheme.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 Rentica WP via FTP, follow steps below:

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

Learn more:

Unyson, Extension, and Plugins

Some functionalities of the Rentica Theme are available because of the plugins we used to create it. Once Rentica is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Rentica 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

Server:

  • PHP 7.2 or greater
  • MySQL 5.6 or greater OR MariaDB 10.0 or greater
  • Nginx or Apache with mod_rewrite module
  • HTTPS support

Wordpress: 4.9

Installation

Unyson is part of Rentica 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. This will make navigating the website much easier.
  • Visual Composer: Allows for seamless integration with Visual Composer.
  • CT Team: This extension will add team post type support
  • CT Flickr: This extension will add a flickr shortcode and widget.
  • CT Twitter: This extension will add a twitter shortcode.
  • CT Rents: This extension will add Cars post type support
  • Rentica Portfolio: This extension will add portfolio post type support.
  • Rentica 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 avaliable extensions separated in two sections:

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

Available Extensions - Extensions not yet downloaded or activate.

Note

We recommend to not activate any of the extensios 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 Rentica 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:

Slider Revolution
_images/revslider.png

How to activate the plugin

Slider Revolution is included in Rentica WP package – so you don’t have to do anything more than click install and activate as you do with other plugins.

If you are new user of the revolution Slider plugin or you just want to check some of it functionality feel free to check Slider Revolution Documentation created by the authors of this plugin.

Contact Form 7

Contact forms in Rentica 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.

Booki

A modern booking plugin for WordPress. This plugin allows you to setup appointments or reservations with time that adapts to users timezone. You can make payment via PayPal or simply book and pay later.

_images/booki.png

Learn more:

For more information about Booki:

MailChimp for Wordpress

MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.

_images/Installation7.png

If you never before used this plugin I suggest you to check Knowledge Base for this plugin.

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 Funfetti 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. To have the same look as the demo, at the Template section of the page attribute, use VC Template. This is a template set for Rentica.

    _images/newPage2.png
    • Parent – If you want to create this page as a subpage.
    • Template – You can choose one of defined page templates. To have the same look as the demo, use VC Template.
    • 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

Create a Onepager

One page site allows you to put all the content on one page, and the menu items will link to each different section of the page.

Think of it as a full site but all in one page. Please read below for information on how to set this up.

To create a Onepager site using Weddington, follow these steps:

  • Step 1 - Navigate to the Pages section of your Dashboard and click Add New.

  • Step 2 - In the new page, use the Backend or Frontend editor to create a Section.

    Note

    You can also use Rows for this. Each section/row will serve as a section in the page to locate using the menu.

    _images/newPage9.png
  • Step 3 - Click on the Edit option in every section you create and look for Section ID. The Section ID will serve as the anchor of the menu. Make sure that the ID is unique to the section.

    _images/newPage10.png
  • Step 4 - Add the contents in the Section. You can add rows with text and elements inside. Click on Publish button to save.

    _images/newPage11.png

    You can see in the sample above that each section have different Section IDs.


  • Step 5 - Set this page as the front page by navigating to Settings > Reading. Click on A static page option, then select the page for the onepager then click on the Save Changes button.

    _images/newPage12.png
  • Step 6 - To make the Menu for the onepager, navigate the dashboard to Appearance > Menus. Look for create a new menu, add the Menu Name then click on the Create Menu button.

    _images/newPage13.png
  • Step 7 - You will see options on what to put inside your new menu. Look for Custom Links in the options. If you don’t see that option, at the upper-right side of the page you will see Screen Options option, click on that and you will see options with check boxes. Check the box beside Custom Links.

    _images/newPage14.png
  • Step 8 - Using the Custom Links option, write the section’s Section ID inside the URL textbox and the name of the link inside the Link Text textbox. Then click on the Add to Menu button. After adding all the navigation menu, Click on Save Menu to save.

    _images/newPage15.png
  • Step 9 - Click on the Manage Location tab, change the Top primary menu to the menu that you made for the onepager. Click on the Save Menu button to save.

    _images/newPage16.png

You can see the changes on the Front Page of the site.

Rentica Elements

Rentica Custom Shortcodes

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

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

_images/short.png

Blog Archive

_images/short1.png

This will let you add blogs that is archived/grouped.

_images/short2.png

-General Tab-

  • Archive Type - How the blogs are archived/grouped.

    By Year

    • Enter Subtitle - Subtitle written below the year/category.
    • Display Posts under the Category - Display number of posts.
    • Order - Order in which data should be fetched.

    By Categories

    • Display Posts under the Category - Display number of posts.
    • Order - Order in which data should be fetched.
    • Specify Event Categories - Specify a category that you want to show.
    • Exclude Categories - Specify a category to exclude.

Sample Blog Archive:

_images/short3.png

Button

_images/short4.png

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

_images/short5.png

-General Tab-

  • Text - The label of the button.
  • URL (Link) - URL link for the button.
  • Style - Display style of the button.
  • Shape - Shape of the button.
  • Color - Background color of the button.
  • Size - Size of the button.
  • Alignment - Alignment of the button.
  • Add Icon? - Option to add an icon in the button.
  • CSS Animation - If Add icon is Yes, this option will show. Add the icon you would like to use.
  • Element ID - A unique ID for the button.
  • Extra class name - You can add a Custom CSS variable that is made in the Customizer > Additional CSS, click here for details.
  • Advance on click action - Option to be add a javascript action.

Sample Button:

_images/short6.png

Styled Google Maps

_images/short12.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/short13.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 Styled Google Maps:

_images/short14.png

Rentica Header

_images/short15.png

Lets you add a styled header on a page. You will be able to customize this header in the Styled Header Settings.

_images/short16.png

-General Tab-

  • Header type - Set what type of header you want to use.
  • Text Align - Text alignment of the header.
  • Header Title Light - Text in the part of the header title that has a light color.
  • Header Title Dark - Text in the part of the header title that has a dark color..
  • Header Title Color - Header title’s main font color.
  • Header subtitle - The subtitle that will be shown in the header.
  • Header subtitle color - Header subtitle’s font color.

Sample Rentica Header:

_images/short17.png

List

_images/short19.png

This theme element will let you add list with an icon bullet.

_images/short20.png

-General Tab-

  • Columns - Number of columns to divide the features.
  • List of features - Features added to the list. Use a comma (,) to separate the features.
  • List icon - icon used as the bullet.

Sample List:

_images/short21.png

Pricing Box

_images/short22.png

This theme element will let you add pricing box with details about the product.

_images/short23.png

-General Tab-

  • Pricing Box Title - Title for the pricing box.
  • Pricing Box Price - Price for the pricing box item.
  • Pricing Box Subtitle - Text below the title.
  • Set Header Background Color to Motive - Option to set header background color.
  • Header Background Color - Background color for the pricing box header.
  • Header Title Color - Font color of the title.
  • Content Background Color - Content background color for the pricing box header.
  • List of Item - Features added to the list. Use a comma (,) to separate the features.

-Button Tab-

  • Text - The label of the button.
  • URL (Link) - URL link for the button.
  • Style - Display style of the button.
  • Shape - Shape of the button.
  • Color - Background color of the button.
  • Size - Size of the button.
  • Alignment - Alignment of the button.
  • Add Icon? - Option to add an icon in the button.
  • CSS Animation - If Add icon is Yes, this option will show. Add the icon you would like to use.
  • Element ID - A unique ID for the button.
  • Extra class name - You can add a Custom CSS variable that is made in the Customizer > Additional CSS, click here for details.
  • Advance on click action - Option to be add a javascript action.

Sample Pricing Box:

_images/short24.png

Two Images

_images/short25.png

Add two images in the same space with an option to move the second image using its X and Y axis.

_images/short26.png

-General Tab-

  • First Image - Set the first image.
  • Second Image - Set the second image.
  • First Image Alignment - Where the first image is aligned.
  • Rounded Images - Option to have a round image.
  • X axis offset - Horizontal offset of the second image from the first image.
  • Y axis offset - Vertical offset of the second image from the first image.
  • Set Image Width - If you set X Axis Offset not exceeding the column width and/or you want to make the two images width the same, you may set image width in pixels.

Sample Two Images:

_images/short27.png

Video Phone

_images/short28.png

Lets you display a smart phone that has a video playing.

_images/short29.png

-General Tab-

  • Video URL - URL of the video you want to show.

Sample Video Phone:

_images/short30.png

Events Timer

_images/short31.png

Lets you display events as a carousel. You can filter the events that will show inside the carousel.

_images/short32.png

-General Tab-

  • Move Below The Page Title - Option to display the timer below the page title.

    Note

    Change the Head Height in Header Options to a higher value. Default = 553, which is equivalent in pixels.

  • Scrolldown Button - Option to display a scroll down button.

  • Link ID - URL link for the scroll down button.

-Filters Tab-

  • Event - What event you want to use for the timer.

Sample Events Timer:

_images/short33.png

Events Grid

_images/short34.png

Lets you display events by grid. You can filter the events that will show inside the grid.

_images/short35.png

-General Tab-

  • Select Gallery Type - Add/Change the margin, border, or padding of the promo section.

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Events - Only selected posts are shown.
  • Exclude Events - None of the selected posts will be displayed.
  • Specify Event Categories - Only show posts under the categories.
  • Exclude Event Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Sample Events Grid:

_images/short36.png

Upcoming Events

_images/short37.png

Below you will see all the available options that can/need to be set to use Upcoming Event element.

_images/short38.png

-General Tab-

  • Background Color - Set the background color for the grid.
  • Display Categories - Option to display the categories of the events.
  • Display Tags - Option to display the tags of the events.

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Events - Only selected posts are shown.
  • Exclude Events - None of the selected posts will be displayed.
  • Specify Event Categories - Only show posts under the categories.
  • Exclude Event Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Sample Upcoming Events:

_images/short39.png

Rent Booking

_images/short40.png

This element is used in Rents post type and it lets you add a Booki booking form. You set the Booki Project in the Rents form under General > Booki Project. For more information, click here.

_images/short69.png

Note

If the Booki Project is not set, the area with the Rent Booking will be left blank.

Sample Rent Booking:

_images/short41.png

Rent Categories

_images/short42.png

This element shows rents by categories.

_images/short43.png

-General Tab-

  • Categories - Select rent categories to feature (or leave empty to display all).
  • Target page - Select rent page to open after click.

Sample Rent Categories:

_images/short44.png

Rent Display

_images/short45.png

This element shows all the item in rent. You can filter the item to display by using the Filters tab.

_images/short46.png

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Rents - Only selected Rents are shown.
  • Exclude Rents - None of the selected Rents will be displayed.
  • Specify Categories - Only show Rents under the categories.
  • Exclude Categories - None of the Rents under the categories are shown.
  • Specify post tags - Only show Rents with selected tags.
  • Keyword search - Show Rents with certain keyword.

Sample Rent Display:

_images/short47.png

Rent Features

_images/short48.png

This element is used in Rents post type. The features that are added at Rents will be the ones that will be displayed.

_images/short49.png

-General Tab-

  • Title - Select the title of the features you would like to show. All the features that are added in that title will be displayed.
  • Columns - Number of columns to divide the features in a rows. 4 columns is better with a fullwidth row/section.
  • Show also unavailable features - Option to show the features that are not available as features.
  • Icon for available features - The icon to show that the feature is available.
  • Icon for unavailable features - The icon to show that the feature is not available.

Sample Rent Features:

_images/short50.png

FAQ

_images/short55.png

This element lets you add FAQs by category in the site.

_images/short56.png

-General Tab-

  • Add Title - Option to add a title/header above the FAQs.
  • Category To Display - Category of the FAQs that you want to show.
  • Enter FAQ Question Title To Active - The FAQ question that’s under the category set that is open/activated.

Sample FAQ:

_images/short57.png

Team Display

_images/short58.png

This element lets you show Team members items with their name ang position in a page.

_images/short59.png

-Filters Tab-

  • Limit - Set results limit, use -1 to disable 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 Team members - Only selected team members are shown.
  • Exclude Team members - None of the selected team members will be displayed.
  • Specify Team Categories - Only show team members under the categories.
  • Exclude Team Categories - 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 Team Display:

_images/short60.png

Twitter

_images/short61.png

This element will let you connect to your twitter where all recent post will also be posted on your site. To get the information needed for the Twitter account, click on this link.

_images/short62.png

-General Tab-

  • Autoplay - Option to make the slider move by itself.
  • Dotted slider navigation - Option to show dotted slider navigation.
  • Display arrows in slider - Option to show arrow slider navigation.
  • Pause on hover when autoplay is on - Option to pause autoplay when the mouse pointer is hovering.
  • Adapt height of slider to current slide - Option to adapt the height of the slider.

Slides Tab

  • Slides to show - Number of slides to show.
  • Slides to show on tablets - Number of slides to show on a tablet platform.
  • Slides to show on phablets - Number of slides to show on a phablet platform.
  • Slides to show on phones - Number of slides to show on a phone platform.
  • Set initial slide - Set the initial slider that moves.

-Twitter Tab-

Note

The following information are from the Twitter account you created.

  • Username - The twitter account’s username.
  • Customer key - The customer key you set in your twitter account.
  • Customer secret - The customer secret you set in your twitter account.
  • Token - The access token that you got from twitter for your twitter account.
  • Token secret - The token secret that you got from twitter for your twitter account.
  • Limit - Limit of news to post.
  • Parse url - You can display links from the content as plain text, short html links or full html links.
  • Parse media - You can display media links from the content as plain text or 3 types of html links.
  • Parse user id? - Display user @ids as plain text or links.
  • Parse hashtag? - Display #hashtags as plain text or links.
  • Embed images? - Option to show embedded images.
  • Size of embeded images? - The size of the embedded images if option is yes.
  • Tweet length limit - Max length of the tweet that will show.
  • Cache results for X seconds - Cache Twitter feeds for better performance ex. 900 = 15 minutes. 0 - disabled.

Sample Twitter:

_images/short63.png

Rentica Plugin Elements

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

Contact Form 7

_images/short64.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/short65.png

Revolution Slider & Revolution Slider 5

_images/short66.png

This plugin lets you add a slider that you made under the Slider Revolution. The slider revolution lets you make your own customized slider.

To know how to use the slider revolution, go to Slider Revolution Documentation.

_images/short67.png

Visual Composer

_images/short68.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

Rentica 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.

Rentica offers several blog post formats:

_images/newblog.png
  • Standard - The default format for the blog post. It will show only the text in the blogs page.

  • Aside

  • Image - The Featured Image and a small preview of the text will be shown in the blogs page.

  • Video - A video and a small preview of the text will be shown in the blogs page.

    To be able to use a Video for the blogs post page, the blog format should be Video and the Video format settings will show where you add the Embed code of the video.

    _images/video.png

    To add a video in the single page of the blog, you can use the Video element in the VC.

  • Audio - An MP3 music and a small preview of the text will be shown in the blogs page.

    To be able to use a Video for the blogs post page, the blog format should be Video and the Video format settings will show where you add the Embed code of the video.

    _images/audio.png

    To add a video in the single page of the blog, you can use the Video element in the VC.

  • Quote - The quoted word in the blog post will be shown in the blogs page.

  • Link - A link in the blog post for a webpage will shown in the blogs page.

  • Gallery - The image gallery in the blog post will be shown in the blogs page.

Note

If the settings for Video or Audio format is not displayed, go to Screen Options at the upper right side of the screen. Click the options for Video format settings or Audio format settings, this should display the settings.

_images/note.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 Posts > 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 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.

Events

Create New Event

To create a new event, follow the steps:

  • Step 1 - To start creating an event, on your Dashboard navigate to Events > Add New. The Add New Event page will show.

    _images/newEvent.png
  • Step 2 - Once your in the Add New Event page, you can add details about the event like title, pictures, videos, pricing, etc., to help with the promotion of the event. You can use the Elements in Rentica to customize it to your liking.

    _images/newEvent1.png
  • Step 3 - This are the needed information for the event, you can add the details.

    _images/newEvent3.png
    1. Title - The name of the event.

    2. Editor container - You can add the information for the event, like the rules and requirements to attend the event.

    3. Excerpt - This will serve as the summary of the event.

    4. Event Options - Details about the event.

      • Maps API Key - API Key for the google map to work in Event Location.
      • Event Location - The address/location of the event.
      • All Day Event? - Option to set the time of the event for a whole day.
      • Date & Time - The Start date and End date and time of the event.
    5. Tags - Tags that describes the event.

    6. Event Categories - Categories that can be used to group events with similar themes/category.

    7. Featured Image - The Image shown in the listings/pages.

    Note

    To have the same look as the demo, these are the sizes for the Featured Image:

    _images/newEvent11.png
    • Small - 996px x 996px
    • Big - 1992px x 1992px
    • Long - 1992px x 996px
  • Step 4 - Add all the needed details and descriptions for the event, Once satisfied click on Publish button.

Events 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 an event would make it easier to locate and post on similar topics by category.

Create Events Category

To create a Category for an event, follow these steps:

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

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

    _images/newEvent8.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 Events Category

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

In the Event 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/newEvent9.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/newEvent10.png

Add Events to Page

To add events on a page, you can use elements in the Visual Composer: Events Grid or Upcoming Events

_images/newEvent2.png

This is the element that will add an event on the page. For more information about this element, go to Rentica Custom Shortcodes > Events Grid/Upcoming Events.

Sample Events Page

  • Events Grid

    _images/short36.png
  • Upcoming Events

    _images/short39.png

Rents

Create New Rent

To create a new Rent, follow these steps:

  • Step 1 - To start creating an Rent, on your Dashboard navigate to Rents > Add New. The Add New Rent page will show.

    _images/rent.png
  • Step 2 - Once your in the Add New Rent page, you can add details about the Rent like title, pictures, videos, pricing, etc., to help with the promotion of the Rent. You can use the Elements in Rentica to customize it to your liking.

    _images/newEvent1.png
  • Step 3 - This are the needed information for the Rent, you can add the details.

    _images/rent1.png
    1. Title - The name of the Rent item.

    2. Editor container - You can presonalize the single page of the Rent item here.

      Note

      The VC elements, Rent Booking and Rent Features, are recommended to be used here. For more information about these shortcodes, click here.

      _images/rent2.png
    3. Excerpt - This will serve as the summary of the Rent description.

    4. General - Details about the Rent.

      • Price per Day - Price of the rental of the item per day. This is used for filtering purposes.
      • Number of Passengers - The limit of the number of passengers for the Rent item. This is used for filtering purposes.
      • Driver - Option for the Rent item to have a driver or not. This is used for filtering purposes.
      • Booki Project - This is the Booki Project that you made in Booki and you would like to use for the Rent Booking element in the single page. To know how to create a Booki project, click here.
    5. Custom technical features list - These are the list of technical details that are added in Rents > Technical Details. Information that are added here may be shown in Rent Search element by adding the feature list in 10. Technical Details.

    6. Rent Categories - Categories that can be used to group Rents with similar themes/category.

    7. Main Features - List the main features of the rent item. You can add a new main feature or use a pre-added feature.

    8. Entertainment Items - List the entertainment features of the rent item. You can add a new entertainment feature or use a pre-added feature.

    9. Other Features - List the other features of the rent item. You can add a new other feature or use a pre-added feature.

    10. Technical Details - List the technical detail that you would like to show in the Rent Search element.

    11. Featured Image - The Image shown in the listings/pages.

  • Step 4 - Add all the needed details and descriptions for the Rent, Once satisfied click on Publish button.

Rents 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 Rent would make it easier to locate and post on similar topics by category.

Create Rents Category

To create a Category for Rents, follow these steps:

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

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

    _images/rent4.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.
    • Image - Add an image to represent the category. This image will be used by the Rent Categories element to display rent items by category.
    • Content Availability - Who can see content/posts in this category.
  • Step 3 - Once done filling out the information of the category, click on Add New item button to save.

Delete Rents Category

To delete a Category, navigate your Dashboard to Rents > 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/rent5.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/rent6.png

Rents Features

Features of the rent items can be used by more than one rent item. To make it easier for the user to add features to the rent items, users can add the features in advance and can reuse it.

These features are divided into 4 types:

_images/rent7.png
  • Main Features - Features that are outstanding and the best parts of the rent item.
  • Entertainment Items - Hardware and software items in the rent item that can provide audio or video entertainment.
  • Other Features - Other features or accessories that are included in the rent item.
  • Technical Details - The technical details of the rent item. The items that are added here will show in the Custom technical features list in the Rents form.

Create Rents Features

To create a Feature for Rents, follow these steps:

  • Step 1 - Navigate your Dashboard to Rents > Main Features/ Entertainment Items/ Other Features/ Technical Details.

  • Step 2 - In the page, find the Add New item area. Add All the necessary information.

    _images/rent8.png
    • Name - The name of the feature.
    • Slug - The URL-friendly version of the name. Usually all lowercase.
    • Description - Description of the feature.
    • Content Availability - Who can see content/posts in this feature.
  • Step 3 - Once done filling out the information of the category, click on Add New item button to save.

Delete Rents Features

To delete a Feature, navigate your Dashboard to Rents > Main Features/ Entertainment Items/ Other Features/ Technical Details.

In the Feature’s page, you will see all the created features.

To delete a feature, you have two options:

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

    _images/rent9.png
  • Multiple Delete - To delete multiple features, 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/rent10.png

Add Rents to Page

To add events on a page, you can use elements in the Visual Composer: Rent Categories, Rent Display or Rent Search

_images/rent11.png

These are the element that will add an event on the page. For more information about these element, go to Rentica Custom Shortcodes > Rent Categories/ Rent Display/ Rent Search.

Sample Events Page

  • Rent Categories

    _images/short44.png
  • Rent Display

    _images/short47.png
  • Rent Search

    Sample for Simple Rent Search display

    _images/short53.png

    Sample for With technical list Rent Search display

    _images/short54.png

FAQ

Create FAQ Item

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

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

_images/faq.png

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

_images/faq1.png
  1. Title – The FAQ’s question should be written as the title.
  2. Editor Container – Where the answers for the question is added.
  3. FAQ 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/faq2.png

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

_images/faq3.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.
  • Content Availability - Who can see content/posts in this category.

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/faq4.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/faq5.png

Create FAQ Page

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

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 FAQ element in the VC.

    _images/faq6.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 for FAQ Page

_images/short57.png

Portfolio

Create Portfolio Items

To create a new Portfolio Item, navigate in WordPress Dashboard to Portfolio items > Add New

_images/port.png

The Add New Portfolio Item page will show. Add the details for the portfolio.

_images/port1.png
  1. Title - Title of the portfolio item.

  2. Editor container - You can presonalize the single page of the portfolio item here.

  3. Discussion - Option to allow comments in portfolio.

  4. Portfolio settings

    • Client
    • Client website
    • Details
    • Date

    Note

    The Portfolio settings is used as the details on the sidebar of the portfolio.

  5. Tags - Tags that describes the portfolio item.

  6. Portfolio Categories – Categories that can be used to group the portfolio with similar themes/category.

  7. Featured Image - The image visible on the page where the portfolio is used.

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

Create Portfolio Categories

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

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

_images/port2.png

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

_images/port3.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.
  • Content Availability - Who can see content/posts in this category.

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

Delete FAQ Categories

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

In the Portfolio 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/faq4.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/faq5.png

Create Portfolio Grid View

Portfolio grid view is made by using the WPBakery Page Builder.

_images/grid1.png

To get the same look as the sample above, follow these steps:

  • Step 1 - In your wordpress dashboard, go to WPBakery Page Builder > Grid Builder, and click the Add New button.

    _images/grid.png
  • Step 2 - You will be directed to the Add Grid template page.

    _images/grid2.png
    1. Title - The title of the grid template you are making.
    2. Grid Builder - Area where you can customize the look of your grid template.
  • Step 3 - To get the same look as the sample, in the Grid Builder, change the drop-down box to Scale in. This will give your grid an overlay of color if hovered.

    _images/grid3.png
  • Step 4 - Set the following information in the Normal tab’s settings.

    _images/grid4.png
    • General tab

      • Height mode - Original
      • Add link - Post link
      • Use featured image on background? - Yes
      • Image size - 476x476
  • Step 5 - Set the following information in the Hover tab’s settings.

    _images/grid5.png
    • General tab

      • Add link - Original
    • Design Options tab

      • Background - rgba(0,0,0,0.7)
  • Step 6 - Add the following elements in the Hover tab.

    _images/grid6.png
    • Icon - The icon that will show in the grid when you hover your mouse pointer.

      _images/grid7.png
      • Icon library - Font Awesome
      • Icon - Choose what you like.
      • Icon color - White
      • Background shape - Rentica: Outline Circle (Lighter White Border)
      • Background color - White
      • Size - Mini
      • Icon alignment - Center
    • Post Title - Where the title of the item that is used will show.

      _images/grid8.png
      • Element tag - h6
      • Text align - center
    • Post taxonomy - The category of the item being shown.

      _images/grid9.png
      • Taxonomy name - ct-portfolio-taxonomy
      • Limit - 1
  • Step 7 - Once done with all the changes, click Publish to save.

Create Portfolio Page

Portfolio of Rentica is generated by the theme from Portfolio Items.

To create a simple Portfolio Page, follow these steps:

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

    _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 Portfolio Items. To add the Portfolio Items, add a Post Masonry Grid element to the page.

    _images/port4.png
  • Step 6 - Change the following information to get the Portfolio Items.

    _images/port5.png

    -General Tab-

    • Data source – Ct-portfolio (setting this option, images will be taken from Portfolio item)
    • Total items – Choose number of elements that will be visible on the site.
    • Display Style – Load more button
    • Items per page - Set number as desired.
    • Show filter – Yes
    • Grid elements per row – choose 3, 4 or 6 Elements per row
    • Gap – 30px
    • Initial loading animation – Default

    -Item Design-

    • Grid element template – Choose the masonry grid that you made by following this tutorial.
  • Step 7 - You can customize the page by adding other elements to the page.

  • Step 8 - Once satisfied with the page, click Publish to save.

Sample Portfolio Grid View

_images/grid1.png

Team Member

Create Team Member

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

_images/team.png

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

_images/team1.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.
    • Pinterest url - Team member’s Pinterest account.
    • Facebook url - Team member’s facebook account.
    • Twitter url - Team member’s twitter account.
  4. Team Categories

  5. 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 members > 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 testimonial that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

    _images/team8.png
  • Multiple Team member Delete - To delete multiple testimonials, click on the box beside the testimonials 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/team9.png

Create Team Category

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

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

_images/team4.png

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

_images/team5.png

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

Delete Team Category

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

In the Team 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/team6.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/team7.png

Create Team Member Page

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

To create a simple Team Page, 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, add a Team Display element to the page.

    _images/short58.png
  • Step 6 - You can customize the team memebers that you want to display using the filters. Click Save changes to save.

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

Sample of Team Members in a Page

_images/short60.png

Booki Plugin

Booki is a modern booking plugin for WordPress. This plugin allows you to setup appointments or reservations with time that adapts to users timezone. You can make payment via PayPal or simply book and pay later.

Create New Booking Project

To create a booking project, navigate to Booki > Projects.

_images/booki1.png

You will be directed to the Create, edit, and delete projects page.

As the page name suggests, you can create, edit, and delete projects in this page.

_images/booki2.png

To create a new project, follow these steps:

Under the Projects tab:

  • Step 1 - Choose Create new in the Project’s drop down box.

    _images/booki3.png
  • Step 2 - Add the name of your project.

  • Step 3 - Fill in the needed information as required for your booking.

    Note

    Read the descriptions of the information to be guided.

    • Booking mode

    • Maximum booking days or time slot

    • Minimum booking days or time slot

    • Calendar mode

    • Tag

    • Project listing settings

      • Description
      • Preview Image
    • General project settings

      • Project status
      • New Booking Notification Recipient(s)
      • Default step
      • Booking wizard mode
      • Ban list
      • Default date selected
    • Booking control label settings

      • Booking tab caption
      • Custom form fields tab caption
      • Attendees tab caption
      • Available days field label
      • Selected days field label
      • Booking time field label
      • Optional features heading
      • Next button caption
      • Back button caption
      • Create booking button caption
      • From
      • To
      • Proceed to login label
      • Make booking label
      • Available seats label
    • Optional HTML content

      • Content above booking calendar
      • Content below booking calendar
  • Step 4 - After all the needed information are added, click the Create button to save.

    _images/booki4.png
  • Step 5 - Once the project is created, you will see the project short code below the project name.

    _images/booki5.png

    Note

    The short code is used to call the project that you would like to use in an element or widget.

  • Step 6 - Also, after the project is created, other tabs beside project can now be use to customize your project.

    _images/booki6.png
    • Form builder - Create a booking form that allows the user to input information for the booking.

      • Element type
      • Label
      • Value
      • CSS class name
      • Column Index
      • Row Index
      • Validation - Basic constraints
      • Validation - Advance constraints
    • Booking period - Specify the days that allows booking.

      • Booking date range: Start date & End date
      • Minimum notice
      • Email reminder
      • Seats
      • Deposits
      • Quantity elements general settings
      • Quantity elements
      • Days to exclude from list of days in selected season
      • Cost
    • Optional Lists - Add in the booking form extra billable items option for the user. These are displayed as checkboxes and are added to the bill.

      • Optional Item Name
      • Cost
    • Optional Cascading Lists -

      • Select Cascading List
      • Label
      • Is required
      • Value
      • Cost
      • Dropdown list items
      • Select the parent list

Delete Booking Project

To delete a project in booki, navigate to Booki > Projects.

You will be directed to the Create, edit and delete projects page.

Choose the project you want to delete at the Project dropdown box. The Project dropdown box have all the available projects.

_images/booki7.png

Scroll down and look for the Delete button.

_images/booki8.png

Add Booki Project to Rent Page

To add a Booki Project to a Rent page, you must use the Rent Booking element in the VC. This will let you add the booking form of the Booki Project.

_images/short40.png

Choose the Booki Project that you would like to use in General > Booki Project.

_images/short69.png

If you don’t add a Booki Project, the area where you add the Rent Booking element will be blank.

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.

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 click here to go to General Information > Unyson, Extension, and Plugins > Contact Form 7.

Create Contact Page

Contact Form Page of Rentica 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.

    _images/newContact4.png

MailChimp Plugin

MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.

Create New MailChimp Form

To start with making a MailChimp Form, you must set up a MailChimp list in your MailChimp Dashboard. You can read how to make a MailChimp list in this article.

Once you have made the MailChimp list, you can make the MailChimp Form.

  • In your wordpress dashboard go to MailChimp for WP > Form

    _images/mail.png

    Note

    Free users: You should be taken to the ‘Edit form’ page straight away.

    Premium users: you will need to make a new form by clicking the ‘Create New Form’ button atop the Sign-up Forms list.

  • You will be redirected to Edit Form, you will see the content of the form here.

    _images/mail1.png
  • You can add a field in your form by clicking the buttons in Choose a field to add to the form. The items in the List fields are the items in your MailChimp list.

    _images/mail2.png
  • To change the look of your form, you can go to the Appearance tab of the MailChimp form. You can choose the style in Form Style. You can customize the style of the form, just read these article.

  • Once you are done, click on the Save Changes button.

MailChimp Form on Page

Directly to the Page

  • You can add the MailChimp shortcode directly to the page where you would like to add it.

  • You can get the MailChimp shortcode at the bottom of the Mailchimp Form or by clicking <> Get shortcode button below the title of the form.

    _images/mail3.png
  • Create a new page where to add the the shortcode.

    _images/newPage.png
  • Write the MailChimp shortcode at the Editor container.

    _images/mail4.png
  • You can add other elements in the page if you like. Once done, click on publish.

Integration with Contact Form 7

  • You can see other plugins that can be integrated with MailChimp in MailChimp for WP > Integrations.

  • Here you can see that contact form 7 is capable on integrating with MailChimp.

    _images/mail5.png
  • Click on Contact Form 7 under Enabled Integration to configure the settings.

    _images/mail6.png
  • Once you are done with the configuration, click on Save Changes button.

  • On your dashboard, go to Contact > Add New to create a integrated form in contact form 7.

  • Add the title of the form then create the form by clicking the coding or clicking the buttons on what you would like the form to show.

    _images/mail7.png

    Note

    To successfully integrate the value from the Contact Form to MailChimp, the tags in contact form should be the same as of the tags in MailChimp.

    _images/mail8.png
    _images/mail9.png
  • On the page where you want to add the contact form, add a Contact Fom 7 element to the area you want the form to show.

    _images/short64.png
  • Then select the form title of the form. You can add other elements in the page if you like. Once done, click on publish.

Sample Contact Form with the 2 methods

_images/mail10.png

Revolution Slider

Edit a Revolution Slider

To edit an existing revolution slider, in your dashboard go to Slider Revolution > Slider Revolution.

_images/rev.png

You can see the existing revolution slider at the Revolution Sliders area. Choose the revolution slider that you would like to edit.

_images/rev1.png

In the Slide Editor, you will see the slides that are created for a revolution slider. Click on the slide you want to edit.

_images/rev2.png

You can edit the text and image content of the revolution slider as you see fit in the editor. For more info on how to use the Revolution Slider, click here.

_images/rev3.png

Once you are satisfied, click the Save Slide button at the upper right of the page.

_images/rev4.png

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 Rentica

Rentica 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
  • Logo - Logo of the site that will be displayed in the header.
  • 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.
  • Display Site Title and Tagline - Option to show the site title & tagline.
  • 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 Settings

The General Settings is divided into 2:

_images/custom2.png
  • General

    • MOTIVE COLOR - The primary color scheme of the site.

    • ONEPAGE SITE - Option to activate the effects of onepager mode.

    • PRELOADER - Display preloader before page is loaded.

      _images/custom3.png
  • 404 Page

    • 404 BACKROUND IMAGE - Background image in the 404 page.

    • 404 MESSAGE - Text shown in the 404 page.

    • 404 BUTTON TEXT - Text inside the button in the 404 page.

      _images/custom4.png

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

Header & Navigation

The Header & Navigation is where you set the behavior of the header and how it looks.

The header settings is divided into 3 parts:

_images/custom5.png
  • Header Settings

    • PAGE HEADER - Option to display page header on top of the page. (Customizable in options of every page)

    • MAIN PAGE HEADER - Appears when Page Header is Yes.

    • HEAD SECTION TYPE - Choose which type of head section you want to display (works only when header is enabled).

    • BACKGROUND IMAGE - Default background image of the header.

    • HEAD HEIGHT - Height in pixels of the header.

    • PARALLAX RATIO - Speed of the parallax of the header if header type is parallax.

    • BACKGROUND COLOR - Background color of the header.

      _images/custom6.png
  • Header Elements

    • TITLE COLOR - Text color of the header text.

    • TITLE DIVIDER - Option to add a divider.

    • BORDERED HEADER - Option to add a border for the header title.

    • BORDER COLOR - Color of the header title if border header is Yes.

      _images/custom7.png
  • Navigation Settings

    • SEARCH - Option to add a search icon at the header navigation.

    • MOBILE LOGO - Logo for the mobile menu in mobile view.

      _images/custom8.png

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

Blog

This is where you can customize the Blog side bar location:

The blog is divided into 2 parts:

_images/custom9.png
  • Blog Page

    • BLOG SIDEBAR - Option to display sidebar on blogs page.
    • SIDEBAR LOCATION - Area where the sidebar is located.
    • SOCIAL SHARE ICONS - The social share icons that are shown in the blogs page.
    _images/custom10.png
  • Single Blog Post

    • BLOG SIDEBAR - Option to display sidebar on blogs page.
    • SIDEBAR LOCATION - Area where the sidebar is located.
    • TAGS - Option to display the tags of the blog below the social share icons.
    • SOCIAL SHARE ICONS - The social share icons that will be displayed in the blogs.
    • COMMENT - Option to allow comments in the blog.
    _images/custom11.png

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

Event

This is where you can customize how the Events Single Post would look.

_images/custom12.png
  • Event Single Post

    • ADD EVENT TIMER IN HEADER - Option to display the event timer in header.
    • SCROLLDOWN BUTTON - Option to display a scroll down button in the header.
    • CATEGORIES - Option to show the categories of the event after the post.
    • TAGS - Option to display the tags of the event after the post.
    • SOCIAL SHARE ICONS - Option to choose what social share icons will display below the post.
    • ENTER EVENTS PAGE URL - The page URL for the “BACK TO EVENTS” button below the event image.
    _images/custom13.png

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

Portfolio

This is where you can customize how the Portfolio Single Post would look.

_images/custom14.png
  • Portfolio Single Post

    • PORTFOLIO SIDEBAR - Option to display a sidebar in the portfolio single post.
    • SIDEBAR LOCATION - If portfolio is displayed, this option will show. Option where the sidebar is located.
    • ENTER PORTFOLIO PAGE URL - Add a URL link for what page will redirect when you click the icon in the middle of previous and next button.
    _images/custom15.png

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

Rent

This is where you can customize the Rent account and Rent Item single post:

The Rent is divided into 2 parts:

_images/custom16.png
  • Account

    • ENTER LOGIN PAGE URL - URL link for the login page.
    _images/custom17.png
  • Rent Item

    • SCROLLDOWN BUTTON - Option to display a scroll down button in the header.
    • SOCIAL SHARE ICONS - Option to choose what social share icons will display below the post.
    _images/custom18.png

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

Homepage Settings

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/custom19.png
    • A static page - Set a page that would stay the same until the page is replaced manually.

      _images/custom20.png

Note

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

Widgets

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

Note

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

_images/custom23.png
  • CT Footer column 1
  • CT Footer column 2
  • CT Footer column 3
  • CT Post Footer column 1
  • CT Post Footer column 2
  • Footer

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/custom25.png

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