Using PageInvasion On A Non-WordPress Website

May 7

As of our most recent update, we now support sub-directories. What this means is that you can install a WordPress blog onto your non-WordPress, or static HTML site and then setup that URL for PageInvasion. A sub-directory is just a folder on your server that will hold WordPress and all of it’s files.

Below is a great post originally posted on August 10, 2011 by swolock on RiverGraphics.net that shows great, clear instructions on how to add a WordPress blog to an existing non-WordPress website. If you would like to use PageInvasion on your non-WordPress sites, simply follow the instructions below and when you add your domain to PageInvasion, it will have a sub-directory that will look something like this “www.mywebsite.com/blog”, that last part, after the slash, is the sub-directory, and where WordPress will reside.

Here’s the article…

Want to host a blog at your own website without redoing your whole site? You’ve come to right place. Here you’ll learn how to add a WordPress 3 blog to your existing website. There are a few conditions: you should be using PHP, CSS and XHTML and, although it isn’t essential, you should be using includes for common parts of your site like the header, menu and footer.

This is not a tutorial about making a standard WordPress theme and it doesn’t adhere to the standards set in Designing Themes for Public Release. It is intended to seamlessly incorporate a WordPress 3 blog into your existing website.

Also, it uses a simplified file structure instead of a WordPress child theme. Child themes are great and should be used whenever you can, but I’ve found that for many people overriding the CSS in the parent theme can be too much of battle and just isn’t an efficient use of time.

You’ll need to know some basics:

  • how to FTP to your site;
  • how to set permissions;
  • your database hostname (probably localhost), the database name, your username and your password for the database; and
  • some CSS and XHTML basics.

Check out the finished example PHP website with a WordPress blog.

By the way, one might consider the option of redoing the whole site completely in WordPress. It works great.

Prepare WordPress

Download and install WordPress

  1. Download the latest version of WordPress. Some web hosts offer easy installation options from the website control panel.
  2. Install WordPress on your server in a new directory. Call it something user-friendly like blog or articles. For this article let’s call it blog. Follow these easy five-minute installation instructions.
  3. Complete the installation and make sure everything is working. See Common Installation Problems or add a comment below if you’re having trouble.
  4. Right off the bat you may want to activate the Akismet plugin to help keep spam at bay.

Create the folder for your own theme.

  1. FTP into the themes folder in your WordPress installation (blog/ wp-content/ themes). Remember, we’re calling the WordPress installation folder blog.
  2. Create a new folder in themes to hold your theme files. We’ll call it mytheme but you can call it whatever you like.

Create the two can’t-do-anything-without-them files, index.php and style.css.

  1. In mytheme, add a new empty file with the name of index.php. We’ll come back to this one later.
  2. Also in mytheme, create a new file called style.css. This file is necessary for WordPress to recognize your new theme.
  3. In style.cssadd the following code. Obviously, change what’s necessary to make it your own.
    1
    2
    3
    4
    5
    6
    7
    /*
    Theme Name: My Theme
    Theme URI: http://yourwebsite.com/
    Description: WordPress theme for my existing website.
    Author: Your Name
    Version: 1.0
    */

Change the current to My Theme.

  1. Login to your WordPress installation. In this case it would be at blog/wp-login.php.
  2. Click on Appearance then Themes if you aren’t already there.
  3. If all went well so far, you should see your theme, My Theme, the version number, your name and the description. Click Activate. If it tells you the theme is broken or similar, go back and check style.css.
  4. Preview your theme to make sure there are no serious errors. All you should see is a blank page.
VN:F [1.9.22_1171]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
Using PageInvasion On A Non-WordPress Website, 10.0 out of 10 based on 1 rating

Leave a Reply

Loading...
Loading...