Promotion

Animated CV Resume Theme


Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via our support forum at support.pixflow.net. Thank you very much!

Basic Features:
Changelog:

Web Standard Tests:

We have checked the stracture of our theme and it's successfuly validated as HTML5 and CSS3.

Cross-browser testing:

Tested on major browsers and found it works fine on IE 9.0+, Chrome, Firefox, Opera, Safari and works at its best when viewed with newest version of them. Also this theme is tested on latest version of Android and iOS, HTC phones, iPhone 5s, iPad Air and it was working fine on all of them.

Creadits:

What kind of hosting service do i need to use this theme?

You need PHP 5.2 or higher installed on your hosting and you need to be able to change read/write permission of your files. Also you need wordpress 3.9 or higher installed on your server.

Instalation:

First Download & Install WordPress 3.9 (or higher).
Upload “promotion” folder via FTP into [wordpress folder] /wp-content/themes/

Notice: After uploading theme to your hosting you must:

Set CHMOD 775 to folder “your_site/wp-content/themes/promotion/”

In “Appearance > Themes > Manage Themes > Available Themes” activate “Promotion” by hitting appropriate “Activate” link.

Promotion is using page templates to create different pages. It gives you a powerful yet simple platform to build different pages the way you like it.

Page Templates:

Promotion comes with 6 page templates:

Default template: this template gives you a boxed layout with sidebar option along with other options. It means that your contents go inside a invisible box in center of your website. You can use this template for your blog page.

Full width template: like it's name, this template gives you a full width layout. It's good for creating extera pages in addition to current page templates.

Home: this template is used for creating your home page, it includes a section for biography information, another section for home page background, and one more for overlay option in home page. A quick way to make a beautiful home/about page.

Portfolio: just like it's name, this template is used for creating a portfolio page.

Resume: This template is used for creating your resume page, it has an option for adding/removing different sections of resume page and  another one for creating a counter on top of your resume page.

Contact: This one is useful for creating contact page, it includes and option for adding the contact information and one more for the contact page background.

To create home page navigate to Pages --> Add new, you can give this page a title of "Home". Select the "Home" template from the Page Attributes section. Now you can see that a new box is added to the bottom of text editor and it's name is "Home Page Settings".

In this box, the first option is "Biography Information", you can enter a title for your biography( for example your name), add your image and your signature image.

To add your biography to home page, enter the text in WordPress text editor.

Next option is "Background setting", you can choose to image, video or the option of not showing a background. If you choose image, you can add more than one image and make a background slider. Also the first image will be shown as the background in mobile and tablets.

 If you choose video, alternative image is the image that is shown instead of video in tablet and mobile devices. Also the best format for video background is .webm .

The last options is "Overlay setting", you can choose a layer with opacity or some premade patterns to be shown on top of home page background.

The last step is pressing the "Publish" button.

When you created your new page using "Home" template, go to Settings --> Reading and  set the “Front Page Displays” setting to "A static page" and choose the page you just created as front page. Your Home page is ready now.

home

To create blog page navigate to Pages --> Add new, you can give this page a title of "Blog", you do not have to enter any content , then Press "Publish" button. When you have created your new page, go to Settings --> Reading and set the  “Front Page Displays” setting to "A static page" and choose the page you just created as posts page.

How to use different post formats?

When you want to create a new post using "Posts > add new", 5 post formats are available:

This one is a normal WordPress format for blogging. 

You can used this format for making a quote post, Post title will be shown as who said the quote and editors text will be shown as quote. 

Video: This post format is for creating a video post, you can enter the youtube or vimeo URL in setting box below the text editor and enter the description in text editor.

Audio: This post format is for creating a audio post, you can enter the SoundCloud URL in setting box below the text editor and enter the description in text editor.

This one is like standard post format, but you may have several images shown in a slider when you enter the blog detail page. 

To create a portfolio page follow these steps:

  1. Navigate to "Pages > Add new"
  2. Select portfolio page template from the templates menu on the right side of the editor
  3. Select your page options from the options box under the text editor
  4. Publish your page using "publish" button next to title input.

How to add portfolio item?

Here is how:

  1. In wordpress admin panel go to Portfolio > Add New
  2. Enter portfolio title in the Title field
  3. To add or select skill types go to Skill box next to the editor (To add new skill type, Click on Add new category link and enter each skill name and press Add new category button at the bottom.)
  4. To show a thumbnail of the porfolio item in portfolio page you have to Add a "Featured image" to the item.
  5. Inside Portfolio Options box you can add images of your portfolio(which will be shown as a slider) or enter a youtube/vimeo video id, you can also add a sound cloud URL for adding audio to your portfolio item.  Based on "Portfolio media type" images, video or audio will be shown inside the portfolio details pop up.
  6. You can also add many attributes to your portfolio item here, for example you can add the project client, date of that project and etc.
  7. now press publish button to save your item.
resume

