RS Card

Version 1.0.8


Thank you for purchasing our Theme! We hope you will find answers to all your questions regarding RS Card answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us. We will appreciate, if you find a few seconds and rate our Theme. Many thanks!

INSTALLING RS CARD

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called rscard.zip. You can install the theme by using one of two installation methods:

  1. WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:
    1. Login to WordPress admin
    2. Go to admin panel > Appearance > Themes > Add New > Upload Theme
    3. Click on "Choose File" and select rscard.zip
    4. Click on "Install Now"
  2. FTP upload - If you wish to install via FTP, here are the steps you need to take:
    1. Using FTP client, login to the server where your WordPress website is hosted
    2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    3. Using FTP client, upload the RS-Card directory to themes directory on remote server

Once installation is complete, your RS-Card theme will be ready to use. You should now see "Rs-Card Options" appear in the WordPress admin panel.

Great - you can now start building your site!

IMPORTING DEMO CONTENT

You can either start building your site from scratch, or import our demo site and then modify it to fit your needs. We will now explain how to do that.

Here's what you need to do:

  1. Login to WordPress admin
  2. Go into admin panel > Tools > Import
  3. Click on the RS-Card Options If you haven’t already, you will be prompted to install the WordPress Importer free WordPress plugin. Just install it like you would any other plugin, and after you activate it return to this screen.
  4. Then click the Browse button to select the xml sample data file you would like to upload, and click Upload file and import. Next Your should see the following screen.
  5. The importer will give you the option to either import our demo users, or to assign the posts to an existing user on your WordPress site. For each option we recommend that you assign the posts to an existing user (ideally your user account, since you are the one working on the website). You’ll also see an option to import file attachments. Check this box only if you want to import all of the image and media files included in our RS-Card demo. Click submit to import the sample data. Once complete you should see a successful import message.
  6. There are certain things a WP import can not do, so after uploading sample data:
    • Go to Appearance->Menu to set your menu locations.
    • Go to Appearance->Widgets to add your widgets (widgets aren’t included in a WordPress export)
    • Set your homepage at Settings->Reading using the Homepage as a static page.
    • Go to the Customizer setup your main options!

UPGRADING RS CARD

You can upgrade your theme by performing the following steps:

  1. Download the latest theme zip file from ThemeForest
  2. Extract it and locate rscard.zip
  3. Extract rscard.zip and locate the 'rs-card' folder
  4. Copy/Replace content of the 'rs-card' folder to the /wp-content/themes/rs-card folder of your web site.

IMPORTANT F.A.Q.

1. Why can't I save my menu?

WordPress by default has a limited number of menu items. When you import our demo site, which contains a lot of menu items, you might not be able to save changes you make to a menu. You can fix this problem by contacting your hosting and asking them to add the following lines to php.ini file:

suhosin.post.max_vars = 5000
suhosin.request.max_vars = 5000
2. Why is there a smiley displayed on blank pages?

This problem is most likely related to JetPack and memory settings of your hosting. You can either disable JetPack or read what the JetPack developer wrote: Regarding the memory limit, please refer to the WordPress Codex section concerning this problem. Some sites that load many plugins alongside WordPress ultimately require a higher memory limit than WordPress defaults to, but since this is limited to specific hosts and configurations, it must be dealt with on an individual basis. You'll find the Codex article at: http://codex.wordpress.org/Common_WordPress_Errors#Allowed_memory_size_exhausted

3. How do I optimize my site?

Please use this tool to investigate reasons for slow loading: https://developers.google.com/speed/pagespeed/insights/?hl=en

4. How to translate or rename default theme labels?

