Documentation for theme1972

1. Getting started
   • Engine installation
   • Theme installation
   • Theme activation
   • SQL dump file installation
   • Permalinks settings
   • Menu setup
2. Page Templates and Sidebars
3. Posts, Categories and Post Formats
   • Add Blog post
   • Add Slider post (Slide)
   • Add Portfolio post
     • Choosing Portfolio post format
   • Add Testimonial post
   • Add Our team post
   • Add Service post
4. Creating Portfolio Page
5. Shortcodes
6. Plugins and Custom Widgets
7. Theme Options
8. FAQs

Engine installation

Download correct WordPress engine version. At the template preview page, in the requirements section you can see the required WordPress version. Please make sure you are downloading the correct one.

1. The WordPress engine could be downloaded from the official website at WordPress.org Download WordPress. In case you need more recent releases you can click the Release Archive link.

2. When you are done with the downloading you need to extract the files from the engine and template packages. To extract the files from the WordPress engine ZIP package you can use any archive manager that can handle ZIP archives.

   The following tutorials will show you how to extract files on Windows(WinZip) and MAC(StuffitExpander).

   • Extract archived files (MAC OS)
   • Extract archived files (Windows OS)
   • Downloading and Installing WinZip
   • How to unzip a template (MAC OS)
   • How to unzip a template (Windows OS)

3. After extracting the files you need to upload the WordPress engine files and folders to your hosting server.

   All these files and folders should be uploaded to your hosting server. The engine files should be uploaded to the PUBLIC_HTML or WWW directory on your server.

   If you don’t see PUBLIC_HTML or WWW directories on your hosting server please contact your hosting and specify where to upload the website files.

   Please check the following tutorials on how to upload files to server:

   • How to upload files to server
   • How to upload files to a server using cPanel (WebHost Manager, WHM)

4. At this step you need to create a database which will be used by your WordPress engine.

   Feel free to check detailed tutorials below:

   • How to create a database
   • How to create MySQL database with GoDaddy

5. In your browser address bar type your domain name/root to the WordPress files and press Enter. This will start the installation procedure.

6. Creating configuration file. The initial WordPress installation screen will notify you that the configuration file is unavailable. Click Create Configuration File button to create it.

   
   

7. Inserting database details. Here you need to input the WordPress database connection details.

   
   

8. Inserting website details. On the following screen you should input the website details such as:

   • website title
   • administrator username and password
   • website email address
   
   

9. When you are done click Install WordPress button.

   
   

   If all data has been inserted correctly you’ll see the Success window with the button to LogIn to your WordPress administration panel.

Theme installation

Upload via ftp:

1. Unzip the theme1972.zip file to any folder on your hard drive.
2. Upload the theme1972 folder to the server (to the /wp-content/themes/ directory).

Upload via Wordpress admin:

1. Login to your Wordpress admin panel (add /wp-admin after your domain name in the browser address bar)
2. Now go to Appearance
3. Select the Add New Themes option
4. Click Add new
5. And upload your theme1972.zip file

Installing WordPress http://codex.wordpress.org/Installing_WordPress

Theme activation

Once you have uploaded the theme, activate your theme in Appearance > Themes.
Using Themes http://codex.wordpress.org/Using_Themes

SQL dump file installation

To make your WordPress look like our live demo please, follow the instructions bellow.

1. Install the template by following the directions
2. Then, copy and unzip files from the folder "plugins" to the /wp-content/plugins/ folder or use the admin panel Dashboard > Plugins > Add new > Upload and select your plugin.
3. Copy "uploads" folder to /wp-content folder.
4. Open the theme1972.sql file that is located in the sources folder with any text editor (preferably Dreamweaver or Notepad) and replace all instances of "your_website_url_here" with your website URL in the entire document using the Find and Replace tool (usually the Ctrl+H hot key). E.g.: http://www.mywebsite.com
5. Please, make sure that you do not have the forward slash "/" sign at the end of the address.
6. Save your changes and close the file.
7. Next, you can import the dump file with the phpMyAdmin tool or some other database management tool.

Permalinks settings

