前2つの投稿でソースコードを直接文章に記載してましたが、なんとなく見栄えも悪いし、素人っぽいので(素人ですが‥)、綺麗に表示できるCrayon Syntax Highlighterプラグインを入れました。
うんうん、カッコイイ☆
仙台を中心に食べ歩き・飲み歩きしてます
前2つの投稿でソースコードを直接文章に記載してましたが、なんとなく見栄えも悪いし、素人っぽいので(素人ですが‥)、綺麗に表示できるCrayon Syntax Highlighterプラグインを入れました。
うんうん、カッコイイ☆
もう一個。投稿の個別ページを開くと、アイキャッチ画像がズドーンと表示されます。これは個人的にちょっと‥×
アイキャッチ画像を表示する部分を、記事タイトルの下あたりにあると良さそうですよね。
まず、header.phpの最後の方ある下記を探します。
if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) : echo '<div class="single-featured-image-header">'; echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' ); echo '</div><!-- .single-featured-image-header -->'; endif;
ここでアイキャッチ画像を表示しているみたいなんですが、記事のページに表示するように変更したいので、全部コメントアウトしました。
//if ( ( is_single() || ( is_page() && ! twentyseventeen_is_frontpage() ) ) && has_post_thumbnail( get_queried_object_id() ) ) : //echo '<div class="single-featured-image-header">'; //echo get_the_post_thumbnail( get_queried_object_id(), 'twentyseventeen-featured-image' ); //echo '</div><!-- .single-featured-image-header -->'; //endif;
次に/template-parts/postにあるcontent.phpから下記を探します。
<?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
このifは下記のように部分的にコメントアウトしました。
<?php if ( '' !== get_the_post_thumbnail() /* && ! is_single() */ ) : ?>
なんということでしょう。
記事タイトル下に綺麗に収まりました☆
WordPressは初心者なので、ここのカスタマイズ履歴を残しておこうと思います。
テーマをいろいろ見てみましたが、最初から入ってるTwenty Seventeenがけっこう気に入ったので、これを自分好みにしていくことにしました。
一番最初に気になったのは、ブログタイトルの「just do it ! for fun.」が大文字の「JUST DO IT ! FOR FUN.」になっていることです。
これを修正するには子テーマを作って、style.cssに下記を追記するといいみたいです☆
*{text-transform: none;}