OK! We're ready to start. Open your HTML editor program and set it up to display your FTP or local working directory in a files panel, giving you access to your WordPress installation files. Also, have a couple of browser windows open with your WordPress home page loaded into one, as well as the WordPress Administration panel available in another.
The approach we'll use here includes the following steps (we'll go over each step in detail):
- Create a new, empty theme directory (but don't delete the default theme—leave that safely where it is).
- Upload your mockup's image directory as well as your
index.htmlandstyle.cssmockup files to the directory. - Add some commented-out code to your stylesheet for WordPress to work with.
- Rename your
index.htmlfile toindex.php. - Add the WordPress template tag PHP code, specifically the
blog_infotag and the loop, to your design so that your stylesheet styles and some WordPress content shows up. - Once your theme's WordPress content is loading in and your HTML and CSS still work and look correctly, then you can pull it apart into your theme's corresponding template files, such as
header.php,footer.php,sidebar.phpand so on. - Once your theme design is separated out into logical template files, you can begin finalizing any special display requirements your theme has, such as a different home page layout, internal page layouts, and extra features using template tags and API hooks, so your theme works with plugins. That will be a job for a later chapter.
The other advantage to this approach is that if any part of your theme starts to break, you can narrow it down to WordPress PHP code that wasn't copied into its own template file correctly. You'll always have your backup files to return to if anything goes wrong.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.