固定ページにトップページと同じテンプレートを適応したい

こんにちは、

面白いテーマですね、トップページ等を固定ページに変更する　WordPressのお決まりの方法では、カスタマイズできなさそうですね。

固定ページに記事一覧が表示されないのは、一覧の投稿が、jsonとtemplate_redirectでロードされるようになっている事に関係ありそうですね。

スタイル指定等も、gt-480 lt-640 lt-800 lt-1280　等　マニアックなクラスもあるみたいで、テーマの中身を一度全部読み込んで　独自の方法に対応したカスタマイズが必要なんじゃないかと思います。

カテゴリーは、普通にトップページと同じようなレイアウトスタイルで表示できてるみたいですが…

nashikuzushiさん

検証して居ないのですが、フロントページ用PHPです。
良かったら試してみてください。
ファイル名：front-page.php

<?php get_header();//ヘッダー読み込み ?>

<?php
if(have_posts()) ://もし記事があったら
//ポストリスト開始▼
?>

		<div id="post-list" class="clear">
			<div id="col1" class="col"></div>
			<div id="col2" class="col"></div>
			<div id="col3" class="col"></div>
			<div id="col4" class="col"></div>
<?php
$i = 0;
$args = array(
'category_name' => 'news'
);
query_posts( $args );
while(have_posts()) :
the_post();
$displayExcerpt = (bool) get_theme_mod('fluxipress_display_excerpts', true);
$displayMoreLink = (bool) get_theme_mod('fluxipress_display_more', true);

$classes = array();
if(!$displayExcerpt) $classes[] = 'no-excerpt';
if(!$displayMoreLink) $classes[] = 'no-more';
?>
			<div id="post-<?php echo $i++; ?>" <?php post_class(implode(' ', $classes)); ?> title="<?php echo htmlspecialchars(strip_tags(get_the_title())); ?>">
				<?php if(is_sticky()) : ?><span class="sticky-icon"></span><?php endif; ?>
				<?php if(!$displayMoreLink) : ?><a href="<?php the_permalink(); ?>" title="<?php echo htmlspecialchars(strip_tags(get_the_title())); ?>" class="no-more"><?php endif; ?>
				<?php the_post_thumbnail('medium', array('class' => 'post-thumb', 'alt' => htmlspecialchars(strip_tags(get_the_title())))); ?>
				<h2><?php the_title(); ?></h2>
				<?php if($displayExcerpt) : ?><span><?php echo strip_tags(get_the_excerpt(), '<strong><em>'); ?></span><?php endif; ?>
				<?php if($displayMoreLink) : ?><span class="tr"><a href="<?php the_permalink(); ?>" title="<?php echo htmlspecialchars(strip_tags(get_the_title())); ?>"><?php echo get_theme_mod('fluxipress_more_link', __('more&hellip;', 'fluxipress')); ?></a></span><?php endif; ?>
				<?php if(!$displayMoreLink) : ?></a><?php endif; ?>
			</div>
<?php
		endwhile;
?>
		</div>

		<?php if((bool) get_theme_mod('fluxipress_infinite_scroll', false)) : ?>
		<div id="loading-icon">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="<?php echo htmlspecialchars(get_theme_mod('fluxipress_highlight_color', '#ff0099')); ?>">
				<circle cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(45 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.125s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(90 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.25s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(135 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.375s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(180 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(225 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.625s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(270 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.75s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(315 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.875s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
				<circle transform="rotate(180 16 16)" cx="16" cy="3" r="0"><animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline"/></circle>
			</svg>

		</div>
		<?php endif; ?>

		<?php
			global $posts_per_page, $wp_query;
			$paged = get_query_var('paged') ? get_query_var('paged') : 1;
			if($wp_query->found_posts > $posts_per_page || $paged > 1) :
		?>
		<div id="post-navi">
			<div class="prev"><?php next_posts_link(__('&laquo;&nbsp;Older posts', 'fluxipress')); ?></div>
			<div class="next"><?php previous_posts_link(__('Newer posts&nbsp;&raquo;', 'fluxipress')); ?></div>
		</div>
		<?php endif; ?>

<?php //▲ENDポストリストの中身 ?>

<?php
else ://記事がなかったときの処理
get_template_part('content', 'none');
endif;//記事の有無判定終了
?>
<?php get_footer(); //フッター読み込み ?>

マージンの問題は

style.css　line 221

.home #post-list {
    padding-top: 4.4rem;
}

bodyの homeクラスが指定されている影響だと思いますので、ご自身の環境に合わせて適切なクラスを選んでください。

基本は、functions.php内で　wp_enqueue_scripts　アクションフックを使います。

wp_enqueue_scripts フックを使う理由は、確実な動作のためです。

プライオリティの数値を、大きめにするのがコツです。
このテーマでは、

add_action('wp_enqueue_scripts', 'fluxipress_add_scripts', 11);

が使われているので、12を使います。

コアのスクリプトを外すような場合は、タイミングを遅らすために、wp_print_scripts
などを使うこともあるかもしれません。

未テスト

add_action('wp_enqueue_scripts', 'child_fluxipress_remove_style_script', 12 );

function child_fluxipress_remove_style_script(){

	wp_dequeue_style('fluxipress-css-magnific');
	wp_dequeue_script('fluxipress-js-magnific');
}