Wall-street Instructions
Theme Instructions
About
Wall Street is a single column, responsive, post-format-loving WordPress theme.
Installation
- Download the zip file from your members dashboard. This will always be the most current version of the theme.
- Log in to your WordPress dashboard. This can be found at yourdomain.com/wp-admin
- Go to Appearance > Themes and click on the _Install Themes_ tab
- Click on the _Upload_ link
- Upload the zip file that you downloaded from your members dashboard and click _Install Now_
- Click _Activate_ to use the theme you just installed.
For more details about installing your themes, please view Installing Your Theme
Demo content
Optional: You can download a demo content file here that you can import in Tools > Import. In many cases just importing the demo content will not work since you will also have to make some manual configurations. Please go through this documentation to fully understand how the theme works in order to customize it to fit your needs.
Theme Customizer
With the Theme Customizer, you can set your title and tagline, upload a logo, set a background image, assign your menus, and choose a static home page. You can preview your changes by clicking the Customize link below your active theme on your Appearance > Themes page.
*Please note: Setting a static home page will remove the default home page elements built into the theme.
Media Settings
This theme sets the media sizes automatically. You can review these sizes in Settings > Media. The default sizes for this theme are:
- Thumbnail size
- Width: 110
- Height: 110
- [checked] Crop thumbnails to exact dimensions (normally thumbnails are proportional)
- Medium size
- Max Width: 600
- Max Height: 0
- Large size
- Max Width: 1280
- Max Height: 0
- Embeds
- [checked] When possible, embed the media content from a URL directly onto the page. For example: links to Flickr and YouTube.
- Maximum embed size
- Width: 1280
- Height: 0
_Please Note: If you are switching from another theme, you will want to install and run the Regenerate Thumbnails WordPress plugin to resize your existing images._
Widgets
Wall Street supports three widgetized areas: sidebar, footer and above the footer area. For more detail about adding widgets to your site, please read Adding Widgets.
Menus
Wall Street uses WordPress’s custom menus option. These can be created in Appearance > Menus. To add a new menu to your site:
- Go to Appearance > Menus.
- Create a new menu item by clicking the + tab.
- Select the pages you want to display in your menu and click the Add to Menu button. If you do not see the type of page (category, tag, portfolio, gallery, etc) you want to display, click the Screen Options link at the top of the page and make sure the page type is checked.
- Once you have set your menu as you want it, click the Save Menu button.
- Then, assign that menu to your desired theme location to ensure your menu appears where you want it and click Save.
Featured Images
This theme relies heavily on Featured Images.
To choose the image you want to set as a featured image for this post and click the _Set as Featured Image_ button. For best results use images that are at least 960 pixels wide.
How to setup theme like the demo
To setup theme like the demo go to Settings > Reading and make sure that "Front page displays" option is set to "Your latest posts". Go to Appearance > Theme Options > Slideshow and create a slideshow by uploading or selecting images from your Media Library. The homepage will display the slideshow followed by work, services, clients, testimonials and blog sections.
Homepage Sections
Homepage features five sections: work, services, clients, testimonials and from the blog section. Each section displays posts from different categories in custom layout. To select categories for each section:
- Go to Appearance > Theme Options > Homepage.
- Select a category for each section from the drop down menus.
- Once you have set your categories as you want them, click the Save Settings button.
Work / Portfolio
To setup your portfolio section go to Appearance > Theme Options > Homepage and select category for the Portfolio option. Selected category will display it's posts in grid/portfolio layout.
Services
To setup your services section go to Appearance > Theme Options > Homepage and select category for the Services option. Selected category will display it's posts in grid / three column layout.
Clients
To setup your clients section go to Appearance > Theme Options > Homepage and select category for the Clients option. Selected category will display it's posts in grid / five column layout.
Testimonials
To setup your testimonials section go to Appearance > Theme Options > Homepage and select category for the Testimonials option. Selected category will display it's posts in testimonial two column layout.
Team
Wall Street includes a Team page template. This page template will display posts from category that is assigned to Team option on Appearance > Theme Options > General page. To create a team page:
- Create a new page in Pages > Add New.
- Assign this page to the Team page template. You do not need to add any content to the content area.
Blog
Wall Street includes two Blog page templates. These page templates will display posts from category that is assigned to Blog option on Appearance > Theme Options > Homepage page. To create a blog page:
- Create a new page in Pages > Add New.
- Assign this page to the Blog or Blog Grid page template. You do not need to add any content to the content area.
Post Formats
This theme supports the following post formats — gallery, image, video, quote and standard — which are unique layouts for specific types of posts. Each post format has its own unique layout on single post page. Adding the WP Post Format plugin will improve the WordPress admin interface and make creating Post Formats simple and intuitive. You can download that plugin here:
https://github.com/crowdfavorite/wp-post-formats
While all the post formats work with default behaviour, here are some that have unique characteristics:
Gallery - To show a slideshow of images (an image gallery), upload as many images as you like using the media uploader tool and insert the Gallery into the post. Be sure to assign a Featured Image for that post. For best results, use images that are at least 800 pixels wide. All posts assigned to the Gallery Post Format will then display the Gallery at the top of the post, with any text added into your post's edit page displayed below.
To insert a gallery:
- Switch to the Gallery tab.
- Click the Add Media button to launch the Media Uploader tool.
- Click the Create Gallery option.
- You can choose to upload images from your computer or you can use images that already exist in your Media Library. You cannot use an image from a URL on the web in your gallery.
- If you are uploading images, click the Select Files button and navigate to each of your images on your computer. Click the Open button to open each image.
- Once each of your images has been uploaded, you will have the option to add a title, caption, alternative text and description.
- After you have added all of the images you wish to display in the gallery, switch to your media library tab and select those images.
- Then, click the Create a New Gallery button.
- Set a featured image for your Gallery.
Video - To display a video in your post, switch to the Video tab. Paste your video's embed code in the Video URL or Embed Code field. The video will display above all post content on the homepage, single, and archive pages. This works for all interactive elements (videos, maps, panoramas) that have embed code. You can also add additional interactive elements into the content area, though these will appear inside the content area, rather than above it.
Page Templates
This theme provides eight four templates: Default, Blog, Blog Grid, Team.
- The Default page template is the standard page layout, and will display the Sidebar if you have it activated in your widgets area.
- The Blog page template will display all of your blog posts on this page. You can determine how many posts will appear on each page before the 'Older Entries' link in Settings > Reading, by setting a value for 'Blog Pages Display at Most'.
- The Blog Grid page template will display all of your blog posts on this page in grid layout. You can determine how many posts will appear on each page before the 'Older Entries' link in Settings > Reading, by setting a value for 'Blog Pages Display at Most'.
- The Team page template will display posts from category that is assigned to Team option on Appearance > Theme Options > Layout page.
Social Media Icons
You can add social media icons to your menu. This theme supports the following custom icons— Dribble, Facebook, Twitter, Vimeo, Pinterest, Google Plus, WordPress, Flickr, Feed, Youtube and Instagram.
In your Menus panel on your dashboard, click on the arrow for each menu item to open the details box. You should see an option for _CSS Classes_. If you do not see this option, click the _Screen Options_ link at the top of the page and make sure _CSS Classes_ is checked in the menu that opens up.
To specify which icon will display, enter the corresponding class name in the CSS Classes box. Please note that these class names are case sensitive. The corresponding class names are: facebook, twitter, vimeo, pinterest, googleplus, wordpress, flickr, dribble, feed, youtube and instagram.
This is an image of a correctly completed menu details section: