• Log in to the WordPress Dashboard.
• Go to Appearance->Themes.
• Active Design Agency Pro themes.

• Unzip skt-design-agency-pro.zip to your Desktop.
• Using an FTP client to access your host web server. Go to /wp-content/themes/
• Upload theme to /wp-content/themes/.
• Go to Appearance->Themes and activate theme from Dashboard.

Note: All the required plugins for this theme must be installed and activated before importing demo content.

• Go to Tools -> Import
• Install and run WordPress importer.
• Download demo content zip or get the file from demo-content folder included in theme's zip.
• Right click on designagency.zip extract and import xml file demo data
• Click on browse, select XML file and click on Upload file and import.
• You will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website or to create a new user.
• You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
• Please be patient while WordPress imports all the content. Posts, Pages, Products, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress import system.

• WordPress Admin -> Settings -> Readings -> Your Latest Posts

• Kindly visit Appearance -> Theme Options -> Sections to Manage the homepage sections first and second select any pages.

• Create the page from wordpress dashboard give title, description and publish it.
• Then Go to -> Appearance ->Theme Options -> Section Tab. Select that page from dropdown then click on "Save Options" Button on bottom of the sections
• Can Hide Welcome Section clicking on Check to hide welcome page section
• See Screenshot Below

• How to Manage Three Column Page Boxes

• Create the page from wordpress dashboard give title, description and publish it.
• Then upload image for that page from just bottom.
• Then Go to -> Appearance ->Theme Options -> Section Tab. Select that page from dropdown then click on "Save Options" Button on bottom of the sections
• Can Manage excerpt length for page boxes
• Can Manage page column 1,2,3,4,5,6
• Can Hide Three Boxes Section clicking on Check to hide our servoces three column section
• See Screenshot Below

• Section 2
• Why Choose Us section Manage from