In this template the Permalinks are used, the standard paths of http://demolink.org/?p=1 are replaced with http://demolink.org/home. This way of links configuration can be used by not only our blog followers but will help in SEO-optimisation as well. The effectiveness and main features of this link configuration method are revealed here - http://codex.wordpress.org/Using_Permalinks

Please follow the steps below:

1. Log in to your WordPress Administration Panel (Dashboard).
2. Click the Settings
3. That done, click Permalinks
4. In permalinks settings please select Custom structure, after that copy and past the following settings /%category%/%postname%/
5. With that done, click the Save changes button.

If you install the theme with the dump.sql file the settings will be configured automatically. However even in this case you still need to save the current settings by clicking Save changes.

Menu setup

Page Templates

• Default Template (the default page template with a right sidebar position)
• Full Width (a page template with one column and no sidebar positions)
• Home Page (the page template for Home page)
• Portfolio 1 column (the page template for 1 column portfolio display)
• Portfolio 2 columns (the page template for 2 columns portfolio display)
• Portfolio 3 columns (the page template for 3 columns portfolio display)
• Portfolio 4 columns (the page template for 4 columns portfolio display)
• Testimonials (the page template for testimonials posts display)
• Archives (the page template for displaying archives)

Sidebar Position

• Content Area 1 - Located at the top of the Home Page content.
• Content Area 2 - Located at the top of the Home Page content.
• Content Area 3 - Located at the bottom of the Home Page content.
• Content Area 4 - Located at the bottom of the Home Page content.
• Sidebar - Located on the right hand side or left hand side of pages
• Footer Area 1 - Located at the bottom of pages.
• Footer Area 2 - Located at the bottom of pages.
• Footer Area 3 - Located at the bottom of pages.
• Footer Area 4 - Located at the bottom of pages.

Adding category

Review the following link for more info on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

Creating a blog post

1. Log in to your WordPress Administration Panel (Dashboard).
2. Click the Posts tab
3. And click the Add New tab
4. Type in your post content. For more info on adding posts, please review the following link http://codex.wordpress.org/Posts_Add_New_SubPanel
5. And finally click the Publish button

Choosing Post Format

Review the following link for more info about post formats: http://codex.wordpress.org/Post_Formats

Creating a slider post (slide)

Slides are essentially custom post types http://codex.wordpress.org/Post_Types#Custom_Types. which means that they are different from common posts, such as blog posts, portfolio posts etc. That allows us to manage the content of the site really easy.

The following slider runs on Nivo Slider

Adding a Portfolio post

Choosing Porftolio post format

Adding a Testimonials post

Adding an Our Team post

Adding a Service post

Shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode.
Shortcodes are easy to use. First please make sure that the editing mode is set to visual

Then please click the button for the shortcodes.

Please select the shortcode you want to insert.

In this theme the following shortcodes are available:

Basic

• Recent Posts - for recent shortcodes with a number of settings.
• Recent Testimonials - for recent testimonials
• Popular Posts - for the popular posts
• Recents Comments - for the recent comments
• Categories - for the Categories List
• Tags - for the TagCloud

Grid columns

• grid_1
• grid_2
• grid_3
• ... - the given shortcodes are used for the layout framework on the basis of 960gs.

Fluid columns

• 1/2
• 1/3
• 2/3
• ... - the given shortcodes are used for the layout framework on the basis of fluid columns

HTML

• Button - the shortcode for the button
• Drop Cap - to make the first letter in the paragraph an uppercase letter.
• Blockquote - for a quotation
• Frame - a wrapper for the image or any other object
• Frame Left - a wrapper for the image or any other object with the left side location
• Frame Right - a wrapper for the image or any other object with the right side location
• Spacer - vertical gap between objects
• Horizontal Rule - the horizontal separation line
• Small Horizontal Rule - the small horizontal separation line

Alert Boxes

• Alert - the Error Box
• Approved - the Approve Box
• Attention - the Attention box
• Notice - the Notice Box

Audio & Video

• Audio - insert audio (HTML support)
• Video - insert video. Youtube, Vimeo files can be embedded as well as any file located on your server.

Tabs

Shortcode for Tabs.

Toggle