You can use the Codestyling localization plugin (http://wordpress.org/plugins/codestyling-localization/) to translate/rename all the theme's labels. Another solution is to edit the theme folder/languages/en_US.po file directly in editor and manually edit labels you want to translate.

5. Why do I see a white screen when importing demo content?

If you get a white screen or some other error when trying to import our demo content, this probably happens because of the maximum execution time limit. You need to increase the maximum execution time (upload time) setting of your web server. The default maximum execution time on web servers is 30 seconds. Please increase it to 120 seconds. Possible ways of achieving this are:

Ask your hosting provider to take care of this for you.

6. Why we don't recommend to modify the code?

We are not responsible for errors and bugs that may result from theme updates after code customization. Please consider that code customization by your initiative may cause problems installing latest updates.

Once you've installed Rs Card, you can start building your site.

Setting Up the Header

One of the first things you might want to do is to set up the header area. This section contains the logo, menu, search bar, side area icon, and other optional widgets.

To set it up, go to Rs-Card Options > Header from the admin panel. The settings you define here will be the default settings for all pages on your site. If you need help with any of the options, please refer to Select Options in this user guide. Some options, such as the header skin and background color, can be overridden on the page level by going into the page's backend. For more information on how local page settings work, see Pages.

Now let's add a logo. Go to Rs-Card Options > Header Settings > Logo Settings from the admin panel and click the upload button next to the "Logo Image" field, or you can use text logo fileds with custom colors you want. You should now have a visible logo in your header area.

Logo Admin

To create a menu, go to Appearance > Menus from the admin panel. Click on "Create a new menu." Enter a name for your menu, and then click on "Create Menu".

Every page that you've created up until now will be listed in the section on the left called Pages. Simply check the ones that you want added to the menu, and then click on the "Add to Menu" button. Once added, you can click and drag the menu items to rearrange them, or nest them one under the other.

Underneath the menu items, under the section Menu Settings, check "Theme Main Menu" and click "Save Menu" in order to activate the menu you've just created. You should now have a functional menu on your pages.

Menus

There are three types of page templates used in Rs Card: Default, Blog and Homepage.
You can change template from "page attributtes" section.

Template

Homepage template

If you want to create pages like homapages on demo, you have to choose Homepage template.

About Section will appear on top of your page and in Other section you can choose several flexible blocks, which will appear under the About Section.

Template

Let's see flexible sections and there fields:

Skills Section:

Interests Section:

Portfolio Section:

This is the section for displaying Portfolio Posts on Homepage.

Experience Section:

Education Section:

References Section:

Blog Section:

Calendar Section:

Contact Section:

Clients Section:

Price Box

Editor Section:

Blog template

For showing all posts in one page you have to choose Blog template.

Page Options

All pages on Rs Card theme have options for header image. Using these options you can hide header image from exact page or set individual image

header image

To create new posts navigate to Posts->Add New.

You can select post's format from right sidebar and appropriate fields will be shown under the editor.

Post Options

All posts on Rs Card theme have options for header image. Using these options you can hide header image from exact post or set individual image

header image

If you have installed all required plugins then this section will appear on admin page and you will be able to add portfolio posts which will appear on your homepage's portfolio section.

To create new portfolio post navigate to Portfolio->Add New.

Let's sea portfolio options:

header image

  • Image Size - Please select which image size to be shown on homepage's portfolio section.
  • Outer Link - You can put the outer link here.
  • Popup Content - You can create portfolio post's popup content here with image or video header.

Please always use featured image as it appears on homepage's portfolio section as preview image

You can access Rs-Card Options from the WordPress admin panel. The settings found here are applied globally and will affect all pages of the site. However, note that many of these options can be overridden locally by applying settings on individual pages or on shortcode elements.

General Settings

This section allows you to set up general settings for your site that will affect its look and functionality.

General Settings

General Settings has two sections:

  • Favicon - Here you can upload any media using the WordPress native uploader.This will be your website's favicon
  • Sidebar Settings - These are the right side menu/the post sidebar settings
    • Enable Side Menu - Select the checkbox to show right side menu
    • Enable Sidebar For Posts - Select the checkbox to show the sidebar on post's single pages
    • Author Block - Fill in appropriate fields and the author block will appear above the right side menu and above the single post's sidebar if they are enabled.

Header Settings

This section allows you to set up the header area and this is where you can upload or write your website logo

Header Settings

Header Settings has three sections:

  • Logo Settings - Here you can upload any media using the WordPress native uploader or if you want to use text logo instead of image, you can write text.The text logo will appear if image logo doesn't uploaded. You can also use "Logo Image For Sticky Menu" uploader to upload the different logo to the sticky navigation
  • Navigation - Here you can enable/disable the "sticky" functionality for navigation.
  • Header Image - Upload any media using the WordPress native uploader. The image will appear on header of your theme.

Typography Settings

This section allows you to set up your website typography settings. Default font-family is "Open Sans", sans-serif.

Header Settings

Styling Settings

This section allows you to set up your website's color scheme and layout styles.

Header Settings

Styling Settings has two sections:

  • Theme Color Scheme - Here you can select the predefined color scheme for your website.If you want to set up different color scheme then predefined colors you can use "Primary Color" option.
  • Theme Skin Style - Here you can select the skin of your website to be white or dark.

Social Settings

This section allows you to set up Social links you want to appear on your website. They will appear on footer and under "Homepage" templates's "About" section.

Social Settings

Social Settings has two sections:

  • Enable/disable Socials - Here you can enable/disable social links.
  • Social Links - Here you can place the link you want and social icon will appear. To remove it, just leave it blank.

Import / Export

This section allows you to import / export your settings from file, text or URL.

Widgets are easy to manage and can be incredibly useful to have on your site.

For Rs Card, we've developed custom widgets to give you even more functionality.

Except the Wordpres native shortcodes, we developed the shortcode which allows you to manage your editor's layout and the shortcode for contact form

Column Shortcodes

There are 3 types of column shortcodes: One Half, One Third, One Fourth, you can put content,image or other shortcode to these columns

[wrapper]
 [one_half]Some content[/one_half]
 [one_half]Some content[/one_half]
[/wrapper]

[wrapper]
 [one_third]Some content[/one_third]
 [one_third]Some content[/one_third]
 [one_third]Some content[/one_third]
[/wrapper]

[wrapper]
 [one_fourth]Some content[/one_fourth]
 [one_fourth]Some content[/one_fourth]
 [one_fourth]Some content[/one_fourth]
 [one_fourth]Some content[/one_fourth]
[/wrapper]

Contact Form Shortcode

[rs_card_contact_form email='[email protected]' email_label = 'Email' name_label = 'Name' subject_label = 'Subject' message_label = 'Message' submit_label='Send']

Button Shortcode

Button shortcode allows you to generate button using 3 attributes: button_text, button_link, target

[rs_card_button button_text='Download' button_link='#' target='_blank']

You can also use Wordpress native shortcodes, see here https://en.support.wordpress.com/shortcodes/.

 

Images

 
 
 
                                          
 

Fonts

 
In the theme there are used two Google Web Fonts Open Sans ans Fredoka One by default. But you can use any font from google fonts collection from option panel
Go to Themeforest and follow the image instructions