twenty seventeen フロントページカスタム

子テーマ作成

フロントページで読み込まれているfront-page.phpを編集

親テーマのfront-page.phpを子テーマのディレクトリに複製

不要な部分をコメントアウト

<?php
	// // Show the selected front page content.
	// if ( have_posts() ) :
	// 	while ( have_posts() ) :
	// 		the_post();
	// 		get_template_part( 'template-parts/page/content', 'front-page' );
	// 	endwhile;
	// else :
	// 	get_template_part( 'template-parts/post/content', 'none' );
	// endif;
?>

<?php
	// // Get each of our panels and show the post data.
	// if ( 0 !== twentyseventeen_panel_count() || is_customize_preview() ) : // If we have pages to show.

	// 	/**
	// 	 * Filters the number of front page sections in Twenty Seventeen.
	// 	 *
	// 	 * @since Twenty Seventeen 1.0
	// 	 *
	// 	 * @global int|string $twentyseventeencounter Front page section counter.
	// 	 *
	// 	 * @param int $num_sections Number of front page sections.
	// 	 */
	// 	$num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 );
	// 	global $twentyseventeencounter;

	// // Create a setting and control for each of the sections available in the theme.
	// 	for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) {
	// 		$twentyseventeencounter = $i;
	// 		twentyseventeen_front_page_section( null, $i );
	// 	}

	// endif; // The if ( 0 !== twentyseventeen_panel_count() ) ends here.
?>

get_template_part();で作成したファイルを読み込む

<?php get_template_part('my-front-page'); ?>

cssの読み込み

wp_enqueue_style( 'home-style', get_stylesheet_directory_uri() . '/home-style.css');

get_stylesheet_directory_uri()で取得