5分でできる！WordPressでピンタレスト風テーマ
- 5. 5/20 WordPressのテーマでも、 5分でできる！WordPressでピンタレスト風テーマ Smoothie (themeforest.net) Pinbin (wordpress.org)
- 6. 6/20 WordPressのテーマでも、 5分でできる！WordPressでピンタレスト風テーマ trinity (wordpress.org) Fabulous (themeforest.net)
- 9. 9/20 ココ！ Twenty Fourteenでも、 5分でできる！WordPressでピンタレスト風テーマ Twenty Fourteen (wordpress.org) ココ！
- 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; } グリッドの 幅を設定
- 17. 17/20 function my_scripts() { wp_enqueue_script('jquery-masonry'); wp_enqueue_script( 'myscript', get_stylesheet_directory_uri() .'/myscript.js', 'jquery', '1.00' ); } add_action( 'wp_enqueue_scripts', 'my_scripts' ); functions.php 5分でできる！WordPressでピンタレスト風テーマ JavaScript ファイルを 読み込む