• shortcode:
  [whychooseus_main][whychooseus image="wp-content/themes/skt-design-agency-pro/images/chooseus1.png" title="BEAUTIFUL & CLEAN DESIGNS" description="Lorem ipsum dolor" link="#"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu nibh quam. Sed feugiat justo neque, ac dapibus lacus eleifend ut. Sed feugiat suscipit lectus[/whychooseus][whychooseus image="wp-content/themes/skt-design-agency-pro/images/chooseus2.png" title="RESPONSIVE & RETINA READY" description="Lorem ipsum dolor" link="#"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu nibh quam. Sed feugiat justo neque, ac dapibus lacus eleifend ut. Sed feugiat suscipit lectus[/whychooseus][whychooseus image="wp-content/themes/skt-design-agency-pro/images/chooseus3.png" title="DEDICATED SUPPORT & UPDATES" description="Lorem ipsum dolor" link="http://www.google.com" class="last"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu nibh quam. Sed feugiat justo neque, ac dapibus lacus eleifend ut. Sed feugiat suscipit lectus[/whychooseus][/whychooseus_main] image icon size must be 135px/135px (width=135px and height=135px)
• see screenshot below how to manage.

• Section 5
• Skills & Expertise section Manage from

• shortcode:
  [skillwrapper type="circle" track_color="#d9ddd7" chart_color="#01c6d9" chart_size="150" align="center"][skill percent="75" title="JQUERY"][skill percent="95" title="WORDPRESS"][skill percent="90" title="WEB DESIGN"][skill percent="95" title="HTML 5"][skill percent="100" title="RESPONSIVE DESIGN"][skill percent="50" title="ANGULAR JS"][/skillwrapper]
• see screenshot below how to manage.

• Section 6
• Latest Post section Manage from Left Navigation -> Posts
• shortcode:[blogposts show="2"]
• latest post image size must be 370px/250px (width=370px and height=250px)
• Our Blog post come from wordpress default post

• see screenshot below how to manage.

• First Install Plugin qTranslate X from WordPress plugin.
• Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
• Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
• Viewing in English used website url : http://www.yourwebsiteurl.com/en/
• Check below screen shot for making slider translation ready.

Dutch Translated
English Translated
• Check below screen shot for making section translate ready.

Dutch Translated
English Translated

• Design Agency Pro theme is based on one page theme. Below steps will guide you how to set up navigation for each section.
• Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot

• Log in to the WordPress Dashboard.
• Click on Appearance>Theme Options
• Basic Settings
  
  • Upload and set up Logo, Favicon
  • Change Font Family, font size, font colors, background color, Slider controls Colors
  • Change header background and opacity
  • Change navigation font family and font size
  • Change navigation hover and active color
  • Change Link and link hover color
  • Can Upload body background image or background color manage from custom option
• Sections
  • You can add content in the section for homepage.
• Homepage Slider
  • Can set inner page banner image default
  • Can set Slider Effects and Timing, Slide Controllers
• Footer
  
  • Can manage footer section from footer tab footer layout boxed 1column, 2column, 3column and 4column
  • Can manage footer section from footer tab
  • Can manage footet title, description, social links and contact detail info.
  • Can manage footer copyright text and theme by text.
• Shortcodes
  • All Shortcodes available Go to Appearance->Themes Option->Shortcode Tab see screenshot below...
  

• Log in to the WordPress Dashboard.
• Go to Appearance -> Customize
• See screenshot below...

• WordPress Admin -> Appearance -> Theme Options -> Homepage Slider Tab
• You can change Slider Effects and Timing.
• You can change Slider Effect.
• You can change Slider Animation speed.
• You can change Slider pause time.
• You can change Slide Controllers.
• You can change inner page banner default image.
• You can change home page default slider.
• You can change Slider Hide/Show pager of slider.
• You can change Slider Pause Slide on Hover.
• see screenshot below...

• Default Template
  • Helps in setting up the content on any page with Right Sidebar
• Left Sidebar
  • Helps in setting up the content on any page with Left Sidebar
• Full Width
  • Helps in setting up the content on any page without Sidebar

• Set up by using Page Template Blog on any page to show blog posts
• Blog Full Width, Blog Left Sidebar, Blog Right Sidebar page templates

• Go to Appearance->Widgets->Blog Sidebar
• Go to Appearance->Widgets->Pages Sidebar
• Go to Appearance->Widgets->Footer change left side copyright text
• Go to Appearance->Widgets->Footer change Right side Design by text
• Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

• All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
• Uncheck the box: Allow Comments and click on Update.
• If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

• Go to Plugins -> Add New in the WordPress Admin panel
• Type WooCommerce is search box and click on search button
• Install and then Activate the plugin.
• It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
• That’s it now you can go to shop page and check the default product.

• Go to Appearance-> Background.
• You can set any image or color as background.
• You can see the background preview on the same setting page.
• Click on Save Changes.
• See screenshot below...

Footer Four Column

• Appearance -> Theme Options -> Footer tab Footer Layout
• Footer Layout 1 column, 2 column, 3 column and 4 column.
• if you want another data in the footer four column you can manage from Appearance -> Widget -> display footer widget 1, 2
• see screenshot below...

• All Shortcodes available Go to Appearance->Themes Option->Shortcode Tab
• Photo Gallery
  [photogallery filter="true"]
• Testimonials
  [testimonials]
• Contact Form
  [contactform to_email="[email protected]" title="Contact Form"]
• Footer Post
  [footer-posts show="2"]
• Team Members
  [ourteam show="4"]
• Search Form
  [searchform]
• Read More Button
  [readmore-link align="left" button="Read More" links="#"]
• Skill Circle
  [skillwrapper type="circle" track_color="#d9ddd7" chart_color="#01c6d9" chart_size="150" align="center"][skill percent="75" title="JQUERY"][skill percent="95" title="WORDPRESS"][skill percent="90" title="WEB DESIGN"][skill percent="95" title="HTML 5"][skill percent="100" title="RESPONSIVE DESIGN"][skill percent="50" title="ANGULAR JS"][/skillwrapper]
• Social Icons ( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/):
  [social_area] [social icon="facebook" link="#"] [social icon="twitter" link="#"] [social icon="linkedin" link="#"] [social icon="pinterest" link="#"] [social icon="google-plus" link="#"] [social icon="youtube" link="#"] [social icon="wordpress" link="#"] [social icon="flickr" link="#"] [social icon="skype" link="#"] [/social_area]

• If you want other and more shortcode please install Shortcodes Ultimate plugin https://wordpress.org/plugins/shortcodes-ultimate/

• First create a new page/post and scroll down a little to see if there is a meta box called featured images on the right hand side of the screen

• See video documenation for featured image : https://www.youtube.com/embed/310YGYtGLIM?list=PLu-rbI5wLChHyGiODN2uVkkR6XAxP1i7x

• Shortcode:
  [social_area]
  [social icon="facebook" link="#"]
  [social icon="twitter" link="#"]
  [social icon="linkedin" link="#"]
  [social icon="google-plus" link="#"]
  [social icon="instagram" link="#"]
  [social icon="youtube" link="#"]
  [social icon="pinterest-p" link="#"]
  [social icon="rss" link="#"]
  [/social_area]
• Can manage social icons font size, color and hover color from Appearance -> Theme Options -> Basic Settings tab
• Note: Icon name should be in lowercase without space.(exa.facebook) More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/