Halftone Theme Documentation by Luis Zuno

Thank you for downloading my theme. If you have any questions that are beyond the scope of this help file, please visit the community forums Please note i don't offer support on Free files. Thanks so much!

Getting Started

Description top

This theme has a responsive design use it for your blog and to showcase your creative portfolio. More than 5 custom widgets and couple of shortcodes make this theme perfect to show your work online. View the online demo

Installation top

Below is a quick overview of the WordPress "Add New Themes" installation method:

  1. Download your theme file (theme_name.zip).
  2. Log into your WP admin panel and click on the "Appearance" tab. Now click on the "Add New Themes" tab.
  3. Click on the "Upload" button, "Browse" for your zip folder you downloaded from our site to your computer and select "Open".
  4. Click the "Install Now" button.
  5. Activate the theme from this page, OR "Return to Themes Page" and activate from there.
  6. Set up your theme option's panel for it to display correctly. See example of theme option's panel.
  7. Your theme "cache" folder is CHMOD 777.
  8. The following installation guide will help you - http://codex.wordpress.org/Installing_WordPress

Prepare your Theme top

Before adding content to your newly installed theme i highly suggest to configure a little your theme so it looks like the one in the online preview.

Add the required plugins

You will see a message in yellow box in the top part on your admin panel suggesting to install some plugins.

Click on the "Begin Installing plugins" link, this will take you to the install page, select all plugins and in bulk actions select install and click apply. This will install all the necessary plugins so your theme works correctly. Make sure you activate all the plugins.

Set the Home and Posts Page

If you want to display a home page instead of the blog posts Do the following:

  1. Create a new page name it blog
  2. Create a new page name it home and set the page template to "front page"
  3. Finally go to "Settings > Reading" and select "A static page" at the "Front page display" option

Permalinks

I also suggest to change your permalinks structure to numeric. To do so go to "Settings > Permalinks" and choose the numeric numeric option.

General Settings

Also go the "folder > General Settings" (The first tab) and fill all the data to suit your needs.

That should be enough to have a decent look on the recently created site, continue reading the configure the theme section to learn more detailed options.

Configuring the theme top

You can set some options for the theme under the folder tab in the admin panel

  • General Settings
  • Front Page Settings Select the type of content to display on the featured thumbnails.
  • Appearance Settings Change quickly the general layout colors
  • Social Settings Add social network links on the bottom of the page
  • Slider Manager Add sliders to the front page

Front Page top

This theme uses the LofSlider to display images at the front page. You can add as many images with captions and thumbnails from the wp-admin > folder > Slider Manager

Click the "Front Page settings" under the Folder (bag icon) options tab and select what type of content you want to feature. You can select the post type, the number of items to display.

Work Posts top

Its pretty simple to add work posts or projects to your site, just go to the work tab (the one with the briefcase icon) and click on the "Add New" and fill all fields as you would with a regular post. Remember to add a "featured image" to display on the work list and also put some data on the "Work details" box.

If you don't see this window click on the "Screen Options" tab on the top of the window and check the "Work Details" option.

Work categories

You can put categories and tags on work posts, if you put categories they will appear on the work page heading.

Work on the front page

Additionally you can configure your front page to display work posts from and filter them by categories if you want. To do this go to "Folder > Front Page Settings" and under the featured options heading set the post type to work, the number of items among and the categories to include, leave this blank to get all the categories.

Work widget

Visit the "Appearance > widgets" tab to drag and drop recent work posts to your sidebar and footer area.

Setting the Contact Page

Adding the Contact Page top

