html 基本構造
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="keywords" content="デフォルトキーワード">
<meta name="description" content="デフォルトディスクリプション">
<title></title>
<link rel="icon" href="http://localhost/wp-templete/wp-content/themes/newtheme/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" type="image/png" href="http://localhost/wp-templete/wp-content/themes/newtheme/android-chrome-192x192.png" sizes="192x192">
<meta name="msapplication-TileImage" content="http://localhost/wp-templete/wp-content/themes/newtheme/mstile-144x144.png">
<meta property='og:type' content='website'>
<meta property='og:title' content='Simple Templete'>
<meta property='og:url' content='http://localhost/wp-templete'>
<meta property='og:description' content='Just another WordPress site'>
<meta property='og:site_name' content='Simple Templete'>
<meta property="og:image" content="http://localhost/wp-templete/wp-content/themes/newtheme/img_default_ogp.jpg">
<link rel='stylesheet' id='style-css' href='http://localhost/wp-templete/wp-content/themes/newtheme/style.css?1448361260' type='text/css' media='all' />
<link rel='stylesheet' id='otherCss1-css' href='http://localhost/wp-templete/wp-content/themes/newtheme/css/otherCss1.css?1455202332' type='text/css' media='all' />
<link rel='stylesheet' id='otherCss2-css' href='http://localhost/wp-templete/wp-content/themes/newtheme/css/otherCss2.css?1455202321' type='text/css' media='all' />
<link rel='stylesheet' id='parts-color-css' href='http://localhost/wp-templete/wp-content/themes/newtheme/css/parts-color.css?1455349673' type='text/css' media='all' />
<link rel='stylesheet' id='slick1-css' href='https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css' type='text/css' media='all' />
<link rel='stylesheet' id='slick2-css' href='https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick-theme.css' type='text/css' media='all' />
</head>
<body>
C:\xampp\htdocs\wp-templete/wp-content/themes/newtheme/index.php
<div class="container">
<header>
<h1><a href="http://localhost/wp-templete">ロゴ</a></h1>
</header>
<nav>
<nav>
<ul id="main-nav"><li><a href="http://localhost/wp-templete/blog/">ブログ</a></li>
<li><a href="http://localhost/wp-templete/lorem-ipsum/">文章例ページ</a></li>
<li><a href="http://localhost/wp-templete/page-a/">ページ A</a></li>
<li><a href="http://localhost/wp-templete/page-b/">ページ B</a></li>
</ul></nav></nav>
<div id="contents">
<div class="row">
<div class="col-md-10">
<div id="main">
<p style="color: red;">contents-home.php</p>
<p><a href="http://localhost/wp-templete/single-all/">全ての投稿ページ</a></p>
<h1>【the_ID()】：4</h1>
<img width="150" height="150" src="http://localhost/wp-templete/wp-content/uploads/2016/02/20130120-DSM_1925-3-e1363928990861-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="20130120-DSM_1925-3-e1363928990861" /><p>【the_title()】：<a href="http://localhost/wp-templete/2016/02/13/%e6%8a%95%e7%a8%bf1/">投稿1</a></p>
<p>【the_time()】：2016年02月13日</p>
<p>【the_permalink()】：http://localhost/wp-templete/2016/02/13/%e6%8a%95%e7%a8%bf1/</p>
<p>【the_category()】：<ul class="post-categories">
<li><a href="http://localhost/wp-templete/category/%e6%9c%aa%e5%88%86%e9%a1%9e/" rel="category tag">未分類</a></li></ul></p>
<h1>【the_ID()】：1</h1>
<img src="http://placehold.jp/150x150.png?text={準備中}"><p>【the_title()】：<a href="http://localhost/wp-templete/2016/02/11/hello-world/">Hello world!</a></p>
<p>【the_time()】：2016年02月11日</p>
<p>【the_permalink()】：http://localhost/wp-templete/2016/02/11/hello-world/</p>
<p>【the_category()】：<ul class="post-categories">
<li><a href="http://localhost/wp-templete/category/%e6%9c%aa%e5%88%86%e9%a1%9e/" rel="category tag">未分類</a></li></ul></p>
<hr>
<p>カスタム投稿</p>
<h1>【the_ID()】：2298</h1>
<img src="http://placehold.jp/150x150.png?text={準備中}"><p>【the_title()】：<a href="http://localhost/wp-templete/custominfo/%e3%82%bf%e3%82%a4%e3%83%88%e3%83%abb%e3%81%a8%e3%81%9d%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%9f%e3%81%a1-23/">タイトルBとそのデータたち</a></p>
<p>【the_time()】：2016年02月20日</p>
<p>【the_permalink()】：http://localhost/wp-templete/custominfo/%e3%82%bf%e3%82%a4%e3%83%88%e3%83%abb%e3%81%a8%e3%81%9d%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%9f%e3%81%a1-23/</p>
<p>【the_category()】：<a href="http://localhost/wp-templete/custominfo_category/imo/" rel="tag">imo</a>, <a href="http://localhost/wp-templete/custominfo_category/kyabetu/" rel="tag">kyabetu</a>, <a href="http://localhost/wp-templete/custominfo_category/tarako/" rel="tag">tarako</a></p>
<p>【the_tags()】：<a href="http://localhost/wp-templete/custominfo_tag/inu/" rel="tag">inu</a>, <a href="http://localhost/wp-templete/custominfo_tag/neko/" rel="tag">neko</a>, <a href="http://localhost/wp-templete/custominfo_tag/tora/" rel="tag">tora</a></p>
<h1>【the_ID()】：2295</h1>
<img src="http://placehold.jp/150x150.png?text={準備中}"><p>【the_title()】：<a href="http://localhost/wp-templete/custominfo/%e3%82%bf%e3%82%a4%e3%83%88%e3%83%aba%e3%81%a8%e3%81%9d%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%9f%e3%81%a1-23/">タイトルAとそのデータたち</a></p>
<p>【the_time()】：2016年02月20日</p>
<p>【the_permalink()】：http://localhost/wp-templete/custominfo/%e3%82%bf%e3%82%a4%e3%83%88%e3%83%aba%e3%81%a8%e3%81%9d%e3%81%ae%e3%83%87%e3%83%bc%e3%82%bf%e3%81%9f%e3%81%a1-23/</p>
<p>【the_category()】：<a href="http://localhost/wp-templete/custominfo_category/kategori/" rel="tag">kategori</a>, <a href="http://localhost/wp-templete/custominfo_category/pan/" rel="tag">pan</a></p>
<p>【the_tags()】：<a href="http://localhost/wp-templete/custominfo_tag/cat/" rel="tag">cat</a>, <a href="http://localhost/wp-templete/custominfo_tag/dog/" rel="tag">dog</a>, <a href="http://localhost/wp-templete/custominfo_tag/saru/" rel="tag">saru</a></p>
</div>
</div>
<div class="col-md-2">
<div id="side">
<form role="search" method="get" id="searchform" action="http://localhost/wp-templete" >
<input type="text" value="" name="s" class="s" />
<input type="submit" class="searchsubmit" value="検索" />
</form> side
<div id="sub-nav">
<nav>
<ul><li><a href="http://localhost/wp-templete/level-1/level-2/">レベル2</a></li>
<li><a href="http://localhost/wp-templete/level-1/level-2b/">レベル 2b</a></li>
<li><a href="http://localhost/wp-templete/level-1/level-2a/">レベル 2a</a></li>
<li><a href="http://localhost/wp-templete/level-1/level-2/level-3/">レベル 3</a></li>
</ul></nav></div>
<div class="widget"><p class="widget-ttl">アーカイブ</p> <ul>
<li><a href='http://localhost/wp-templete/2016/02/'>2016年2月</a></li>
<li><a href='http://localhost/wp-templete/2014/01/'>2014年1月</a></li>
<li><a href='http://localhost/wp-templete/2013/01/'>2013年1月</a></li>
<li><a href='http://localhost/wp-templete/2012/03/'>2012年3月</a></li>
<li><a href='http://localhost/wp-templete/2012/01/'>2012年1月</a></li>
<li><a href='http://localhost/wp-templete/2011/03/'>2011年3月</a></li>
<li><a href='http://localhost/wp-templete/2010/10/'>2010年10月</a></li>
<li><a href='http://localhost/wp-templete/2010/09/'>2010年9月</a></li>
<li><a href='http://localhost/wp-templete/2010/08/'>2010年8月</a></li>
<li><a href='http://localhost/wp-templete/2010/07/'>2010年7月</a></li>
<li><a href='http://localhost/wp-templete/2010/06/'>2010年6月</a></li>
<li><a href='http://localhost/wp-templete/2010/05/'>2010年5月</a></li>
<li><a href='http://localhost/wp-templete/2010/04/'>2010年4月</a></li>
<li><a href='http://localhost/wp-templete/2010/03/'>2010年3月</a></li>
<li><a href='http://localhost/wp-templete/2010/02/'>2010年2月</a></li>
<li><a href='http://localhost/wp-templete/2010/01/'>2010年1月</a></li>
<li><a href='http://localhost/wp-templete/2009/10/'>2009年10月</a></li>
<li><a href='http://localhost/wp-templete/2009/09/'>2009年9月</a></li>
<li><a href='http://localhost/wp-templete/2009/08/'>2009年8月</a></li>
<li><a href='http://localhost/wp-templete/2009/07/'>2009年7月</a></li>
<li><a href='http://localhost/wp-templete/2009/06/'>2009年6月</a></li>
<li><a href='http://localhost/wp-templete/2009/05/'>2009年5月</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer>© 2015 All Rights Reserved.</footer>
</div>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="http://localhost/wp-templete/wp-content/themes/newtheme/js/selectivizr-min.js"></script>
<![endif]-->
</body>
</html>