By KS Designing
Version 1.2
Here you will find all the information you need on how to set up your new theme as well as customize it.
There are two ways two install your new WordPress theme. Uploading it through WordPress is the more simple approach. If you're comfortable and familiar with FTP then you can also go that route.
Inside the folder you first unzipped from the file you downloaded, you'll find the "docs" folder (conatins the file you're reading right now!) as well as another zip file named "teller.zip". This file named "teller.zip" is the file you'll be uploading through WordPress.
If you've yet to install WordPress itself you can find all the information and steps here: https://codex.wordpress.org/Installing_WordPress.
Once you have WordPress up and running and you're logged in you'll want to hover over or click on the "Appearance" tab on the left of the main admin screen and select the "Themes" tab.
From the "Themes" screen, click 'Add new' at the top. You'll now be at the "Install Themes" screen. Click 'Upload Theme' at the top. From here click 'choose file' and then navigate to and select the "teller.zip" file and click 'install now' and activate the theme.
That's it! WordPress should tell you it installed successfully and your theme will be ready to use.
First you'll want to extract the "teller.zip" file. You should end up with a folder named "teller" or whatever name you may have specified when extracting.
Log in with your FTP details and navigate to your WordPress installation (usually the root directory).
Look for the 'wp-content' folder. Inside that folder you will find the 'themes' folder. Simply upload the "teller" folder into the 'themes' folder and you're all set! Your theme will be ready to use and activate which is explained in "Basic Setup" below.
The first you thing you'll want to do is reset the theme options menu.
To do this go to Appearance > Theme Options. At the bottom of the options panel you'll see the "Options Reset" button. Simply click this and you're ready to go.
Head to Appearance > Menus. For the menu to display properly you need to create a new menu and set it to "Primary Menu" next to theme locations.
First you'll want to decide whether you want your homepage to be a static page (like the portfolio page for example) or if you want your home page to act as a blog.
By default WordPress shows blog posts on the homepage(using the index.php template file) so if you want a static home page you need to take the following steps.
When editing a page you will find two different header options under the main editing window.
The minimal option consists of just the logo and menu at the top in white.
The full header option will display a fullscreen header like you can see in the home page of the demo. Under this option is where you can enter the text to display in this section as well as an option to add a button.
You'll find the 'Portfolio Items' tab to the left of the admin screen. To add a new item click 'Add new'. From here you will be able to add your portfolio item content.
You need to create a Portfolio Display to display portfolio items on a page. Go to Portfolio Items > Portfolio Displays. Click 'Add New Portfolio Display'. You can select which categories to display items from or enter individual post id's. Once you've selected that you will copy the shortcode that is displayed in the top right corner of the page.
If you don't select any categories the portfolio will show items from all categories.
You can paste this shortcode anywhere on any page and within columns.
This theme has styles for galleries up to 4 columns so keep that in mind when inserting a gallery.
Images in a gallery will automatically be set up to use the lightbox.
For any images added by themselves you need to add a link class of "lightbox". This should be under Advanced options when editing a photo in a page or post.
The dark section example on the home page is achieved by using the "wide" shortcode which is explained with the other shortcodes in the shortcode section.
Teller uses just a few simple shortcodes.
This shortcode will display a wide section with a dark background which you can see an example of on the home page of this theme's demo.
To achieve this you would use the [wide] shortcode in the following format:
[wide]
Content...
[/wide]
NOTE: You can also add a custom class to these sections by using: [wide class"yourclasshere"]
The button shortcode format is as follows:
[button text="Button Text Here" url="http://example.link" align="left"]
The Alignment option will default to left if it is left blank. The other options are "center" and "right".
The [posts] shortcode displays the most recent posts from the blog and is used in the following format:
[posts posts_number=3]
You can change the number to how ever many posts you would like to display. (3 to a row)
This is explained in the portfolio section above.
The [space] shortcode simply provides a larger space to separate content.
In the theme options tab under Appearance, you'll find different options and settings such as uploading your logo. Most of them are self explanatory.
When installing the theme, two plugins will be automatically recommended to be installed, Contact Form 7 and Minimalist Instagram Widget.
This theme comes with a dummy content file. Here is how to install it.
From the WP admin go to Tools > Import. From here click on the last option labeled 'WordPress'.
Here you will choose the file named 'teller.wordpress.xml' that is contained inside this download. Then click 'Upload File and Import'.
On the next page make sure to check the "Import Attachments" box and then click submit. All the demo posts and content will now be loaded.
Keep in mind some elements such as the logo still have to be set within the theme options. While the menu buttons are imported the menu still needs to be activated and set to the correct location.
If you are having any trouble please leave me a message on the item page and I will get back to you ASAP!