Installing the Simple CSS Theme with a Blog in the Root of your Domain

Click here to Watch Video of the Installation

Installation of this theme pack assumes you have already installed the WordPress blog platform to the root of your new or existing domain. In addition, you have already installed your BANS store into a subfolder of the public_html directory. Ex:

www.yourwebsite.com/ (Brings up the WordPress blog)
www.yourwebsite.com/buy/ (Brings up your BANS site, can be named anything you desire)

******************************************************************************************
MAIN FILES IN THIS ARCHIVE
******************************************************************************************

• /Store/ (Folder containing BANS Files)
  • /themes/ (BANS theme folder)
  • inc-store-menu.php (php file)
    • /simplecss/ (Folder containing flex-bans theme)
    • /images/ (Folder)
    • header.php
    • footer.php
      
      
• /wp-content/ (Folder containing WordPress Files)
  • inc-footer.php
  • inc-top-menu.php
  • inc-main-menu.php
  • inc-rss.php
  • inc-sidebar.php
  • searchform.php
    • /themes/ (Folder containing bans-flex theme for wordpress)
      • /simplecss/ (Wordpress theme)
        • comments-popup.php
        • comments.php
        • footer.php
        • functions.php
        • header.php
        • index.php
        • screenshot.png
        • sidebar.php
        • single.php
        • style.php

******************************************************************************************
STEP 1 - Upload the Files to your Domain
******************************************************************************************

1 - The files included in the "Store" folder are to be uploaded to your BANS store directory.

• inc-store-menu.php
  This file goes directly into the root of your BANS STORE. If your store is installed in a /store/ folder, (www.mydomain.com/store/) this file should resolve immediately inside the store folder.
  
  
• /themes/simplecss/ Folder
  This theme folder goes inside your BANS Themes folder, with your others themes.

2 - The files below are to be installed to the root of your BLOG directory. If your blog is also your homepage, these files go directly into the public_html folder

• inc-footer.php
• inc-top-menu.php
• inc-main-menu.php
• inc-rss.php
• inc-sidebar.php
• searchform.php
  

3 - The files in the /wp-content/themes/simplecss/ folder go inside your blog's theme folder (Inside /wp-content/themes/ )

******************************************************************************************
STEP 2 - Configure the BLOG Theme files
******************************************************************************************

1 - Edit /searchform.php in the root of your blog directory and change the following line of code:

• Change the http://www.yourblogurl.com and www.yourbansurl.com/buy/ to represent your own store directories.

Save and upload to your server, or if in cPanel, save and close

Note: In the Video, I mentioned editing of a Second searchform.php file, please disregard.

2 - Edit /wp-content/themes/simplecss/header.php in your blog's theme folder and change the following code:

• Change the "http://www.yourbansurl.com/buy" value of $bansurl to match your BANS store directory
• Change the "http://www.yourblogsurl.com" value of $blogssurl to match your BLOG store directory

NOTE: DO NOT INCLUDE TRAILING SLASHES IN EITHER OF THESE SETTINGS

Save and upload to your server, or if in cPanel, save and close

(See note at bottom of this page for further editing in this file)

3 - Edit /wp-content/themes/simplecss/sidebar.php in your blog's theme folder and change the following code:

• Change the "http://www.yourbansurl.com/buy" to match your BANS store directory

Save and upload to your server, or if in cPanel, save and close

******************************************************************************************
STEP 3 - Configure the BANS Theme files
******************************************************************************************

2 - Edit //themes/simplecss/header.php in your BANS theme folder and change the following 2 sections of code:

• Change the stylesheet reference url to match your BLOG stylesheet location. In the case of this example, the blog is installed in the root of the domain, therefore you would only need to change the domain name. If the blog was in a /blog/ folder, you would have to change the domain name and include the /blog/ directory.
• Change the "http://www.yourbansurl.com/buy" value of $bansurl to match your BANS store directory
• Change the "http://www.yourblogsurl.com" value of $blogssurl to match your BLOG store directory

NOTE: DO NOT INCLUDE TRAILING SLASHES IN EITHER OF THESE SETTINGS

Save and upload to your server, or if in cPanel, save and close

(See note at bottom of this page for further editing in this file)

That's it!

Note: Inside both /theme/header.php files, there is a reference to a header banner that I suggest you change to your own, unless you want me to get the credit! :-) I currently have this setup for a 468x60 banner advertisement.