Wordpress のテーマが表示されません

初心者につき少し丸投げになってしまうかもしれませんが、ご容赦ください。

Wordpressのテーマを作りMAMPで作った環境でテストしようと思ったのですが、テーマが全く表示されません。

テーマの一覧のところには表示されるのですが、”ライブプレビュー”をクリックすると左側に”保存して有効化”等は表示されるのですが、右側のプレビューのところには何も表示されません。

デフォルトのテーマやこれまで作ったテーマは普通に表示されます。

そこで、お願いなのですが、ソースを見てどこが悪いのか教えていただけないでしょうか？

PHP
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8">
5        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
6        <link rel="stylesheet" type="text/css" href="style.css">
7
8        <title>Title</title>
9    </head>
10    <body>
11        <div id="header">
12            <h1 id="title"><a href="">Title</a></h1>
13            <ul id="top-menu">
14                <a href=""><li>Home</li></a>
15                <a href=""><li>Profile</li></a>
16                <a href=""><li>About us</li></a>
17                <a href=""><li>Contact</li></a>
18            </ul>
19        </div><!-- #header -->
20
21        <div id="container">
22            <div id="main">
23                <div class="post">
24                    <h2><a href="">あいうえおかきくけこさしすせそたちつてとなにぬねの</a></h2>
25                    <ul class="navi">
26                        <li><a href="">一番目</a></li>
27                        <li><a href="">一番目</a></li>
28                        <li><a href="">一番目</a></li>
29                    </ul>
30                    <p>あいうえおあいうえお</p>
31                    <div class="h-large">大見出し</div>
32                    <strong>あいうえお</strong>
33                    <div class="h-small">小見出し</div>
34                    <b>ふとじふとじ</b>
35                    <code>
36                        #include "studio.h"
37                        int main(){
38                        }
39                    </code>
40                    <aside>ほそくほそく</aside>
41                    <p>さようなら</p>
42
43            <div id="post-navi">
44                <a href=""><div class="prev">prev</div></a>
45                <a href=""><div class="next">next</div></a>
46            </div>
47
48                </div><!-- .post -->
49            </div><!-- #main -->
50
51            <div id="side">
52                <div class="widget">
53                    <h3>Side</h3>
54                    <p>サイドサイドサイド</p>
55                </div>
56            </div>
57        </div><!-- #container -->
58
59        <div id="footer">
60            &copy;2016,Kelvin.
61        </div><!-- #footer -->
62    </body>
63</html>

これがindex.phpで、

CSS
1/*
2Theme Name: name
3Theme URI:
4Author:
5Author URI: 
6Description: 
7Version: 1.0
8*/
9
10/*
11- 使い方 -
12ナビゲーション: <ul class="navi">
13投稿: <div class="post">
14    -タイトル: <h2>
15大見出し: <div class="h-large">
16小見出し: <div class="h-small">
17蛍光ペン: <strong>
18太字: <b>
19補足: <aside>
20ソース: <code>
21ウィジェット: <div class="widget">
22    - タイトル: <h3>
23*/
24
25@charset "UTF-8";
26
27a{
28    color: #005aff;
29    text-decoration: none;
30}
31
32    a:hover{
33        text-decoration: underline;
34    }
35
36p{
37    color: #333;
38    font-size: 16px;
39    line-height: 1.8em;
40    margin: 30px 0;
41}
42
43strong{
44    background-color: #ff0; 
45}
46
47b{
48    font-weight: bold;
49}
50
51aside{
52    font-size: 14px;
53    color: #888;
54}
55
56code{
57    display: inline-block;
58    color: #f1f1f1;
59    background-color: #252525;
60    padding: 8px;
61    border-radius: 4px;
62    margin: 30px 0;
63    font-size: 16px;
64    font-family: メイリオ,Arial, Helvetica, sans-serif;
65}
66
67img{
68    width: 640px;
69    height: auto;
70}
71
72html{
73    font-family: メイリオ,Arial, Helvetica, sans-serif;
74}
75
76    body{
77        
78    }
79
80        #header{
81            margin-bottom: 50px;
82        }
83
84            h1{
85                text-align: center;
86            }
87
88            h1 a{
89                color: #ffa500;
90                text-decoration: none;
91                font-family: Impact;
92                font-size: 64px;
93            }
94
95            h1 a:hover{
96                text-decoration: none;
97            }
98
99            #top-menu{
100                font-size: 24px;
101            }
102
103                #top-menu li{
104                    float: left;
105                    border-bottom: 8px solid #ccc;
106                    width: 25%;
107                    text-align: center;
108                    padding: 4px 0;
109                }
110                #top-menu li:hover{
111                    border-bottom: 8px solid #005aff;
112                }
113        
114        #container{
115            width: 1024px;
116            margin: 0 auto;
117            clear: both;
118        }
119
120            #main{
121                float: left;
122                width: 700px;
123            }
124
125                .post{
126                    padding: 0 30px;
127                    border-bottom: 1px solid #ccc;
128                    margin-bottom: 40px;
129                }
130
131                .navi{
132                    width: 100%;
133                    border: 1px solid #ccc;
134                }
135
136                    .navi a:hover{
137                        color: #ffa500;
138                    }
139
140                h2,h3{
141                    text-align: center;
142                    color: #333;
143                }
144
145                h2{
146                    font-size: 25px;
147                    font-weight: bold;
148                    margin: 10px 0;
149                    border-bottom: 4px solid #333;
150                    padding: 5px 0;
151                }
152
153                    h2 a{
154                        color: #333;
155                    }
156
157                    h2 a:hover{
158                        text-decoration: none;
159                    }
160
161                h3{
162                    font-size: 24px;
163                    margin: 15px 0;
164                    border-left: 8px solid #ffa500;
165                    border-right: 8px solid #ffa500;
166                }
167
168                .h-large{
169                    font-size: 24px;
170                    font-weight: bold;
171                    border-bottom: 4px solid #ffa500;
172                    padding: 0 10px;
173                    margin: 20px 0;
174                    color: #333;
175                }
176
177                .h-small{
178                    font-size: 22px;
179                    font-weight: bold;
180                    padding: 0 10px;
181                    margin: 10px 0;
182                    color: #333;
183                }
184
185            #post-navi{
186                overflow: hidden;
187                margin-bottom: 8px;
188            }
189
190                .prev,.next{
191                    background-color: #f1f1f1;
192                    padding: 4px;
193                    border-radius: 4px;
194                }
195
196                .prev{
197                    float: left;
198                    width: 300px;
199                }
200
201                #post-navi a:hover{
202                    color: #ffa500;
203                }
204
205                .next{
206                    float: right;
207                    width: 300px;
208                }
209
210            #side{
211                float: right;
212                width: 300px;
213            }
214
215                .widget{
216                    margin-bottom: 10px;
217                }
218
219                    .widget p,li{
220                        padding: 0 32px;
221                    }
222
223        #footer{
224            text-align: center;
225            border-top: 1px solid #ccc;
226            color: #ccc;
227            clear: both;
228        }
229
230
231/* Tablet */
232@media all and (max-width:1023px){
233    #container{
234        width: 768px;
235    }
236
237        #main{
238            float: left;
239            width: 500px;
240        }
241
242        #side{
243            float: right;
244            width: 250px;
245        }
246
247            .prev,.next{
248                width: 200px;
249            }
250}
251
252
253/* Smart Phone */
254@media all and (max-width:767px){
255    #main,#side{
256        float: none;
257        width: 320px;
258    }
259
260    #top-menu{
261        font-size: 18px;
262    }
263
264        .prev,.next{
265                width: 120px;
266            }
267}