Wallstreet WordPress Theme Documentation

First of all I would like to thank you for purchasing this Wordpress theme.All the php code block are self explanatory.Feedbacks and Queries are welcome [at] webriti.com/support

Installing the theme

  • Download and unzip the theme package.
  • Go to xampp folder in Local Disc-> htdocs-> wordpress-> wp-content-> themes and past the theme package.
  • Go to Admin Panel->Appearance->Themes. Now Activate The Wallstreet WordPress Theme .
  • Create Custom Menus Go to Admin Panel->Appearance->Menu .
  • The Updates will be available at the http://webriti.com/amember/ , You can download using your login details.

Now Enjoy the theme and create your own Business Site.
On Activation we have tried to fill all the areas by default informations.So that one can easily make out the area's user editable, dynamically .Use the specified Images(Dimension) for better look.

Files and Directory Structures

Directories

  • CSS FolderIncludes all the css files found in this theme.
  • Images FolderIncludes all the images found in this theme.
  • JS FolderIncludes all the js files found in this theme.
  • Functions FolderThis Includes all sub-folder breadcrumbs, excerpt,
    lang, menu, meta-box, pagination, post-type
    resize_image, scripts, shortcodes, taxonomies
    theme_options, widget.

Page Templates

  • Homefront-page.php
  • About Usabout-us.php
  • Blog Left Sidebarblog-left-sidebar.php
  • Blog Right Sidebarblog-right-sidebar.php
  • Blog-FullWidthblog-fullwidth.php
  • Contact Uscontact-us.php
  • Page-Full-Widthpage-full-width.php
  • Portfolio-2-columnportfolio-2-column.php
  • Portfolio-3-columnportfolio-3-column.php
  • Portfolio-4-columnportfolio-4-column.php
  • Service Templateservice-template.php

Important: Theme support is provided to help for any issues, such as bugs or incompatibilities of the theme purchased as well as any further explanation of a function, if you have not quite understood something here in the documentation file. Theme support does not include any sort of customizations for you or your client, so please try and refrain from opening tickets with these requests. Thanks!

Cascading Stylesheet

Wallstreet WordPress Theme has following stylesheets.All the css are well documented .

  • flexslider CSSflexslider.css
  • font CSSfont.css and much more...
  • font-awesome-4.0.3 CSSsub-folder css,fonts,less and scss
    contains much more files...

  • bootstrap CSSbootstrap.css
  • bootstrap.css.map CSSbootstrap.css.map.css
  • css-tooltips CSScss-tooltips.css
  • lightbox CSSlightbox.css
  • media-responsive CSSmedia-responsive.css
  • theme-menu CSStheme-menu.css

Script Files Used

Below find all the javascript files present in the theme .

  • CarouFredSel Jqueryjquery.carouFredSel-6.2.1-packed.js
  • Flexslider Jquery jquery.flexslider.js
  • Lightbox Jquerylightbox-2.6.min.js
  • Menu Jquerymenu.js
  • Accordion-tab Jqueryaccordion-tab.js
  • Alert Jqueryalert.js
  • Bootstrap.min Jquerybootstrap.min.js
  • Bootsrap Jquery bootstrap.min.js
  • Collapse Jquerycollapse.js
  • Jquery Library (WordPress)jquery.js?ver=1.11.0
  • Tab Jquerytab.js

Setting up the theme

  • To make themes Home Page Enable , Go To Appearance->Option Panel->Quick Start Settings ,Check to the "Enable Front Page" ,then click "save options".
  • To Change the Logo of the theme Go To Appearance->Option Panel->Quick Start Settings-> "Custom Logo" .You can select your best in the given field(s) .
  • To Add Menu(s) in the Home Page Go To Appearance-> Menus.You can set your menus .
  • The Home Page of this theme includes Wallstreet WordPress Theme Featured slider, Services, Featured Portfolio Project, Testimonials, Latest Blog Post, Core Features of Theme, Clients.
  • To Change the slider images, Go To Admin Panel-> Featured slider-> Add New Slide-> set featured image-> Publish. Repeat the process atleast twice.
  • To Add your 'Service' Go To Admin Panel-> Featured Services-> Add New Service->"Enter the Title"-> "Get your fontawesome icons."-> Check or Uncheck the field-> set featured image->Publish.
  • To Add your 'Portfolio/Project' Go To Admin Panel-> Add New Project-> Add title, media, fill corresponded field,then add "image,category"-> Publish.
  • To Add your 'Portfolio Categories' Go To Admin Panel->Portfolio/Project-> fill the desires Field-> Add New Category.
  • To Add your 'Testimonials' Go To Admin Panel-> Add New Testimonial-> fill/check the desired field-> set featured image-> Publish.

