Download as PDF, PPTX
5分でできる！WordPressでピンタレスト風テーマ
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9. 9/20 ココ！ Twenty Fourteenでも、 5分でできる！WordPressでピンタレスト風テーマ Twenty Fourteen(wordpress.org) ココ！
- 10.
- 11.
- 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> トップページ
- 13.
- 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; } グリッドの 幅を設定
- 15.
- 16.
- 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 ファイルを 読み込む
- 18.
- 19.
- 20.