More Related Content
More from Yuko Toriyama (6)
5分でできる!WordPressでピンタレスト風テーマ
- 12. 12/20
<div id="content" class="masonry-wrapper" role="main">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_post_thumbnail(); ?>
<h1 class="entry-title">
home.php
5分でできる!WordPressでピンタレスト風テーマ
<h1 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php
the_title(); ?></a>
</h1>
</header>
</article>
<?php endwhile; ?>
<?php endif; ?>
</div>
トップページ
- 14. 14/20
@charset "utf-8";
/*
Theme Name: Twentythirteen Child
Template: twentythirteen
Version: 1.0
*/
style.css
5分でできる!WordPressでピンタレスト風テーマ
@import url("../twentythirteen/style.css");
.masonry-wrapper {
width: 930px;
margin: 0 auto;}
.home .hentry {
width: 300px;
background: #FFF;
margin: 5px;
float: left; }
グリッドの
幅を設定