At this point you need to have intalled the "Contact Form 7" and the "Comprehensive Google Map Plugin" plugin, if no please refer to the "preparing your theme" section of this document.

  1. The first step would be to create a contact form using the "contact form 7" plugin. Go to the contact tab then click on the "contact form 1" which is the default form. Edit the name if you wish. At the moment leave the form as is and skip to the mail settings. Enter your email and change the From and Subject values to whatever you need. Then click save.
  2. Now copy the short code (it is the line of code marked in brown color.
  3. Add a new page, and name it contact.
  4. Paste the shortcode you copied above on the content area
  5. Optionally enter some content

Widgets

This themes comes with 6 built in plug-ins to make your life easier while organizing your content. To add them to your site go to "Appearance > Widgets" and drag them to your widgets areas: Blog sidebar, Page sidebar and Footer

Contact Form Widgettop

This widget adds a basic contact form in your footer or sidebar and will send it your administration email. You can change the title for this widget.

Latest Posts Widgettop

Shows latest post entries with excerpt. Optionally you can filter by categories what posts to show.

Latest Work Widgettop

Shows recent work entries with a featured image.

Tweet Widgettop

Shows recent Tweets. You can change the twiiter user name, the number of entries and the widget title. If you need to change the style for this widget you can change it at "css/jquery.tweet.css" file.

Video Widgettop

Displays a youtube or vimeo video on your footer or sidebar: Enter a title and a URL for the video.

REMEMBER you need to copy paste the URL from the browser location into the video url field.

Sortcodes

Shortcodes are added to any post, page or widget by simply adding the shortcode as shown in the examples below. Some shortcodes also have optional parameters so you can customize it even more.

These look amazing in all modern browsers, and although they won't look as amazing, they will still work in older browsers. Parameters:

  • href="link" The url for the button
  • Target="_self | blank" Default value is "_self"
  • color="red | green | blue" If color is not specified it will be the default color

Usage
[link_button href="link"]Theme Button[/link_button]
[link_button href="link" color="red" ]Red Button[/link_button]
[link_button href="link" color="green" ]Green Button[/link_button]
[link_button href="link" color="blue" ]Blue Button[/link_button]

Preformatted texttop

Useful to display code examples.

Usage
[pre]content[/pre]

Tabstop

With the tabs, you can create your own tabs to hold lots of information without using a lot of space on your page.

Usage
[tabs]
	  [tab title="your title"]...[/tab]
	  [tab title="your title"]...[/tab]
	  ...
[/tabs]

Accordiontop

Create your own accordion to hold hidden information which you can toggle to view. Parameters: "title" to display on the tab.

Usage
[accordion_box title="Lorem ipsum"]content...[/accordion_box]
[accordion_box title="Lorem ipsum"]content...[/accordion_box]
[accordion_box title="Lorem ipsum"]content...[/accordion_box]

Toggle Boxtop

Create your own toggle to hold hidden information which you can toggle to view. Parameters: "title" to display on the tab.

Usage
[toggle_box title="Lorem ipsum"]content...[/toggle_box]
[toggle_box title="Lorem ipsum"]content...[/toggle_box]
[toggle_box title="Lorem ipsum"]content...[/toggle_box]

Text Columnstop

Columns are an easy way to style your post or page with multiple columns, from two columns to 4 columns. To divide text into columns, use any of the below shortcodes. Use the "_last" shortcode for the last column in the row.

Usage
[one_half]...[/one_half] [one_half_last]...[/one_half_last]
[one_third]...[/one_third] [one_third_last]...[/one_third_last]
[one_fourth]...[/one_fourth] [one_fourth_last]...[/one_fourth_last]	

Headings

top

Will set the wrapped text in a heading tag

Usage
[h1]Heading 1[/h1] to [h6]Header 6[/h6]

Pullquotes

top

Add a styled quote to your page or post and float it left or right

Usage
[pullquote_left]...[/pullquote_left]
[pullquote_right]...[/pullquote_right]

Dropcap

top

Style the first letter of a paragraph with a dropcap.

Usage
[dropcap]Once upon a time in a far...[/dropcap]

Highlighted Text

top

Highlight important text

Usage
[hl]highlighted text...[/hl]

Information Boxes

top

Highlight important text

Usage
[box_info]...[/box_info]
	
[box_success]...[/box_success]
	
[box_error]...[/box_error]
	
[box_warning]...[/box_warning]

Video

top

Show a youtube or vimeo video in any post or page by entering this shortcode. Options are url, width and height.

Usage
[video url="url_to_video" w="width" h="height" /]