テーマ解析：ブランクテーマ『underscores』

f:id:ryo919:20160919135044p:plain

ワードプレスのテーマを制作したくても、何からしたらいいか迷いませんか？

子テーマでカスタマイズが一番楽な方法だと思いますが

テーマを制作を理解するためにブランクテーマを利用したテーマ制作をしてみます。

ブランクテーマはワードプレスのテーマで最小限のファイル・機能のみで作成しているのでカスタマイズして新たなテーマを制作するのに適しています。

そこで人気のブランクテーマ『underscores』を解析して最低限の機能・構造を調べました。

underscores.me

まずはテーマ名（例：test）を記入してGENEATEをクリック

Advanced Optionsをクリックで他の項目を設定可能

f:id:ryo919:20160919135053j:plain

すぐにダウンロードが完了するので解凍してください。

まずは必要のないファイルを削除します。

rtl.css：アラビア語など右から左へと文章を書く言語用

README.md：説明文

公式テーマ作成の場合に必要なファイル

screenshot.png：テーマのスクリーンショット。

license.txt：ライセンスの記載

重要な部分から

index.php

<?php

get_header(); ?>

<?php
if ( have_posts() ) :

if ( is_home() && ! is_front_page() ) : ?>
<header>
<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
</header>

<?php
endif;

/* Start the Loop */
while ( have_posts() ) : the_post();

/*
* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
get_template_part( 'template-parts/content', get_post_format() );

endwhile;

the_posts_navigation();

else :

get_template_part( 'template-parts/content', 'none' );

endif; ?>

</main>
</div>

<?php
get_sidebar();
get_footer();