Being a newbie, it took me a long time to figure this out. But, it really is a simple process. Before doing this, it is important to have a backup of the original WordPress index.php file. Here’s the simple procedure:
1. Create a frame-based page, in design mode, where you want WordPress shown. Make sure to have a fixed width cell on the left and on the right, but no fixed height. (Mine have a fixed width of 115 pixels. I have my site navigation buttons in the left column.) Between the left and right column, you should have a big column with no fixed width or fixed height. This is where the WordPress stuff will go. Optionally, you can have cells above and below the content cell. They can have a fixed height (mine are 50 pixels), but no fixed width. You can also have some corner cells on all four corners, with fixed width and fixed height. (As you can probably guess, my corner cells are 115 x 50 pixels.) Why do some cells have no fixed height and/or fixed width? That is so everything will display correctly at different resolutions, because not everyone uses the same resolution as you do.
2. Under design mode, type “content” in your content cell.
3. Under design mode, place your cursor just to the left of “content”.
4. Switch to code mode. Highlight and copy everything from that point up to and including the line that begins with “<body…”.
5. Open up the WordPress index.php file in code mode. Highlight the “<body>” line. (I also highlighted the two lines beneath it, which display the blog name, as I didn’t want that shown. But that is up to you.) Paste what you copied from your frame-based page into the WordPress index.php file.
6. Back to your frame-based page, in design mode. Place your cursor just to the left of “content”. Switch to code mode.
7. Highlight and copy everything from that point down to the bottom.
8. Back to the WordPress index.php file, in code mode. Highlight the lines at the bottom, which show the “</body>” and “</html>” tags. As before, paste what you copied from your frame-based page into the WordPress index.php file.
9. One more time back to your frame-based page, in code mode. Highlight and copy everything from, and including, the line that says “</head>” up until the line just below the “<head>” tag.
10. One last time back to the WordPress index.php file, in code mode. Highlight the “</head>” line. Like twice before this, paste what you copied from your frame-based page into the WordPress index.php file.
I hope those steps can help someone save some time and headaches.
- You must be logged in to reply to this topic.