WordPressのテーマTwenty Seventeen

Google+ Pinterest LinkedIn Tumblr +

Twenty Seventeenって人気ない?

個人的には今までの中ではかなり好きなテーマなんだけれども

それなりにコーポレートサイト作ったり
ガシガシ記事を投稿するコンテンツいっぱいのサイトにするには

いつものごとく、それ相当のカスタマイズがいるとは思うが。

自分のLOG記録やひとりごとなんかを書き溜めるサイトには
シンプルでとても良いような気がする。

ということで、自分のBLOGサイトに使ってみることに

最低限の導入STEPだけ踏んでおくことにした。

1)子テーマフォルダを作成

style.css

functions.php

2)必要そうなテンプレートをコピー

 

style.css

/*
 Theme Name: twentyseventeen-child
 Template: twentyseventeen
 Version: 1701
 */

 

functions.php

ここのところは親のstyle.cssを子のstyle.cssへ@importするんじゃなくて

functions.phpに書くことを推奨されているので

これ

<?php
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
 function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'child-style',
 get_stylesheet_directory_uri() . '/style.css',
 array('parent-style')
 );
 }

入れとく。

 

最後に、デフォルトではアイキャッチがどかっと出てくる

WordPressデフォルトテーマないつもの感じなのでサムネイルを消しておくために

今後も必要かもしれないし、いちいちsingle.phpのあたりから触るのも面倒なので

親のtemplate-partsフォルダをごっそり子にコピーして

*必要なPHPファイルだけ持ってきて子テーマに置けば特に問題ないのだけれども*

template-parts>post>content.php

ここの

</header><!– .entry-header –>

以降にある

<?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
 <div class="post-thumbnail">
 <a href="<?php the_permalink(); ?>">
 <?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
 </a>
 </div><!-- .post-thumbnail -->
 <?php endif; ?>

ここまでをごっそりカット!!

記事の抜粋でアイキャッチを揃えて並べたりしたければまたこの辺りを触ることになるが、

たいした記事を投稿するサイトでもなし、特に誰かが見にくるとこでもなし。

自分が見やすきゃいいのよ。ってことにして

ここまで。

約5分の作業。

Share.

Leave A Reply