Web Design Showcase - WordPress Theme

# Web Design Showcase

## WordPress Theme

- Created: 19/07/2011
- Latest Update: 19/07/2011
- By: CSS Mania
- Email: themes@369euros.com

Web Design Showcase (WDS) is a great looking showcase-style WordPress theme built with the amazing functions that will help you to run your web design showcase without loosing too much time.

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to let us know.

If any or all of this documentation is not totally clear, please let us know so we can improve our documentation and help you with something when our assistance is required. Thanks so much!

# WordPress Tips and Theme Installation

### Installing WordPress

Before installing, please be sure to have the following ready:

- Access to your web server via FTP
- A text editor
- Your web browser of choice

## 1. Download WordPress

The first thing you need to do is download the latest version of WordPress. Download the package and unzip it. Then, using your FTP manager, upload the files into the directory where you would like your site to be installed.

## 2. Create a MySQL Database

If you are using a professional web hosting service, you may already have a WordPress database set up for you or there may be an automated setup solution to do so. Check your web hosting service's support page or your control panel for clues about whether or not you will need to create one manually.
We use cPanel to manage all of our accounts and MySQL databases. To create a MySQL database in cPanel, simply log in to your account and click on the "MySQL Databases" icon followed by "Create a New Database".

## 3. Run The Installation

Thanks to the latest version of WordPress, it is no longer compulsory to edit your configuration file (wp-config.php). Instead, simply type in the URL of the directory in which you uploaded the WordPress files and enter the specifics of your database connection - database name, database username, database password, database host (localhost in most cases).
If WordPress cannot find your configuration file, it will notify you and offer to create and edit the file automatically (you can also do this directly by loading wp-admin/setup-config.php in your web browser). WordPress will then ask you for your database details and once entered by you, will write them to a new wp-config.php file. If this works, you can go ahead with the installation, otherwise, go back and create, edit, and upload the wp-config.php file yourself.
Navigate to where you extracted the WordPress package, alocate and rename the file wp-config-sample.php to wp-config.php, open it in a text editor and edit the following fields.

    DB_NAME - The name of the database
    DB_USER - The username you created
    DB_PASSWORD - The password
    DB_HOST - The hostname (99% of the time this is "localhost" (the default value) and will not require changing)
    DB_CHARSET - The database character set, normally should not be changed
    DB_COLLATE - The database collation should normally be left blank

Save the file.

### Adding the Web Design Showcase Theme

To add WDS WordPress Theme to your WordPress installation, follow these basic steps:
1. Download and unzip the Web Design Showcase WordPress Theme folder from Themes Forest.
2. Next you will need an FTP program such as Total Commander, Transmit or Filezilla.
3. Login to your host server using your FTP software.
4. Unzip (WDS_theme > WP > WDS.zip) and upload the theme folder in to the /wp-content/themes/ directory.

### Selecting the Uploaded Theme

1. Log in to the your WordPress Administration Panel.
2. Select the Appearance panel, then Themes.
3. From the Available Themes section, click on the Web Design Showcase theme title (or WDS WordPress Theme screenshot).
4. A preview of the Web Design Showcase theme will be shown.
5. To activate the Web Design Showcase theme click the Activate "Web Design Showcase" link in the top right.
6. Your theme should immediately become active.

# Theme setup

### First steps after activation

### Permalinks

Permalinks are the permanent URLs to your individual posts, pages or categories… A permalink is what another visitor will use to link to your article (or section), or how you might send a link to your story in an e-mail message.
To change the default permalink structure, go to the your WordPress Administration Panel -> Options -> Permalinks, and paste this code into the Custom Structure field (without number 1)

    /%postname%/

click the Update Permalink Structure

### Creating the first pages

To create the first pages, go to the your WordPress Administration Panel.
1. Create one WordPress Page from the "Add New Page" panel.
1.1 Title it as "Home" (or another name) as your "static" front page.
1.2 Publish the Page.
2. Create other WordPress Page from the "Add New Page" panel.
2.1 Title it as "Submit Your Webiste" (or another name) (This page will be your submissions page, user will submit their design here. All posts that user submit through the submission form will have Draft status. All you need to do is to publish posts (websites) that you like)
2.2 Select the Submit page template
2.3 Publish the Page.
3. Go to Administration > Settings > Reading panel.
Set 'Front page displays:' to 'a static page' and choose the first page you created above for 'Front page.'
4. Save changes.

### Creating Menus

Customization of the your navigation menu allows you to:
- Change the order of pages
- Nest pages to create sub-menus
- Display posts on multiple pages by creating category pages
- Add posts, tag pages, and custom links to your navigation menu
To create a menu, go to Appearance -> Menus in your WordPress Administration Panel. Type in a name for it (only you will see this) and click Create Menu. NOTE: You need to create two menus, left and right

##### Adding Pages to Your Menu

Adding pages to your menu is as simple as checking the proper boxes for the pages you want and then clicking Add to Menu.

##### Activating Your Menu

In the Theme Locations module, under Right Navigation, select the title of the custom menu you want to use for right navigation and under Left Navigation, select the title of the custom menu you want to use for left navigation and click Save.

### Front Page Setup

1. Website Logo and Favicon - In your WordPress Administration Panel, click on Appearance -> WDS Panel in the left sidebar. In the first two sections of the WDS Panel you can upload your logo and your favicon.
2. Navigation menus
3. Advertising sections - In your WordPress Administration Panel, click on Appearance -> WDS Panel in the left sidebar. In the Advertising section of the WDS panel you can add your text ads.
4. Our Favorites section - To show your favorites designs you need to select which category will contain your favorites web site designes. In your WordPress Administration Panel, click on Appearance -> WDS Panel and in Favorites category section select your favorits category.
5. Copyright Text - Copyright text can be changed from WDS Panel, section Footer Copyright Text. 6. Social Links - In your WordPress Administration Panel, click on Appearance -> WDS Panel in the left sidebar. In the sections Twitter and Facebok you can add your links.

### Shortcode generator

While writing a page or post, you will see some additional buttons below the editing area. Those buttons will help you to easily add shortcode to your new post or pages.

1. Add Break
2. Add 2 Columns
3. Add 3 Columns
4. Add contact Form
5. Add 4 Columns
In your WordPress Administration Panel, click on Appearance -> WDS Panel in the left sidebar.

### How to Change Style?

To change style of the your site in your WordPress Administration Panel, click on Appearance -> WDS Panel in the left sidebar. In the section Styles pict the style you want to use.

# FAQ

Q: Where I can find all submission informations (website author, twitter, country...)?

A: All submission informations are held in post custom fields. If you don't see the post custom fields while you edit the post you need to click on Screen Options in the top-right corner of yours WordPress administration panel and in Show on screen section check Custom Fields to shows up.

# Sources and Credits

Droid Sans from Google Fonts

Amazing icons by IconSweets www.iconsweets2.com