Shortcode for toggle-script. With a number of such scripts added you can get Accordion.

Plugins

The widgests used in the theme are listed below

Contact Form 7

Download: http://wordpress.org/extend/plugins/contact-form-7/
Description: Contact form for contact page.

AddThis Social Bookmarking Widget

Download: http://wordpress.org/extend/plugins/addthis/
Description: Social Bookmarking for single page.

Widgets

The following widgets are also used in the theme:

The given theme contains the Settings option. These settings allow for easy and quick change of the theme color palette, the items order, items on /off etc. In order to use these settings please go to Appereance > Theme Options.

General

• Body styling - you can select the body color and background pattern.
• Header background color - Header background color
• Buttons and links color - Buttons and links color
• Body Text - You can choose your prefered font for body text and set font size, line height, font family, style and color.
  Note: * near the font meens that font from the Google Web Fonts library.
• H1-H6 Headings - You can choose your prefered font for headings and titles and set font size, line height, font family, style and color.
  Note: * near the font meens that font from the Google Web Fonts library.
• Display search box? - show/hide the search bar in the header
• Remove lightboxes and/or rollovers? - Remove lightboxes and/or rollovers from galleries?
• Custom CSS - if you need to add some css rules but you don't want to mess with the main css file, you can use this field. Just insert your new css rules

Logo

• What kind of logo? - indicates what kind of logo to use, whether the text one or the image logo.
• Logo URL - with Image logo selected you can upload the new image with the help of the 'upload' feature or use any pic from the Media Library.
• Favicon - you can upload the new favicon with the help of the 'upload' feature or use any pic from the Media Library.

Navigation

• Delay - delay in milliseconds that defines when the menu hides
• Fade-in animation - enabe/disable the fade-in animation
• Slide-down animation - enabe/disable the slide animation
• Speed - the speed of the submenu expanding
• Arrows markup - enabe/disable arrows for the menu items that have submenus

Slider

• Slider effects - slider transition effect
• Number of slices - amount of slices in the slider
• Box columns - amount of box columns in the slider (for effects based on box animation only)
• Box rows - amount of box rows in the slider (for effects based on box animation only)
• Animation speed - the speed of the animation (ms)
• Pause time - delay between slides (ms)
• Display Next & Prev navigation - show/hide the Next & Prev buttons
• Display Next & Prev navigation only on hover? - this options allows to specify when the Next & Prev navigation is displayed
• Show Pagination - show or hide pagination (e.g. 1, 2, 3, 4 ...)
• Opacity of caption - caption opacity

Blog

• Blog Title - your Blog Title used on Blog page
• Related Posts Title - your Title used on Single Post page for related posts.
• Sidebar position - you can select the position for the sidebar(right or left)
• Blog image size - the Image size (Normal size or Large size) for the Blog page
• Single post image size - the image size (Normal size or Large size) for the single post page
• Enable Meta for blog posts? - display meta for posts
• Enable excerpt for blog posts? - display excerpt for posts

Footer

• Footer copyright text - footer text content. If the text field is empty, the default content will be displayed. It is located in the footer.php file
• Google Analytics Code -you can put a code for gathering your site's SEO stats. . For instance, Google Analytics Code
• Feedburner URL - Feedburner is a Google service that takes care of your RSS feed. Paste your Feedburner URL here to let readers see it in your website
• Display Footer menu - enable or disable the footer menu

How to create Contact Form in WordPress

This video tutorial will show you how to add contact form in WordPress using the Contact Form 7 plugin

Installing Contact Form 7 plugin

1. Open WordPress admin panel

2. Go to Plugins and click Add New

   If you want to search for the plugin and download from the Internet type Contact Form 7 in the search field.
   In case the plugin is included into the template package you ordered click Upload link and Browse for the plugin file in the template sources/plugins folder.
3. When the plugin is installed click Activate.

Creating Contact Form

If the plugin has been installed correctly you should see the Contact tab in the left column. Click it

1. To add New Contact Form click Add new button link under the Contact tab.
2. You can also click Add New at the top of the screen.
3. In this field input the HTML for tags like <form>, <input> etc
4. You can also use the tags drop down to add the fields you want.

