Skip to content

Instantly share code, notes, and snippets.

@hitsujixgit
Created June 19, 2014 03:52
Show Gist options
  • Save hitsujixgit/d7626c281bc7c603678a to your computer and use it in GitHub Desktop.
Save hitsujixgit/d7626c281bc7c603678a to your computer and use it in GitHub Desktop.
HTMLからWPテーマを作成する - index.phpをカスタマイズする#1
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<title><?php bloginfo('name'); ?></title>
</head>
<body>
<div id="container">
<!-- header -->
<header id="header">
<div id="site-title-wrapper">
<h1 id="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<h2 id="site-description">WordPress tips and lessons.</h2>
</div>
<nav>
<ul id="main-nav">
<li><a href="dummy.html">WordPress Tips</a></li>
<li><a href="dummy.html">このサイトについて</a></li>
</ul>
</nav>
</header>
<div id="main">
<!-- content -->
<div id="content">
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<article class="post">
<header>
<h1 class="post-title"><?php the_title(); ?></h1>
<p class="post-meta"><?php the_date(); ?></p>
</header>
<div class="post-content">
<?php the_content(); ?>
</div>
</article>
<?php endwhile; endif; ?>
</div><!--content-->
<!-- sidebar -->
<aside id="sidebar">
<h4>サイドバー</h4>
<ul><li>サイドバー設置予定</li></ul>
</aside>
</div><!--main-->
<!-- footer -->
<footer>
<p>©<?php bloginfo('name'); ?>, All rights reserved.</p>
</footer>
</div><!--container-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment