If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

WordPress. Quick Start Guide

Table of Contents

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

Getting started

Engine installation

When you are done with the preparations you can start downloading&installing the WordPress engine.

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).

  3. After extracting the files you need to upload the WordPress engine files and folders to your hosting server. The extracted WordPress engine files looks as follows:

    • wp-admin
    • wp-content
    • wp-includes
    • index.php
    • wp-activate.php
    • wp-app.php
    • wp-atom.php
    • wp-blog-header.php
    • wp-comments-post.php
    • …other files

    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 tutorial on how to upload files to server:

  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:

  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 themeXXXX.zip file to any folder on your hard drive.
  2. Upload the themeXXXX 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 themeXXXX.zip file

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

Feel free to check the following tutorials:

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

ATTENTION: Importing the SQL file to your database will overwrite your existing content and website settings. DO NOT import the SQL file if you want to keep the existing content.
Please check the following tutorial to get to know how to install WordPress template over the existing website: WordPress. How to install template over existing website.

NOTE: ALWAYS backup your database before performing any modifications

Please note that the prefix of database tables should be wp_

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

  1. Install the template by following the directions above.
  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 themeXXXX.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.

Feel free to check the following tutorials:

Plugins installation

  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.

Feel free to check the detailed video-tutorials below:

Now you should upload sample images to your website. Please upload folder “uploads” that is located in your “sources” folder to “wp-content” folder on your server. You can do it in your FTP. Pleaese re-write the existing folder uploads on your server.

Permalinks settings

NOTE: Configure the given settings right after the installation of the theme.

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

WordPress 3.+ comes with a new menu management panel, which makes building your sites navigation very easy and flexible.

This theme is registered with two menu locations:

  • Header Menu – in Header
  • Footer Menu – in Footer

For more info on how to setup your menu in wp 3.0, see http://codex.wordpress.org/Appearance_Menus_SubPanel

Please note, these are the most used menus of our templates. Your particular template may include different menus with different names and positions. Please refer to your template documentation for the most accurate information.

Note! If the menu does not appear as the livedemo, go to Appearance > Menus and select the dropdown “Header Menu”

Page Templates and Sidebars

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)
  • 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)
  • Page Testimonials (the page template for testimonials posts display)
  • Page FAQs (the page template for displaying FAQs)

Please note, these are the most used page templates of our templates. Your particular template may include different page templates with different names. Please refer to your template documentation for the most accurate information.

Sidebar Position

  • HeaderLocated at the top of pages
  • Before Home Page ContentLocated at the top of the Home Page content.
  • Home Page ContentLocated at the middle of the Home Page content.
  • After Home Page ContentLocated at the bottom of the Home Page content.
  • SidebarLocated on the right hand side or left hand side of pages
  • FooterLocated at the bottom of pages.

Please note, these are the most used sidebar positions of our templates. Your particular template may include different sidebar positions with different names. Please refer to your template documentation for the most accurate information.

Posts and Categories

Adding category

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

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Post tab
  3. That done, click Categories for blog posts
  4. Type in the name of your new category
  5. With that done, click the Add New Category button

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

Creating a blog post

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.

Please note, your template may use another slider plugin. Please refer to your template documentation for the most accurate information.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Slider tab
  3. And now click the Add New tab
  4. Insert your slider title.
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. You can use the following custom fields for your slider:
    • slider-url – link for the slider image.
  7. For the slider description please use the post edit option. The slider description can contain the HTML-markup, f.e:
    <h2>Integrate.</h2>
    <p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit.</p>
    <a href="#" class="button">Read More</a>
    
  8. And click the Publish button

Adding a portfolio post

Portfolio items 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.

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Portfolio tab
  3. And now the Add New one
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. The following options are available for a porfolio post:
    • lightbox-url – path to the large image. Once clicked it’ll pop up with the help of prettyPhoto
  7. And push the Publish button

Adding a Testimonials post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Testimonials tab
  3. And click the Add New tab
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. You can use the folowing custom fields for this sort of posts:
    • testimonial-name – authors’s name
    • testimonial-url – author’s link
  7. Hit the Publish button

Adding an FAQs post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the FAQs tab
  3. And now the Add New button
  4. Since it is a question/answer type of post, the title of the post is the question and the content is the answer.
  5. Click Publish

Adding an Our Team post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Our Team tab
  3. And now the Add New button
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. Click Publish

Adding a Service post

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Services tab
  3. And now the Add New button
  4. Fill in all the required fields (title, content)
  5. Upload your image with the help of the Featured Image option (click the Set featured image link)
  6. Click Publish

Please note, these are the most used custom posts types of our templates. Your particular template may include different posts types with different names and appearance. Please refer to your template documentation for the most accurate information.

Creating a Portfolio page

Portfolio pages can be created with the help of page templates

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the Pages tab
  3. Click the Add New tab
  4. Type in your page name, for example Portfolio page
  5. Select your page template ( Portfolio 1 column, Portfolio 2 columns, Portfolio 3 columns or Portfolio 4 columns in the Page Attributes drop-down menu)
  6. The following custom fields are available for Portfolio page template:
    • page-desc – page description
    • category-include – name of the category that is displayed on this Portfolio page. You need to use the slug of the category here.
  7. With that done, click the Publish button

Note: Please do not post any content to the editor field if you use one of the pages templates.

Please note, portfolio page templates and portfolio custom post type may have different names, e.g.: Gallery, Services, Project etc.