How to replace text logo

This tutorial will show you how to change text logo (website title) in WordPress.

Most of the templates, that use a text logo instead of an image display the website title as a logo content. The website title could be accessed and modified through the WordPress admin panel.

1. Open WordPress admin panel
2. Go to Settings>General

3. There you can see the Site Title field. Modify it’s value to change the logo.

   
   

Feel free to check the detailed video tutorial below:

How to add widget area

To add widget area access to your WordPress installation folder.

1. Open ‘wp-content/themes/theme####/includes’ folder.

2. Open sidebar-init.php file. All widget areas are defined here. The following code is used to define wach area:

   register_sidebar(array(
     'name'          => 'Sidebar 2',
     'id'            => 'sidebar-2',
     'description'   => __( 'Located at the right side of pages.'),
     'before_widget' => '<div id="%1$s" class="widget %2$s">',
     'after_widget'  => '</div>',
     'before_title'  => '<h3 class="widget-title">',
     'after_title'   => '</h3>',
   ));
   

   To register new widget area copy the code above and paste it before the closing ‘}’ bracket

   Change the ‘name’, ‘id’ and ‘description’ values.

3. Now you can insert the widget area to any part of the template. Go back to the ‘wp-content/themes/theme####‘ folder. You can insert the area to any layout file:
   • header.php
   • footer.php
   • single.php
   • category.php
   • index.php
   • sidebar.php etc
4. Paste the following code to the required place to insert the widget area.

   <?php if ( ! dynamic_sidebar( 'New Widget Area' ) ) <img src="http://info.template-help.com/wp-includes/images/smilies/icon_confused.gif" alt=":?" class="wp-smiley"> ><!-- Wigitized Area --><?php endif;?>

   Replace ‘New Widget Area’ with your widget area name.

5. If everything has been done correctly the new widget area would be available from the WordPress admin panel Appearance>Widgets (right column).

Feel free to check the detailed video tutorial below:

How to create page templates

Individual Pages can be set to use a specific custom Page Template (a PHP template file, e.g., custom.php) you create within your Theme. This new Page Template will override the default page.php page template.

WordPress can be configured to use different Page Templates for different Pages. At the page editing screen you can specify the page template in the Page Attributes block.

In order to access the Page Template selector, there must be at least one custom Page Template available in the active theme. If a custom page exists, but you still are not able to see Page Template selector, try to re-activate your current theme.

Creating Your Own Page Templates

The files defining each Page Template could be found in wp-content/themes directory. To create a new Custom Page Template for a Page you must create new .php file. For example let’s name it custom.php

To make it work as a page template the file should start from

<?php
/*
Template Name: Custom
*/
?>

The file may be named almost anything with a .php extension(see reserved Theme filenames for filenames you should not use; these are special file names WordPress reserves for specific purposes). The rest of the page template files can contain anything you need, starting from the static content to some markup that will determine your page content

Feel free to check the detailed video tutorial below:

How to install WordPress plugin (through admin panel)

1. Open WordPress admin panel and go to Plugins tab
2. Click Add New button at the top.
3. From the top menu select Upload.
4. Click Browse and select the plugin package. Usually the plugins provided with the WordPress theme could be found in the sources/plugins folder. When you found the plugin package click Open, then Upload.
5. When the upload procedure is done you need to activate the plugin. Use the Activate Plugin link.

How to use WordPress Media Library

This tutorial will show you how to use the WordPress media library.

The media library is used to enrich your website content with images, videos audio etc.

The Library could be accessed through the WordPress admin panel. Open the Media tab and click Library link. Here you may see all your media items.

Clicking the Edit button under each item you can modify the item settings (input the image alternative title, check the dimentions etc.)

To Add New item to the library click the Add New button. Then select the files on your computer and click Upload.

How to create a gallery post

1. Go to WordPress dashboard, Add new post and text to it.

2. Select Gallery format and assign post to category.

   
   

3. Click on Set featured image.

   
   

4. Upload the images. In Gallery tab you can see what images will appear in gallery post.

   
   

5. Publish post and check how it looks.

   
   

We have added gallery post.

Feel free to check the detailed video tutorial below: