WP Basic Instruction

Basic Instruction:

1. convert index.html file to index.php

2. create a screenshot.png

3. write the following code on style.css
/*
Theme Name: Subway - Complete Theme for Working Website
Theme URI: http://technotiers.com/subway
Description: Complete Theme for Working Website
Version: 1.0
Author: Walid Newaz
Author URI: http://technotiers.com/mounter
Tags: light, white, landing page, minimal design, flat design, single page, multipurpose, custom colors, bootstrap, responsive, html5, css3, jQuery plugin, Redux Framework, CMB2, one page wordpress
*/

4. to dynamic necessary files (css/js/images) write the following code

<?php echo get_template_directory_uri(); ?>/

5. to dynamic style.css

<?php bloginfo('stylesheet_url'); ?>

6. write the following code before </head>

<?php wp_head(); ?>

7. write the following code before </body>

<?php wp_footer(); ?>

8. some important tag to be dynamic in WordPress
a. for <html>

<html <?php language_attributes(); ?>>

b. for <meta charset="utf-8">

<meta charset="<?php bloginfo("charset"); ?>">

c. for <title>This is Title</title>

<title><?php wp_title('|', true, 'right'); ?> <?php if (get_query_var('paged')) { echo get_query_var('paged') . ' page'; } ?> <?php bloginfo('name'); ?></title>

d. for <body>
<body <?php body_class(); ?>>

9. file separation---

for header: <?php get_header(); ?>

for footer: <?php get_footer(); ?>

for others file: <?php get_template_part('file name'); ?>

10. create a file functions.php (the most powerful file in WordPress)