Shortcodes

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.

There are following shortcodes available:

  1. 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
    • Tags – for the TagCloud
  2. Grid columns
    • grid_1
    • grid_2
    • grid_3
    • … – the given shortcodes are used for the layout framework on the basis of 960gs.
  3. Fluid columns
    • 1/2
    • 1/3
    • 2/3
    • … – the given shortcodes are used for the layout framework on the basis of fluid columns
  4. 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
    • Horizontal Rule – the horizontal separation line
  5. Alert Boxes
    • Alert – the Error Box
    • Approved – the Approve Box
    • Attention – the Attention box
    • Notice – the Notice Box
  6. 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.
  7. Tabs
    • Shortcode for Tabs.
  8. Toggle
    • Shortcode for toggle-script. With a number of such scripts added you can get Accordion.
  9. Please note, these are standard and the most used shortcodes of our templates. Your particular template may include different shortcodes with different names and functionality. Please refer to your template documentation for the most accurate information.

Plugins and Custom Widgets

Plugins

The widgets used in the theme are listed below

WP PageNavi

Download: http://wordpress.org/extend/plugins/wp-pagenavi/
Description: For page navigation.

Contact Form 7

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

Please note, these are the most used plugins of our templates. Your particular template may include different plugins with different names and functionality. Please refer to your template documentation for the most accurate information.

Widgets

The following widgets are also used in the theme:

My – Recent Comments

Displays recent comments in a more convenient format. The given widget includes the following options:

  • Title: – Widget Title
  • Number of comments to show: – Number of Columns.

My – Popular Posts Widget

Displays popular posts. The following options are displayed:

  • Title: – Widget Title
  • Posts per page: – the number of posts to display.
  • Link Text: – the Link Text that is displayed in the Popular Posts.
  • Link Url: – the Link URL that is displayed in the Popular Posts.

My – Post Cycle

Displays recent posts, you can also display custom posts. The Widget is used for the slideshow because of Cycle plugin in its structure. The given widget contains the following options:

  • Title: – Widget Title
  • Limit Text: – the number of words in the brief post description.
  • Posts per page: – the number of posts to display.
  • Post Type: – a Post Type selection.

My – Recent Posts

Displays recent posts. You can also show custom posts of certain categories and add a read more link. The given Wdiget contains tge following options:

  • Title: – Widget Title
  • Category Slug: – Post Category Slug.
  • Posts per page: – the number of posts to display.
  • Link Text: – the Link Text that is displayed after the Recent Posts.
  • Link Url: – Link URL that is displayed after the Recent posts.

My – Request a Quote

An advanced text widget with a whole lot of extra fields. The given Widget contains the following fields:

  • Title: – Widget Title
  • Text: – Widget Text.
  • Button Text: – Button Text
  • Button URL: – Button URL

My – Advanced Cycle

The multifunctional widget used to display different post types including the blog posts, as well as the functionality of settings display. The given widget contains the following options:

  • Title: – Widget Title
  • Posts type: – select Posts type
  • Number of posts to show: – the number of posts
  • Sort by: – Post selection option
  • Reverse sort order (ascending): – reverse sort order
  • Show number of comments – show the number of comments
  • Show meta – show meta
  • Container class: – wrapper class. Set to featured_custom_posts by default
  • Show post title – show post title.
  • Date as title – for date usage instead of the title
  • Before title: – custom HTML-markup before Title
  • After title: – custom HTML-markup after Title
  • Show post excerpt – show excerpt
  • Excerpt length (words): – excerpt length (the number of words)
  • Excerpt as link – convert excerpt into a link
  • Show “More link” – show link More link after the post
  • Link text: – Link Text
  • Link class: – CSS-class for the link More link
  • Show post thumbnail – show thumbnail for a post
  • Width: – Image Width
  • Height: – Image Height
  • Thumbnail as link – convert the image into a link
  • Show global link to all posts – Show global link to all posts
  • Link text: – the text of the given link
  • Link URL: – Link URL

My – Social Networks

This is the Widget that allows linkage to your social network accounts. The widget contains the following options:

  • Title: – Widget Title
  • Facebook URL, Twitter URL, Flickr URL etc. – the links to your Social Network accounts
  • Display: the way of icons display.
    • Icons – icons only.
    • Labels – text only.
    • Both – icons and text.

My – Twitter

This is the Widget that displays latest twitts from your twitter account. The widget contains the following options:

  • Title: – Widget Title
  • Twitter Name: – your twitter name
  • Twitts number: – amount of twitts to show.

My – Flickr

This is the Widget that displays photos from your flickr gallery. The widget contains the following options:

  • Title: – Widget Title
  • Flickr ID: – your flickr ID
  • Images count: – amount of photos to show.
  • Link Text: – text of link under flickr photos.

Please note, these are standard and the most used widgets of our templates. Your particular template may include different widgets with different names and functionality. Please refer to your template documentation for the most accurate information.

Theme Options

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 settings

  • 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
  • Typography – a set of Typography settings
  • Display search box? – show/hide the search bar in the header
  • 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

Main 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
  • Drop shadows – show/hide the submenu shadow

Slider Settings

  • 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 section

  • 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 URLFeedburner 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

Please note, these are common/standard theme options of our templates. Your particular template may include different options panels with different names and functionality. Please refer to your template documentation for the most accurate information.

Conclusion

Additional Links

WordPress. Quick Start Guide, 5.0 out of 5 based on 3 ratings