Adding Wallstreet Featured Slider

You will find types of slide variation's in the slider .

  • To Featured Slider image, Go To admin dashboard -> Featured Slider-> Add New Slide .
  • In the title box, You can add slider title text.
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • In the MetaBox,You can add information about slider image.
  • Featured Slider(Admin View)-Refer steps in below image.

  • Featured Slider (Home page View)

Adding Wallstreet Service

You can set your available services with this .

  • To Add New Service, Go To admin dashboard -> Featured Services -> Add New Service .
  • To add service title using title box.
  • In the Service Icon MetaBox,You can add Service Icon using fontawesome icons.For example : fa-bell-slash-o
  • In the Service Link MetaBox,You can add your custom Service link.
  • In the Service Description MetaBox,You can add your custom Service description.
  • Service(Admin View)-Refer steps in below image.

  • This section will be shown on below slider of the Home Page .
  • Service(Front-View)

  • If you want to display services from the menu then use Service templates provided with the theme.
  • Service(Template View)

Add Your Portfolio Project

  • To Add New Project, Go To admin dashboard, Portfolio/Project -> Add New item .
  • To add Project first title using title box.
  • In the Project Title MetaBox,You can add your Portfolio Project second Title.
  • In the Project Description MetaBox,You can add your Portfolio Project Description.
  • In the Button Text MetaBox,You can add your Portfolio Project Button Text.
  • In the Button Link MetaBox,You can add your Portfolio Project Button Link.
  • Now Add a new Portfolio Project image with Featured Image(Post Thumbnail) .
  • Portfolio Project(Admin View)-Refer steps in below image.

Add Your Portfolio Category

  • To Add New Portfolio, Go To admin dashboard, Portfolio/Project-> Portfolio Category-> Add New Category.
  • To add Portfolio Category Name, use Name box.
  • To add Portfolio Category Slug, use Slug box.
  • To Choose Parent, use drop down box.
  • In the Portfolio Category Description MetaBox,You can add your Portfolio Category Description.
  • To add Category, click on add new category.
  • Using drop down box, choose bulk action.
  • Using check box, select categories for any update.
  • Portfolio Category(Admin View)-Refer steps in below image.

  • Featured Portfolio Project(Front Page View)

  • If you want to display Portfolio 2 Column from the menu then use Portfolio 2 Column templates provided with the theme.
  • Portfolio 2 Column

  • If you want to display Portfolio 3 Column from the menu then use Portfolio 3 Column templates provided with the theme.
  • Portfolio 3 Column

  • If you want to display Portfolio 4 Column from the menu then use Portfolio 4 Column templates provided with the theme.
  • Portfolio 4 Column

Managing Your Testimonials

  • To Add New Testimonial, Go To admin dashboard, Testimonial->Add New Testimonial.
  • Now Add an image for the Testimonial with Featured Image(Post Thumbnail).
  • In the Testimonial Description MetaBox,You can add your Testimonial Description.
  • In the Testimonial Discussion MetaBox,You can check/uncheck "Allow comments" as well as "Allow trackbacks and pingbacks on this page".
  • Testimonial(Admin View)-Refer steps in below image.

  • This section will be shown on below Featured Portfolio Project Section.
  • Testimonial Section(Front Page View)

Managing Our Team

  • To Add New Team Member, Go To admin dashboard, Our Team->Add New Team Member .
  • Now Add an image for the Member with Featured Image(Post Thumbnail) .
  • In the Role Description MetaBox,You can add your Role Description.
  • You can set Facebook/Twitter/Flickr/Google URL for team .
  • Our Team(Admin View)

  • If you want to display Our Team from the menu then use About-us template provided with the theme.
  • Our Team

Option Panel Setings

Go To->Admin->Appearance->Option Panel

  • You can customise your theme with Option Panel Setting.
  • Option Panel

Quick Start Settings

  • Make Front Page Enable or Disable.
  • Insert Logo for your website.
  • Set your logo Height and Width.
  • Enable text-based Site Title using Text Title.
  • Insert Fevicon Icon for your website.
  • Add your Google Tracking Code using google tracking code box.
  • Add your Custom css using Custom css box to change the site layout without editing code.
  • Quick Start

Slider Setting

  • Enable slider on front page.
  • Add Slider Custom Background Image.
  • Slider Settings:Refer steps in below image.

Service Setting

  • Add your service title for Home Page and Service Template.
  • Add your service description for Home Page and Service Template.
  • Service Title and Description Settings(Admin View)Refer steps in below image.

  • Service Title and Description Section on Service Template(Service Template View)

Project Portfolio Setting

  • Enable view all Project button on front page.
  • Select number of portfolio/project.
  • Give title, description and enter more button text, more link.
  • Enter related project title and description.
  • Portfolio Title and Description Settings(Admin View)Refer steps in below image.

  • Portfolio Title and Description Section on home page(Front Page View)

Testimonial Setting

  • Select slider type from drop-down list.
  • Select scroll items from drop-down list.
  • Select scroll duration from drop-down list.
  • Select time-out duration from drop-down list.
  • Testimonial Settings(Admin View)Refer steps in below image.

  • Testimonial Section on home page(Front Page View)

Theme Feature Setting

  • Enable theme feature section.
  • Browse add image button to add image.
  • Give the title for featured theme.
  • Choose your getfontawesome icon and type it in icon field.
  • Set feature icon title and give description.
  • Fill the same entry for second and third feature theme.
  • Theme Feature Settings(Admin View)Refer steps in below image.

  • Theme Feature Section on home page(Front Page View)

Our Clients Settings

  • Add number of Client using on click "add client" button.
  • Add Home Page Client Heading.
  • Add Home Page Client Section Description.
  • Client Title and Description Section(Admin View)Refer steps in below image.

  • Client Title and Description Section on home page(Front Page View).

Typography

  • Enable/Disable custom typography.
  • You can change typography's field :General typogrphy, Menu, Post and Page title, Service title, Portfolio title, Widget heading title, Call out area title,description,button for various sections.
  • Typography Settings(Admin View)Refer steps in below image.

Contact Page Settings

  • Add your contact details in the specific fields.Like: contact text, address, phone, contact email etc.
  • Contact Information(Admin View)Refer steps in below image.

Google Maps

  • Enable Google Maps in contact page.
  • Use the src of embed map of google maps API.
  • Add the src of embed map in the input box Google Map URL.
  • Map(Admin View)Refer steps in below image.

Layout Manager

  • Mange your home page layout using drag and drop option.
  • By default all section are shown in enable box,you don't want those field on home page drop to disable box.
  • Layout Manager option(Admin View)Refer steps in below image.

Custom Widget Setings

Go To->Admin->Appearance->Widgets

  • Custom Widget(Admin View).Refer steps in below image.

  • Custom Widget Sidebar(Front View).

  • Custom Widget Footer(Front View).

  • You can customise your widgets.

Home Page Template

  • Home Page Contains Several Sections ,Which are populated using different Custom Post Types .
  • Featured Slider, Site Info Section, Featured Service, Project Slider, Our Clients/Testimonials and Theme Support Desk .
  • To Change the Logo of the theme Go To Appearance->OptionPanel->Quick Start.You can select your best is the given feild(s).
  • To Add Menu(s) in the Home Page Go To Appearance->Menus.You can set your menus.
  • To set Tag Line for your theme Go To->Appearance->OptionPanel->Site Info Setting.
  • To set Heading for Service section for your theme Go To->Appearance->OptionPanel->Service Setting.
  • To set Heading for Portfolio Project section for your theme Go To->Appearance->OptionPanel->Portfolio/Project Settings.
  • To set Heading for Testimonial section , Go To->Appearance->OptionPanel->Our Testimonail Settings.
  • You can manage Theme feature using ,Go To->Appearance->OptionPanel->Theme Feature Setting.
  • You can set Clients setting using ,Go To->Appearance->OptionPanel->Clients.
  • You can fill the whole Footer Call Out Area using ,Go To->Appearance->OptionPanel->Footer Call Out Area.
  • You can manage the Sections of the Home Page Using DRAG and DROP option of Layout Manger in Appearance->OptionPanel->Layout Manger.