To create a resume page follow these steps:

  1. Navigate to "Pages > Add new"
  2. Select resume page template from the templates menu on the right side of the editor
  3. Select which resume sections you want to use from the options box under the text editor, you can set those sections to be open when the resume page loads, also you can show your years of experience or the awards you won using the experience counter section.
  4. Publish your page using "publish" button next to title input.

How to add an experience to resume page?

  1. In wordpress admin panel go to Experience > Add New
  2. Enter any name you like in experience title field, you can leave it empty
  3. In Experience options, enter the title of your experience
  4. In Experience Duration enter the time you spend on that experience
  5. In Experience Description enter any information or description about that experience
  6. Then choose an icon for that experience
  7. Click the "publish" button 

How to add an education to resume page?

  1. In wordpress admin panel go to Education > Add New
  2. Enter any name you like in education title field, you can leave it empty
  3. In Education options, enter the title of your education
  4. In Education Duration enter the time you spend on that education
  5. In Education Description enter any information or description about that education
  6. Then choose an icon for that education
  7. Click the "publish" button 

How to add a testimonial to resume page?

  1. In wordpress admin panel go to Testimonial > Add New
  2. Enter any name you like in testimonia title field, you can leave it empty
  3. In Testimonial options, enter the name of the person who said the quote
  4. In subtitle field, enter his/her position or additional information about the person who said the quote 
  5. In description, enter tha actual quote
  6. Then upload the image of person who said the quote
  7. Click the "publish" button 

How to add a skill to resume page?

  1. In wordpress admin panel go to Skill > Add New
  2. Enter any name you like in skill title field, you can leave it empty
  3. Enter the title of your skill in skill title
  4. Enter the number of your progress in skill percent, for example 85 
  5. Click the "publish" button 
contact

To create contact page navigate to Pages --> Add new, you can give this page a title of "Contact". Select the "Contact" template from the Page Attributes section. Now you can see that a new box is added to the bottom of text editor and it's name is "Contact Page Settings".

In this box, the first option is "Contact Information", you can enter a title and subtitle for contact information, enter your address, website, email, phone and other information. The last field in this section is contact form selector, you should create a contact form in "admin dashboard > Contact" and select it here.

Next option is "Background setting", you can choose to image, map or the option of not showing a background.

If you choose map, you can set a beautiful map with different settings like it's general style, zoom level, address, latitude, longitude and a marker to show your location on map. 

The last step is pressing the "Publish" button.

To navigate to Admin control panel or theme settings, you should go to appearance > theme settings.

Here we describe each option for you:

General Settings:

General settings includes website basic settings.

TS 1

Welcome Text: Write a text to be shown as first page loader(for example your name or a welcome). all spaces will be replaced by dot.

Custom Logo: you can either choose text to use your name as your website logo, or choose image to use an image for website logo.

Custom fav icon:  this icon is the small icon that is shown in left side of each tab of your browser. 

Animation Setting: you can disable or enable the animation of your website content here.


Appearance:

Here you can choose theme colors.

TS 2

Preset Color: Here you can choose a preset color we have included on this theme or choose the custom option to make your own color combination.

Accent Color: It's the color of most colorful elements.

Content Color: It's the color of texts.

Highlight Color: It's the color of text and elements when you select them.

Link Color: Here you can choose normal color and hover color of links.


Fonts:

Here you can choose the fonts for your website.

TS 2

Body Font:  Here you can select your desired font name for contents.

Navigation Font:  Here you can select your desired font name for header navigation area.

Headings Font:  Here you can select your desired font name for headins and titles.


Sidebar:

Here you can set the sidebar settings.

TS 3

Single Blog Post Sidebar: Here you can select a sidebar for blog detail pages.

Custom Sidebar: Here you can create custom sidebars.

Page Sidebar Position: Here you can choose to have left or right sidebar in pages which have sidebar.


Footer: 

Here you can set the footer options.

Copyright Text: Here you can enter your footer copyright text.


Social:

Here you can enter your social network addresses, if you leave them empty, they will not be shown in your website.


Other Settings:

Here you have Additional Scripts and API Key option. 

other

Additional Script: Here you can enter any custom javascript or CSS. Note that for using javascript, you should NOT use <script></script> tags.

API Key: Here you can enter your Google API key for using google map.

Dummy Data: Here you can import our demo website content into your website.

To use twitter widget follow these steps:

screenshot


screenshot


4. In next page enter the required information and continue




screenshot


Click on "OAuth Tool" tab and copy the following keys into HX - Twitter Widget

screenshot


screenshot

Here are the best image sizes for different website images:

Home biography image: 180x180 pixel

Home background image: 1920x1080 pixel

Portfolio item thumbnails( featured image ): 384x505 pixel

Portfolio detail image: 770x530 pixel

Testimonial image: 132x132 pixel

Blog post thumbnails( featured image ): 870x370 pixel

Contact background image: 1920x1080 pixel