WordPress 一覧ページカスタマイズ

子テンプレート作らずにそのまま調整してしまってます。
ここまで管理画面にある外観からカスタマイズ加えてたので、今さら子テンプレート作っても…というのと、フォーマットもデフォルトしか使わないので困らないかな、と思って。

  1. 一覧ページ用に以下のファイルを追加
    wp-content/themes/twentyseventeen/template-parts/post/content-list.php
    コードはcontent.php内から一覧で使いそうなところをつなぎあわせて以下のような感じ。

    <li id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    	<?php
    		echo '<a href="'.esc_url( get_permalink() ).'" rel="bookmark">';
    		if ( '' !== get_the_post_thumbnail()){
    			echo '<p class="thumbnail">';
    			the_post_thumbnail( 'medium' );
    			echo '</p>';
    		}else{
    			echo '<p class="thumbnail no-thumbnail">';
    			echo '</p>';
    		}
    		
    		if ( is_front_page() && is_home() ) {
    			the_title( '<h3 class="entry-title">', '</h3>' );
    		} else {
    			the_title( '<h2 class="entry-title">', '</h3>' );
    		}
    		echo '<p class="entry-date">'.get_the_time('Y年n月j日').'</p>';
    		the_excerpt();
    		echo '</a>';
    	?>
    </li><!-- #post-## -->
  2. トップページと記事一覧ページのテンプレート(メインインデックスのテンプレート (index.php) / アーカイブ (archive.php))に対して、
    • templateの読み込み先を切り替え
      get_template_part( ‘template-parts/post/content’, get_post_format() );

      get_template_part( ‘template-parts/post/content’, ‘list’ );
    • while ( have_posts() ) : the_post(); の外側の起こしulと閉じulを追加。
  3. CSSを調整