About Us Template

In the About Us Template you will find following features .

  • You can add Text from editor.As shown in the above image.
  • To change the Our Services, Go To ->Admin Panel ->Featured Service ,There you can set/change Name, Icon, Service Link and Description.
  • To change the Our Team, Go To ->Admin Panel ->Our Team ,There you can set/change Name, Image, Role Designation, Social Media Links of the team member.
  • To change the Our Testimonials, Go To ->Admin Panel ->Testimonial Settings ,There you can set/change Name , Image , Testimonial Author Designation , Testimonial Author Description and Testimonial Author Link.

Blog Left Sidebar Template

  • To show all your blog post, i.e, recent post, recent comments.
  • In the Left Sidebar you can place a custom widgets or WordPress Defaults Widgets.

Blog Right Sidebar Template

  • To show all your blog post, i.e, recent post, recent comments.
  • In the Right Sidebar you can place a custom widgets or WordPress Defaults Widgets.

Blog Full Width Template

  • To show all your blog post in full width.
  • All blog post description also shown below the title of each post.
  • Category link also shown below description of post so user can go to the post category.
  • You can place a custom widgets or WordPress Defaults Widgets.

Contact Us Page Template


  • To use these templates create a normal WordPress page and select the Contact Us page template
  • Populate Your Contact Page Address/Information Settings using Option Panel Contact Page Setting.

Page Full Width Template

  • A full width detailed page .
  • You can add Text and Attachments and Featured Image.
  • You can post a comment using comment box.
  • Portfolio Templates

    • Theme supports Three Types of Portfolio templates . To use these templates create a normal WordPress page and select the appropriate page template .

    Portfolio Two Column

    • List all your Portfolios in a Two columns View.

    Portfolio Three Column


    • List all your Portfolios in a Three columns View.

    Portfolio Four Column


    • List all your Portfolios in a Four columns View.

    Service Template

    • A full width Service detailed page .
    • This page will show your Services that all you have created using SERVICE Custom Post Type.
    • To change the Our Project Slider On Service Template, Go To ->Admin Panel ->Project Slider ,There you can set/change Name, Image, Project Title, Project Desciption, Project Button Text and Project Button Custom Link.
    • To change the Our Clients/Testimonials, Go To ->Admin Panel ->Our Clients, There you can set/change Name, Image, Testimonial Author Desigantion, Testimonial Author Desciption and Testimonial Author Link.

    List Of Features

    Themes offers variety of Short codes Like Column, Tabs, Accordian, Alert ,Drop-Caps, Heading, List etc.

    • Go to PAGE or POST , Click on Green Plus Sign to add Shortcode on that Page/ Post. Select the shortcode according your need(one or more) and insert the content in to it.
    • Insert Shortcode(Admin View).Refer steps in below image.
    • Wall Shortcode

    Images with dimension

    Container Name Dimensions
    Home Slider

    1600 x 750

    Featured Service

    200 x 200(Service)

    125 x 125(Other Service)

    About Us

    175 x 175

    Blog

    740 x 400(For Blog With Left/Right Sidebar)

    1140 x 500(For Blog With Full Width Sidebar)

    Portfolio

    263 x 243 (For Portfolio Home Page Thumbnails)

    555 x 510 (For Portfolio Two column)

    360 x 330 (For Portfolio Three column)

    263 x 240 (For Portfolio Four column)

    Testimonial

    100 x 100

    Our Theme

    525 x 331

    Resources Used

    The following resources where used in the development of this theme: