Creating a design using HTML and CSS
Let's see how to create our theme, but before we get into WordPress, we'll first map out and just create the design using HTML and CSS.
Usually, when we build a WordPress theme, or a Drupal or Joomla theme, you can usually create the design first using just static HTML and CSS.
Building the HTML body
As you can see in the following screenshot, we have an empty folder called advanced-wp-html
, and we'll create a couple of files here. First, we'll create an index.html
file, and then we'll create our style sheet, which will just be style.css
.
Let's open both the files with Sublime editor. In the index.html
file, add in our core html markup, as shown in the following code block:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
We'll update the code, as shown here:
<!DOCTYPE html> <html> <head> <title>Advanced WP Theme</title> </head> <body...