WordPressテーマ／GENESIS（TCD103）にカスタム投稿タイプを追加する

<?php
// スタイルシートの読み込み -----------------------------------------------------------------------
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles() {
	//wp_dequeue_style('main-style');
	wp_deregister_style('main-style');
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style( 'parent-design-plus', get_template_directory_uri() . '/css/design-plus.css', array('parent-style'),version_num() );
    wp_enqueue_style( 'parent-sns-botton', get_template_directory_uri() . '/css/sns-botton.css', array('parent-style'),version_num() );
    wp_enqueue_style( 'parent-responsive', get_template_directory_uri() . '/css/responsive.css', array('parent-style'),version_num(), 'screen and (max-width:1391px)' );
    wp_enqueue_style( 'style-child', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
    //JSをフッタで読み込む
	//wp_enqueue_script( 'jscript-child', get_stylesheet_directory_uri() . '/js/jscript.js', array(), '', true );
}

// 「wp_attachment_pages_enabled」を常に「false」にする  --------------------------------------------------------------------------------
add_filter( 'option_wp_attachment_pages_enabled', '__return_false' );


// 翻訳ファイルの読み込み  --------------------------------------------------------------------------------
function wpdocs_child_theme_setup() {
    load_child_theme_textdomain( 'tcd-genesis-child', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'wpdocs_child_theme_setup' );

//以下省略

@charset "utf-8";
/*
Theme Name:genesis_child
Author:Slashd
Template:genesis_tcd103
Version:1.5
*/

$wp_customize->add_section( 'my_theme_origin_scheme2', array(
  'title'     => __( 'Product custom post settings', 'tcd-genesis-child' ), // 項目名
  'priority'  => 200, // 優先順位
));

//見出し（トップページ・アーカイブ）
$wp_customize->add_setting('product_headline_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_headline_txt', array(
	'label' => __( 'Heading (top page archive)', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_headline_txt',
    'type' => 'text',
));
//子見出し（トップページ・アーカイブ）
$wp_customize->add_setting('product_sub_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_sub_txt', array(
	'label' => __( 'Child heading (top page archive)', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_sub_txt',
    'type' => 'text',
));
//トップページ説明文
$wp_customize->add_setting('product_top_desc_pc_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_top_desc_pc_txt', array(
	'label' => __( 'Top page description', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_top_desc_pc_txt',
    'type' => 'text',
));
//トップページ説明文（モバイル）
$wp_customize->add_setting('product_top_desc_mobile_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_top_desc_mobile_txt', array(
	'label' => __( 'Top page description (mobile)', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_top_desc_mobile_txt',
    'type' => 'text',
));
//トップページリンクボタンラベル名
$wp_customize->add_setting('product_top_label_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_top_label_txt', array(
	'label' => __( 'Top page link button label name', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_top_label_txt',
    'type' => 'text',
));
//アーカイブ説明文
$wp_customize->add_setting('product_desc_pc_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_desc_pc_txt', array(
	'label' => __( 'Archive description', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_desc_pc_txt',
    'type' => 'text',
));
//アーカイブ説明文（モバイル）
$wp_customize->add_setting('product_desc_mobile_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_desc_mobile_txt', array(
	'label' => __( 'Archive description (mobile)', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_desc_mobile_txt',
    'type' => 'text',
));
//アーカイブtitleタグ
$wp_customize->add_setting('product_title_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_title_txt', array(
	'label' => __( 'Archive title tag', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_title_txt',
    'type' => 'text',
));
//アーカイブdescriptionタグ
$wp_customize->add_setting('product_desc_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_desc_txt', array(
	'label' => __( 'Archive description tag', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_desc_txt',
    'type' => 'text',
));
//トップページ表示数
$wp_customize->add_setting( 'product_top_pc_number', array(
	'default'           => '6',
	'type'  => 'theme_mod',
	'sanitize_callback' => 'display_number_field',
) );
$wp_customize->add_control( 'product_top_pc_number', array(
	'settings'    => 'product_top_pc_number',
	'label'       => __( 'Number of top page displayed', 'tcd-genesis-child' ),
	'section'     => 'my_theme_origin_scheme2',
	'type'        => 'number',
	'input_attrs' => array(
		'min'  => 1,
		'max'  => 24,
		'step' => 1,
	),
) );
//トップページ表示数（モバイル）
$wp_customize->add_setting( 'product_top_mobile_number', array(
	'default'           => '6',
	'type'  => 'theme_mod',
	'sanitize_callback' => 'display_number_field',
) );
$wp_customize->add_control( 'product_top_mobile_number', array(
	'settings'    => 'product_top_mobile_number', 
	'label'       => __( 'Number of top page displayed (mobile)', 'tcd-genesis-child' ),
	'section'     => 'my_theme_origin_scheme2',
	'type'        => 'number',
	'input_attrs' => array(
		'min'  => 1,
		'max'  => 24,
		'step' => 1,
	),
) );
//アーカイブ表示数
$wp_customize->add_setting( 'product_pc_number', array(
	'default'           => '6',
	'type'  => 'theme_mod',
	'sanitize_callback' => 'display_number_field',
) );
$wp_customize->add_control( 'product_pc_number', array(
	'label'       => __( 'Number of archives displayed', 'tcd-genesis-child' ),
	'section'     => 'my_theme_origin_scheme2',
	'settings'    => 'product_pc_number', 
	'type'        => 'number',
	'input_attrs' => array(
		'min'  => 1,
		'max'  => 24,
		'step' => 1,
	),
) );
//アーカイブ表示数（モバイル）
$wp_customize->add_setting( 'product_mobile_number', array(
	'default'           => '6',
	'type'  => 'theme_mod',
	'sanitize_callback' => 'display_number_field',
) );
$wp_customize->add_control( 'product_mobile_number', array(
	'label'       => __( 'Number of archives displayed (mobile)', 'tcd-genesis-child' ),
	'section'     => 'my_theme_origin_scheme2',
	'settings'    => 'product_mobile_number', 
	'type'        => 'number',
	'input_attrs' => array(
		'min'  => 1,
		'max'  => 24,
		'step' => 1,
	),
) );
//ラベル名（パンくずリスト）
$wp_customize->add_setting('product_label_txt', array(
    'type' => 'option',
));
$wp_customize->add_control('product_label_txt', array(
	'label' => __( 'Label name (breadcrumb)', 'tcd-genesis-child' ),
	'section' => 'my_theme_origin_scheme2',
    'settings' => 'product_label_txt',
    'type' => 'text',
));
}
add_action( 'customize_register', 'my_theme_customize_register' );

/*　japanese start */
function display_number_field( $value ) {
	if ( preg_match("/^[0-9]+$/", $value) ) {
		return $value;
	} else {
		return '6';
	}
}

// カスタム投稿とタクソノミーの追加 --------------------------------------------------------------------------------

function child_custom_post_type_init() {

$options = get_design_plus_option();

// カスタム投稿タイプ「製品」 --------------------------------------------------------------------------------
$product_label = __( 'Products', 'tcd-genesis-child' );
$product_slug = 'product';
$product_labels = array(
  'name' => $product_label,
  'add_new' => __( 'Add New', 'tcd-genesis' ),
  'add_new_item' => __( 'Add New Item', 'tcd-genesis' ),
  'edit_item' => __( 'Edit', 'tcd-genesis' ),
  'new_item' => __( 'New item', 'tcd-genesis' ),
  'view_item' => __( 'View Item', 'tcd-genesis' ),
  'search_items' => __( 'Search Items', 'tcd-genesis' ),
  'not_found' => __( 'Not Found', 'tcd-genesis' ),
  'not_found_in_trash' => __( 'Not found in trash', 'tcd-genesis' ),
  'parent_item_colon' => ''
);

register_post_type( 'product', array(
  'label' => $product_label,
  'labels' => $product_labels,
  'public' => true,
  'publicly_queryable' => true,
  'menu_position' => 5,
  'show_ui' => true,
  'query_var' => true,
  'rewrite' => array( 'slug' => $product_slug ),
  'capability_type' => 'post',
  'has_archive' => true,
  'hierarchical' => false,
  'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt'),
  'show_in_rest' => true	// ブロックエディターを使用
));

// カテゴリー
$product_category_label = sprintf(__('%s category', 'tcd-genesis'), $product_label);
$product_category_slug = $product_slug . '_category';
$product_category_labels = array(
  'name' => $product_category_label,
  'singular_name' => $product_category_label
);
register_taxonomy( 'product_category', 'product', array(
  'labels' => $product_category_labels,
  'hierarchical' => true,
  'public' => true,
  'show_in_rest' => true,
  'rewrite' => array( 'slug' => $product_category_slug )
));


// 説明文カラムを消す
add_filter('manage_edit-product_category_columns', function ( $columns ) {
    if( isset( $columns['description'] ) )
        unset( $columns['description'] );   
    return $columns;
});


// カスタム投稿タイプ「製品」ここまで

}
add_action( 'init', 'child_custom_post_type_init' );

// 製品情報一覧を表示するショートコード -----------------------------------------------------------------------
function product_list_short_cord ($arg) {	
ob_start();
	global $post;
	$options = get_design_plus_option();
	
	$headline  = get_option('product_headline_txt');
    $sub_title = get_option('product_sub_txt');

    $desc = get_option('product_top_desc_pc_txt');
    $desc_mobile = get_option('product_top_desc_mobile_txt');
    $button_label = get_option('product_top_label_txt');

    $post_num = get_theme_mod('product_top_pc_number',6);
    $post_num_sp = get_theme_mod('product_top_mobile_number',6);
    
    $show_image = 'display';
	?>
	<section class="cb_product_list">
        <div class="design_header cb_design_header inview">
            <div class="title_area<?php if(!$desc){ echo ' no_desc'; }; ?>">
                <?php if($headline){ ?>
                <h3 class="large_headline"><span><?php echo wp_kses_post(nl2br($headline)); ?></span></h3>
                <?php }; ?>
                <?php if($sub_title){ ?>
                <p class="sub_title colored"><span><?php echo esc_html($sub_title); ?></span></p>
                <?php }; ?>
            </div>
            <?php if($desc){ ?>
            <p class="desc <?php if($desc_mobile){ echo 'pc'; }; ?> post_content"><?php echo wp_kses_post(nl2br($desc)); ?></p>
            <?php if($desc_mobile){ ?>
            <p class="desc mobile post_content"><?php echo wp_kses_post(nl2br($desc_mobile)); ?></p>
            <?php }; ?>
            <?php }; ?>
        </div>
        <div class="main_content inview">
            <?php
            // カテゴリー一覧 --------------------------------------
            $product_category_list = get_terms( 'product_category', array( 'hide_empty' => true ) );
            $category_total = count( $product_category_list );
            if ( $product_category_list && !is_wp_error( $product_category_list ) && ( $category_total > 1 ) ) {
                ?>
            <div class="product_category_button swiper">
                <ol class="swiper-wrapper">
                    <li class="swiper-slide current"><a data-category-id="product_cat_all" href="<?php echo esc_url(get_post_type_archive_link('product')); ?>">
                        <?php _e('All products', 'tcd-genesis-child');  ?>
                        </a></li>
                    <?php
                    foreach ( $product_category_list as $cat ):
                        $cat_id = $cat->term_id;
                    $cat_name = $cat->name;
                    $cat_url = get_term_link( $cat_id, 'product_category' );
                    ?>
                    <li class="swiper-slide"><a data-category-id="product_cat_<?php echo esc_attr($cat_id); ?>" href="<?php echo esc_url($cat_url); ?>"><?php echo esc_html($cat_name); ?></a></li>
                    <?php endforeach; ?>
                </ol>
            </div>
            <div class="genesis_carousel_scrollbar">
                <div class="product_category_scrollbar swiper-scrollbar"></div>
            </div>
            <?php }; ?>
            <div id="index_product_list_wrap">
                <?php
                // 最新の記事一覧 ----------------------
                if ( is_mobile() ) {
                    $post_num = $post_num_sp;
                } else {
                    $post_num = $post_num;
                };
                $args = array( 'post_type' => 'product', 'posts_per_page' => $post_num );
                $post_list = new wp_query( $args );
                if ( $post_list->have_posts() ):
                    ?>
                <div class="index_product_list active" id="product_cat_all">
                    <div class="index_product_list_inner">
                        <div class="product_carousel_cat_all_wrap">
                            <div class="product_carousel_wrap swiper" id="product_carousel_cat_all">
                                <div class="product_carousel swiper-wrapper">
                                    <?php
                                    while ( $post_list->have_posts() ): $post_list->the_post();
                                    if ( $show_image == 'display' ) {
                                        if ( has_post_thumbnail() ) {
                                            $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'size2' );
                                        } elseif ( $options[ 'no_image' ] ) {
                                            $image = wp_get_attachment_image_src( $options[ 'no_image' ], 'full' );
                                        } else {
                                            $image = array();
                                            $image[ 0 ] = get_bloginfo( 'template_url' ) . "/img/no_image2.gif";
                                            $image[ 1 ] = '770';
                                            $image[ 2 ] = '520';
                                        }
                                    }
                                    ?>
                                    <div class="item swiper-slide<?php if($show_image == 'hide'){ echo ' no_image'; }; ?>">
                                        <?php if($show_image == 'display'){ ?>
                                        <a class="image_link animate_background" href="<?php the_permalink(); ?>">
                                        <div class="image_wrap"> <img loading="lazy" class="image" src="<?php echo esc_attr($image[0]); ?>" width="<?php echo esc_attr($image[1]); ?>" height="<?php echo esc_attr($image[2]); ?>" /> </div>
                                        </a>
                                        <?php }; ?>
                                        <div class="content">
                                            <?php
                                            $post_category = wp_get_post_terms( $post->ID, 'product_category', array( 'orderby' => 'term_order' ) );
                                            if ( $post_category && !is_wp_error( $post_category ) ) {
                                                foreach ( $post_category as $post_cat ):
                                                    $post_cat_name = $post_cat->name;
                                                $post_cat_id = $post_cat->term_id;
                                                break;
                                                endforeach;
                                                ?>
                                            <a class="category_button" href="<?php echo esc_url(get_term_link($post_cat_id,'product_category')); ?>"><?php echo esc_html($post_cat_name); ?></a>
                                            <?php
                                            };
                                            ?>
                                            <h4 class="title"><a href="<?php the_permalink(); ?>"><span>
                                                <?php the_title(); ?>
                                                </span></a></h4>
                                            <time class="date entry-date published" datetime="<?php the_modified_time('c'); ?>">
                                                <?php the_time('Y.m.d'); ?>
                                            </time>
                                        </div>
                                    </div>
                                    <?php endwhile; ?>
                                </div>
                                <!-- END .product_carousel --> 
                            </div>
                            <!-- END .product_carousel_wrap --> 
                        </div>
                        <!-- END .product_carousel_cat_all_wrap -->
                        <div class="genesis_carousel_scrollbar">
                            <div class="swiper-scrollbar" id="product_carousel_scrollbar"></div>
                        </div>
                    </div>
                    <!-- END index_product_list_inner --> 
                </div>
                <!-- END index_product_list -->
                <?php endif; ?>
                <?php
                // カテゴリー別　記事一覧 ---------------------------------------------------
                if ( $product_category_list && !is_wp_error( $product_category_list ) ):
                    $i = 1;
                foreach ( $product_category_list as $cat ):
                    $cat_id = $cat->term_id;
                $args = array( 'post_type' => 'product', 'posts_per_page' => $post_num, 'tax_query' => array( array( 'taxonomy' => 'product_category', 'field' => 'term_id', 'terms' => $cat_id ) ) );
                $post_list = new wp_query( $args );
                $all_post_count = $post_list->found_posts;
                if ( $post_list->have_posts() ):
                    ?>
                <div class="index_product_list" id="product_cat_<?php echo esc_attr($cat_id); ?>">
                    <div class="index_product_list_inner">
                        <div class="product_carousel_wrap swiper" id="product_carousel_cat_<?php echo esc_attr($cat_id); ?>">
                            <div class="product_carousel swiper-wrapper">
                                <?php
                                while ( $post_list->have_posts() ): $post_list->the_post();
                                if ( $show_image == 'display' ) {
                                    if ( has_post_thumbnail() ) {
                                        $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'size2' );
                                    } elseif ( $options[ 'no_image' ] ) {
                                        $image = wp_get_attachment_image_src( $options[ 'no_image' ], 'full' );
                                    } else {
                                        $image = array();
                                        $image[ 0 ] = get_bloginfo( 'template_url' ) . "/img/no_image2.gif";
                                        $image[ 1 ] = '770';
                                        $image[ 2 ] = '520';
                                    }
                                }
                                ?>
                                <div class="item swiper-slide<?php if($show_image == 'hide'){ echo ' no_image'; }; ?>">
                                    <?php if($show_image == 'display'){ ?>
                                    <a class="image_link animate_background" href="<?php the_permalink(); ?>">
                                    <div class="image_wrap"> <img loading="lazy" class="image" src="<?php echo esc_attr($image[0]); ?>" width="<?php echo esc_attr($image[1]); ?>" height="<?php echo esc_attr($image[2]); ?>" /> </div>
                                    </a>
                                    <?php }; ?>
                                    <div class="content">
                                        <?php
                                        $post_category = wp_get_post_terms( $post->ID, 'product_category', array( 'orderby' => 'term_order' ) );
                                        if ( $post_category && !is_wp_error( $post_category ) ) {
                                            foreach ( $post_category as $post_cat ):
                                                $post_cat_name = $post_cat->name;
                                            $post_cat_id = $post_cat->term_id;
                                            break;
                                            endforeach;
                                            ?>
                                        <a class="category_button" href="<?php echo esc_url(get_term_link($post_cat_id,'product_category')); ?>"><?php echo esc_html($post_cat_name); ?></a>
                                        <?php
                                        };
                                        ?>
                                        <h4 class="title"><a href="<?php the_permalink(); ?>"><span>
                                            <?php the_title(); ?>
                                            </span></a></h4>
                                        <time class="date entry-date published" datetime="<?php the_modified_time('c'); ?>">
                                            <?php the_time('Y.m.d'); ?>
                                        </time>
                                    </div>
                                </div>
                                <?php endwhile; ?>
                            </div>
                            <!-- END .product_carousel --> 
                        </div>
                        <!-- END .product_carousel_wrap -->
                        <div class="genesis_carousel_scrollbar">
                            <div class="swiper-scrollbar" id="product_carousel_scrollbar_cat_<?php echo esc_attr($cat_id); ?>"></div>
                        </div>
                    </div>
                    <!-- END index_product_list_inner --> 
                </div>
                <!-- END index_product_list -->
                <?php
                endif;
                wp_reset_postdata();
                $i++;
                endforeach;
                endif;
                ?>
            </div>
            <!-- END #index_product_list_wrap -->
            
            <?php if($button_label){ ?>
            <div class="design_arrow_button cb_design_arrow_button"> <a href="<?php echo esc_url(get_post_type_archive_link('product')); ?>"><span class="label"><?php echo esc_html($button_label); ?></span><span class="arrow_button"></span></a> </div>
            <?php }; ?>
        </div>
    </section>
<?php	
return ob_get_clean();
}
add_shortcode('product_list', 'product_list_short_cord');

$image[ 0 ] = get_bloginfo( 'template_url' ) . "/img/no_image2.gif";
$image[ 1 ] = '770';
$image[ 2 ] = '520';

/* フリースペース */
.cb_free_space:has(.cb_product_list) { padding:0; }
.cb_free_space .post_content:has(.cb_product_list) { max-width:initial; margin:0 auto; padding:0; }
.cb_free_space .post_content .cb_product_list a {
	text-decoration: none;
	color: inherit;
}
.cb_free_space .post_content .solution_category_button li.current a,
.cb_free_space .post_content .product_category_button li.current a {
	color: #fff;
}

/* 製品カルーセル */
.cb_product_list { padding:150px 0; }
.cb_product_list:nth-child(even) { background:#f6f6f6; }
.product_carousel_wrap { width:auto; margin:0 auto !important; padding:0 100px !important; }
@media only screen and (min-width: 1720px) {
  .product_carousel_wrap { padding-left:calc(50% - 750px) !important; padding-right:calc(50% - 750px) !important; }
}
.product_carousel { -webkit-user-select:none; user-select:none; }
.product_carousel { }
.product_carousel .item { position:relative; width:385px; margin: 0 50px 0 0; }
.product_carousel .image_link { display:block; width:100%; height:auto; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:385 /260; margin: 0 0 30px 0;}
.product_listproduct_carousel.image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
.product_carousel .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.product_carousel .content { width:auto; }
.product_carousel .no_image .content { width:auto; padding:0; }
.product_carousel .category_button { margin-bottom:25px; }
.product_carousel .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
.product_carousel .title a { display:block; max-height:3.6em; overflow:hidden; visibility:visible; }
.product_carousel .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.product_carousel .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
.product_carousel .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }
.product_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:60px !important; }
.product_carousel_cat_all_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:60px !important; }
#index_product_list_wrap { position:relative; }
.index_product_list { display:none; pointer-events:none; }
.index_product_list.active { display:block; pointer-events:auto; }
.product_carousel_wrap { opacity:0; position:relative; }
.product_carousel_cat_all_wrap { opacity:0; transform: translate3d(140px,0,0); }
.cb_product_list .main_content.animate .product_carousel_cat_all_wrap { opacity:1; transform: translate3d(0,0,0); transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s, opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s; }
.index_product_list.active .product_carousel_wrap { animation: index_product_tab_animate 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
@keyframes index_product_tab_animate {
  0% { opacity:0; top:0px; left:140px; }
  100% { opacity:1; top:0px; left:0; }
}
.cb_product_list .main_content .product_category_button, .cb_product_list .main_content .genesis_carousel_scrollbar { position:relative; transform: translate3d(0,30px,0); opacity:0; transition: opacity 1.4s ease 0s, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s; }
.cb_product_list .main_content.animate .product_category_button, .cb_product_list .main_content.animate .genesis_carousel_scrollbar { transform: translate3d(0,0,0); opacity:1; }

/* カテゴリー一覧 */
.product_category_button { position:relative; width:auto; margin:0 auto 55px; padding:0 100px !important; }
@media only screen and (min-width: 1720px) {
  .product_category_button { padding-left:calc(50% - 750px) !important; padding-right:calc(50% - 750px) !important; }
}
.product_category_button ol { -webkit-user-select:none; user-select:none; }
.product_category_button li { flex: 0 0 auto !important; width:auto !important; min-width:140px; margin-right:20px; }
.product_category_button li:last-of-type { margin-right:0; }
.product_category_button a { height:50px; line-height:50px; border:1px solid #ddd; padding:0 25px; display:block; border-radius:50px; text-align:center; background:#fff; }
.product_category_button a:hover { color:#fff; }
.product_category_button li.current a { background:#000; border-color:#000; color:#fff; pointer-events:none; }
.product_category_button + .genesis_carousel_scrollbar { top:-25px !important; }

/* 追加 */
.product_category_button ol {
	margin-left: 0em !important;
}
.single-product #bread_crumb {
    max-width: 1700px !important;
    margin: 38px auto 130px !important;
}

/* 製品情報一覧 */
#archive_product { position:relative; max-width:1700px; margin:0 auto; padding:0 100px 150px; }
.product_list { display:flex; flex-wrap:wrap; position:relative; margin-bottom: -50px; justify-content: space-between; }
.product_list .item { position:relative; width: calc(100% / 3 - 32px);
	margin-bottom: 50px;
}
.product_list:after { 
	content: "";
	display: block; 
	width: calc(100% / 3 - 32px);
	height: 0;
}
.product_list:after { content: ""; display: block; width: calc(100% / 3 - 32px); height: 0; }
.product_list .image_link { display:block; width:100%; height:auto; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:385 /260; margin: 0 0 30px 0;}
.product_list .image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
.product_list .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.product_list .no_image .content { width:auto; padding:0; }
.product_list .category_button { margin-bottom:25px; }
.product_list .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
.product_list .title a { display:block; max-height:3.6em; overflow:hidden; visibility:visible; }
.product_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.product_list .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
.product_list .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }

/* ----------------------------------------------------------------------
レスポンシブ：製品情報
---------------------------------------------------------------------- */
/* 製品情報一覧 */
.product_carousel .title {
	margin-top:inherit;
	margin-left:inherit;
	margin-right:inherit;
	margin-bottom: 20px;
}
@media screen and (max-width:1391px) {
	.product_carousel_wrap { padding:0 60px !important; }
}
@media screen and (max-width:1100px) {
	.product_carousel_wrap { /*height:190px;*/ padding:0 40px !important; }
  .product_carousel .item { width: 260px;
      margin: 0 20px 0 0; }
	.product_carousel .image_link { margin: 0 0 20px 0; }
	.product_carousel .content {  width: 260px; }
	.product_carousel .category_button { margin-bottom:15px; }
	.product_carousel .title { font-size: 16px;
	margin-top: 0px;
	    margin-bottom: 13px;
	    line-height: 1.6; }
	.product_carousel .date { font-size:14px; }
	.product_carousel .date::before { font-size:16px; top:1.5px; }
}
@media screen and (max-width:800px) {
	.cb_product_list { padding:40px 0; }
	.cb_product_list .design_header { margin-bottom:40px; }
	.product_carousel_wrap { /*height:195px;*/ padding:0 20px !important; }
	.product_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:40px !important; }
	.product_carousel_cat_all_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:40px !important; }
	.cb_product_list .cb_design_arrow_button { margin-top:35px; }
}

/* ----------------------------------------------------------------------
 製品情報
---------------------------------------------------------------------- */
@media screen and (max-width:1391px) {
.product_category_button { padding:0 60px !important; }
/* ブログ一覧 */
#archive_product { max-width:inherit; padding:0 60px 150px; }
}
@media screen and (max-width:1100px) {
.product_category_button { padding:0 40px !important; margin-top:-12px; }
	.product_category_button li { min-width:120px; margin-right:10px; }
.product_category_button li:last-of-type { margin-right:0; }
	.product_category_button a { height:40px; line-height:40px; padding:0 20px; font-size:14px; }
	
  #archive_product { padding:0 40px 150px; }
}
@media screen and (max-width:1000px) {
  .product_list .item { position:relative; width:calc(50% - 20px); margin:0 40px 50px 0; }
  #archive_product .product_list .item:nth-child(3n) { margin-right:40px; }
  #archive_product .product_list .item:nth-child(2n) { margin-right:0px; }
}
@media screen and (max-width:800px) {
.product_category_button { padding:0 20px !important; margin:0px 0 40px 0; }

  #archive_product { padding:0 20px 40px; }
	body.paged #archive_product { padding-top:20px; }
	.product_list { margin-bottom:-30px; }
  .product_list .item { position:relative; width:calc(50% - 10px); margin:0 20px 30px 0; }
  #archive_product .product_list .item:nth-child(3n) { margin-right:20px; }
  #archive_product .product_list .item:nth-child(2n) { margin-right:0px; }
	.product_list .title { font-size:16px; margin-bottom:10px; }
	.product_list .date { font-size:14px; }
	.product_list .date::before { font-size:16px; top:1.5px; }
	.product_list .image_link { margin-bottom:20px; }
	.product_list .category_button { margin-bottom:15px; }
}
@media screen and (max-width:600px) {
	#archive_product .product_list { display:block; margin-bottom:0; }
  .product_list .item { width:auto; margin:0 0 30px 0; }
  #archive_product .product_list .item:nth-child(3n) { margin-right:0; }
}

function custom_head_css(){
	$options = get_design_plus_option();
    global $post;
    // メインカラー ----------------------------------
    $main_color = $options['main_color'];
    $main_color_hex = hex2rgb($main_color);
    $main_color_hex = implode(",",$main_color_hex);
    $hover_color = adjustBrightness($main_color, -30); ?>
    
    .cb_free_space .post_content .solution_carousel .title a:hover,.cb_free_space .post_content .solution_carousel .category_button,.solution_carousel .category_button,.cb_free_space .post_content .solution_category_button a:hover,.solution_category_button a:hover { color:<?php echo esc_html($main_color); ?>; }
    .solution_category_button li.current a { background-color:<?php echo esc_html($main_color); ?>; }
    .solution_category_button li.current a, .solution_category_button a:hover { border-color:<?php echo esc_html($main_color); ?>; }
    .cb_free_space .post_content .solution_carousel .category_button:hover { color:<?php echo esc_html($hover_color); ?>; }
    
    .cb_free_space .post_content .product_carousel .title a:hover,.cb_free_space .post_content .product_carousel .category_button,.product_carousel .category_button,.cb_free_space .post_content .product_category_button a:hover,.product_category_button a:hover { color:<?php echo esc_html($main_color); ?>; }
    .product_category_button li.current a { background-color:<?php echo esc_html($main_color); ?>; }
    .product_category_button li.current a, .product_category_button a:hover { border-color:<?php echo esc_html($main_color); ?>; }
    .cb_free_space .post_content .product_carousel .category_button:hover { color:<?php echo esc_html($hover_color); ?>; }
    
<?php }
add_action('tcd_head_css', 'custom_head_css');

<?php if(is_post_type_archive('product') || is_tax('product_category') || is_front_page()) { ?>

<script>
<?php
     // 共通のスクリプト --------------------------------------------------------------------------
       global $post;
       $options = get_design_plus_option();
?>
<?php
     // トップページ ------------------------------
     if(is_front_page()) {
?>
(function($) {
  
let product_carousel_cat_all;
  <?php
       $product_category_list = get_terms( 'product_category', array('hide_empty' => true ) );
       $category_total = count($product_category_list);
       if ( $product_category_list && ! is_wp_error( $product_category_list ) && ($category_total > 1) ) {
         foreach ( $product_category_list as $cat ):
           $cat_id = $cat->term_id;
  ?>
  let product_carousel_cat_<?php echo esc_attr($cat_id); ?>;
  <?php
         endforeach;
       };
  ?>

  function init_product_carousel(){

  if( $('#product_carousel_cat_all').length ){
    if(product_carousel_cat_all != undefined){
      product_carousel_cat_all.destroy();
    }
    product_carousel_cat_all = new Swiper("#product_carousel_cat_all", {
      loop: false,
      centeredSlides: false,
      slidesPerView: "auto",
      grabCursor: true,
      scrollbar: {
        el: "#product_carousel_scrollbar",
        hide: false,
        draggable: true,
        dragSize: 120,
      },
      freeMode: {
        enabled: true,
        sticky: false,
        momentumBounce: false,
      },
      observer: true,
      observeParents: true,
      breakpoints: {
        800: {
          scrollbar: {
            dragSize: 200,
          },
        }
      }
    });
  };
  <?php
       // カテゴリー別記事一覧
       if ( $product_category_list && ! is_wp_error( $product_category_list ) && ($category_total > 1) ) {
         foreach ( $product_category_list as $cat ):
           $cat_id = $cat->term_id;
  ?>
  if( $('#product_carousel_cat_<?php echo esc_attr($cat_id); ?>').length ){
    if(product_carousel_cat_<?php echo esc_attr($cat_id); ?> != undefined){
      product_carousel_cat_<?php echo esc_attr($cat_id); ?>.destroy();
    }
    product_carousel_cat_<?php echo esc_attr($cat_id); ?> = new Swiper("#product_carousel_cat_<?php echo esc_attr($cat_id); ?>", {
      loop: false,
      centeredSlides: false,
      slidesPerView: "auto",
      grabCursor: true,
      scrollbar: {
        el: "#product_carousel_scrollbar_cat_<?php echo esc_attr($cat_id); ?>",
        hide: false,
        draggable: true,
        dragSize: 120,
      },
      freeMode: {
        enabled: true,
        sticky: false,
        momentumBounce: false,
      },
      observer: true,
      observeParents: true,
      breakpoints: {
        800: {
          scrollbar: {
            dragSize: 200,
          },
        }
      }
    });
  };
  <?php
         endforeach;
       };
  ?>

  }; // END init_product_carousel();
  init_product_carousel();

  <?php
       // カテゴリーソートボタン
       if ( $product_category_list && ! is_wp_error( $product_category_list ) && ($category_total > 1) ) {
  ?>
  $('.product_category_button a').on('click',function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(this).parent().siblings().removeClass('current');
    $(this).parent().addClass('current');
    var product_category_id = $(this).data('category-id');
    if(product_category_id){
      $('.index_product_list').removeClass('active');
      $('#' + product_category_id).addClass('active');
      init_product_carousel();
    }
  });
  	<?php }; ?>
          
})(jQuery);

<?php }; // トップページ ------------------------
?>

<?php
     // 製品情報アーカイブ ------------------------------
     if(is_post_type_archive('product') || is_tax('product_category') || is_front_page()) {
?>
(function($) {

  if( $('.product_category_button').length ){
    let product_category_button = new Swiper(".product_category_button", {
      loop: false,
      centeredSlides: false,
      slidesPerView: "auto",
      grabCursor: true,
      freeMode: {
        enabled: true,
        sticky: false,
        momentumBounce: false,
      },
    });
  };

})(jQuery);
<?php
     };
     // 製品情報アーカイブとカテゴリーページ
     if(is_post_type_archive('product') || is_tax('product_category')) {
       $ajax_item = 'get_product_items';
?>
(function($) {

  <?php // カテゴリーソートボタン ------------------------ ?>
  $('.product_category_button a').on('click',function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(this).parent().siblings().removeClass('current');
    $(this).parent().addClass('current');
    var product_category_id = $(this).data('category-id');
    if(product_category_id){
      $('.product_list').find('.item').removeClass('animate').removeAttr('style');
      $('.ajax_post_list_wrap').removeClass('active');
      $(product_category_id).addClass('active');
      $(product_category_id).find(".item").each(function(i){
        $(this).delay(300).queue(function(next) {
          $(this).addClass('animate');
          next();
        });
      });
    }
  });

  <?php
       // AJAXを使って記事をロードする ------------------------
       if(is_mobile()){
        $post_num = get_theme_mod('product_mobile_number',6);
      } else {
        $post_num = get_theme_mod('product_pc_number',6);
      }
  ?>
  var offsetPost = '',
      catid = '',
      flag = false;

  $(document).on("click", ".product-more", function() {
    offsetPost = $(this).data('offset-post');
    catid = $(this).data('catid');
    current_button = $(this);
    if (!flag) {
      entry_loading = current_button.closest('.ajax_post_list_wrap').find('.entry-loading');
      product_list = current_button.closest('.ajax_post_list_wrap').find('.product_list');
      current_button.addClass("is-hide");
      entry_loading.addClass("is-show");
      flag = true;
      $.ajax({
        type: "POST",
        url: "<?php echo admin_url( 'admin-ajax.php' ); ?>",
        data: {
          action: '<?php echo esc_attr($ajax_item); ?>',
          offset_post_num: offsetPost,
          post_cat_id: catid
        },
        dataType: 'json'
      }).done(function(data, textStatus, jqXHR) {
        if (data.html) {
          product_list.append(data.html);
          $(".ajax_item",product_list).each(function(i) {
            $(this).css('opacity','0').show();
            $(this).delay(300).queue(function(next) {
              $(this).addClass('animate').fadeIn();
              $(this).removeClass('ajax_item');
              next();
            });
          });
        }
        entry_loading.removeClass("is-show");
        if (data.remain) {
          current_button.removeClass("is-hide");
        }
        offsetPost += <?php echo esc_attr($post_num); ?>;
        current_button.attr('data-offset-post',offsetPost);
        current_button.data('offset-post',offsetPost);
        flag = false;
      }).fail(function(jqXHR, textStatus, errorThrown) {
        entry_loading.removeClass("is-show");

      });
    }
  });

})(jQuery);

<?php }; ?>
</script>
<?php } ?>

//省略

<?php wp_footer(); ?>
<?php
     // load script -----------------------------------------------------------
    if(
       $options['show_loading'] && is_front_page() && $options['loading_display_page'] == 'type1' && $options['loading_display_time'] == 'type1' && !isset($_COOKIE['first_visit']) ||
       $options['show_loading'] && is_front_page() && $options['loading_display_page'] == 'type1' && $options['loading_display_time'] == 'type2' ||
       $options['show_loading'] && $options['loading_display_page'] == 'type2' && $options['loading_display_time'] == 'type1' && !isset($_COOKIE['first_visit']) ||
       $options['show_loading'] && $options['loading_display_page'] == 'type2' && $options['loading_display_time'] == 'type2'
    ){
       show_loading_screen();
     } else {
       no_loading_screen();
     };

     // カスタムスクリプト--------------------------------------------
     if($options['footer_script_code']) {
       echo $options['footer_script_code'];
     };
     if(is_single() || is_page()) {
       global $post;
       $footer_custom_script = get_post_meta($post->ID, 'footer_custom_script', true);
       if($footer_custom_script) {
         echo $footer_custom_script;
       };
     };
?>
<?php
//カスタム投稿を制御するjavascript
get_template_part('template-parts/footer_custom_script');
?>

</body>
</html>

<?php
     get_header();
     $options = get_design_plus_option();
//カスタマイザーの情報を設置
     $title = get_option('product_headline_txt');
     $sub_title = get_option('product_sub_txt');
     $desc = get_option('product_desc_pc_txt');
     $desc_mobile = get_option('product_desc_mobile_txt');
?>

//省略

<section id="archive_product">

 <?php
//アイキャッチは表示
      $show_image = 'display';

//カスタマイザーの表示数を設置
      if(is_mobile()){
        $post_num = get_theme_mod('product_mobile_number',6);
      } else {
        $post_num = get_theme_mod('product_pc_number',6);
      }
      $args = array( 'post_type' => 'product', 'posts_per_page' => $post_num );
      $post_list = new wp_query($args);
      $all_post_count = $post_list->found_posts;
      if($post_list->have_posts()):
 ?>

//省略

<div class="ajax_post_list_wrap" id="ajax_post_cat_<?php echo esc_attr($cat_id); ?>">
  <div class="product_list ajax_post_list">
   <?php
        while ( $post_list->have_posts() ) : $post_list->the_post();
          if($show_image == 'display'){
            if(has_post_thumbnail()) {
              $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'size2' );
            } elseif($options['no_image']) {
              $image = wp_get_attachment_image_src( $options['no_image'], 'full' );
            } else {
              $image = array();

//アイキャッチの大きさをブログと同様に
              $image[0] = get_bloginfo('template_url') . "/img/no_image2.gif";
              $image[1] = '770';
              $image[2] = '520';
            }
          }
   ?>

//省略

<?php if($all_post_count > $post_num) { ?>

//念のため「entry-more」を「product-more」に変更　※変更しなくても大丈夫だと思いますが…
  <div class="product-more" data-catid="" data-offset-post="<?php echo esc_attr($post_num); ?>">
   <span class="design_button"><?php _e( 'Load more', 'tcd-genesis' ); ?></span>
  </div>
  <div class="entry-loading"><?php _e( 'LOADING...', 'tcd-genesis' ); ?></div>
  <?php }; ?>
 </div><!-- END .ajax_post_list_wrap -->

//以下省略

$title = get_option('product_headline_txt');
$sub_title = get_option('product_sub_txt');
$desc = get_option('product_desc_pc_txt');
$desc_mobile = get_option('product_desc_mobile_txt');

if(is_mobile()){
   $post_num = get_theme_mod('product_mobile_number',6);
} else {
   $post_num = get_theme_mod('product_pc_number',6);
}

$image[0] = get_bloginfo('template_url') . "/img/no_image2.gif";
$image[1] = '770';
$image[2] = '520';

<?php
     $options = get_design_plus_option();

     if(is_mobile()){
        $post_num = get_theme_mod('product_mobile_number',6);
     } else {
        $post_num = get_theme_mod('product_pc_number',6);
     }

     $def_offset = $post_num;
     $offset = isset( $_POST['offset_post_num'] ) ? $_POST['offset_post_num'] : $def_offset;
     $post_cat_id = isset( $_POST['post_cat_id'] ) ? $_POST['post_cat_id'] : '';
     $next_load_num = $post_num;
     $posts_per_page = $next_load_num;

     if($post_cat_id){
       $all_query = new WP_Query( array('post_type' => 'product', 'post_status' => 'publish', 'posts_per_page' => -1, 'tax_query' => array( array( 'taxonomy' => 'product_category', 'field' => 'term_id', 'terms' => $post_cat_id ) )) );
       $all_post_count = $all_query->found_posts;
       $args = array( 'post_type' => 'product', 'post_status' => 'publish', 'posts_per_page' => $posts_per_page, 'offset' => $offset, 'tax_query' => array( array( 'taxonomy' => 'product_category', 'field' => 'term_id', 'terms' => $post_cat_id ) ) );
     } else {
       $all_query = new WP_Query( array('post_type' => 'product', 'post_status' => 'publish', 'posts_per_page' => -1) );
       $all_post_count = $all_query->found_posts;
       $args = array( 'post_type' => 'product', 'post_status' => 'publish', 'posts_per_page' => $posts_per_page, 'offset' => $offset );
     }

//以下省略

// AJAXで記事取得 ------------------------------------------------------------------------

// 製品情報
function ajax_get_product_items() {
  if ( ! defined( 'DOING_AJAX' ) || ! DOING_AJAX ) return;
  if ( isset( $_POST['offset_post_num'], $_POST['post_cat_id'] ) ) {
    get_template_part('ajax-product-item');
    exit;
  }
}
add_action( 'wp_ajax_get_product_items', 'ajax_get_product_items' );
add_action( 'wp_ajax_nopriv_get_product_items', 'ajax_get_product_items' );

<?php
     $options = get_design_plus_option();
     
	 $options['product_label'] = get_option('product_label_txt');
     
     global $post, $blog_label;
?>
<div id="bread_crumb" class="inview">
 <ul itemscope itemtype="https://schema.org/BreadcrumbList">
 <?php
     // お知らせアーカイブ -----------------------
     if(is_post_type_archive('news')) {
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php echo esc_html($options['news_label']); ?></span><meta itemprop="position" content="2"></li>
 <?php
     // お知らせカテゴリー -----------------------
     } elseif(is_tax('news_category')) {
       $category_title = single_cat_title('', false);
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="<?php echo esc_url(get_post_type_archive_link('news')); ?>"><span itemprop="name"><?php echo esc_html($options['news_label']); ?></span></a><meta itemprop="position" content="2"></li>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php echo esc_html($category_title); ?></span><meta itemprop="position" content="3"></li>
 <?php
     // お知らせ詳細 -----------------------
     } elseif(is_singular('news')) {
       $category = wp_get_post_terms( $post->ID, 'news_category' , array( 'orderby' => 'term_order' ));
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="<?php echo esc_url(get_post_type_archive_link('news')); ?>"><span itemprop="name"><?php echo esc_html($options['news_label']); ?></span></a><meta itemprop="position" content="2"></li>
 <?php if ( $category && ! is_wp_error($category) ) { ?>
 <li class="category" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  <?php
       $count=1;
       foreach ($category as $cat) {
  ?>
  <a itemprop="item" href="<?php echo esc_url(get_category_link($cat->term_id)); ?>"><span itemprop="name"><?php echo esc_html($cat->name); ?></span></a>
  <?php $count++; } ?>
  <meta itemprop="position" content="3">
 </li>
 <?php }; ?>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php the_title_attribute(); ?></span><meta itemprop="position" content="<?php if ( $category ) { echo '4'; } else { echo '3'; }; ?>"></li>
 <?php
     // 製品情報アーカイブ -----------------------
     } elseif(is_post_type_archive('product')) {
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php echo esc_html($options['product_label']); ?></span><meta itemprop="position" content="2"></li>
 <?php
     // 製品情報カテゴリー -----------------------
     } elseif(is_tax('product_category')) {
       $category_title = single_cat_title('', false);
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="<?php echo esc_url(get_post_type_archive_link('product')); ?>"><span itemprop="name"><?php echo esc_html($options['product_label']); ?></span></a><meta itemprop="position" content="2"></li>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php echo esc_html($category_title); ?></span><meta itemprop="position" content="3"></li>
 <?php
     // 製品情報詳細 -----------------------
     } elseif(is_singular('product')) {
       $category = wp_get_post_terms( $post->ID, 'product_category' , array( 'orderby' => 'term_order' ));
 ?>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="<?php echo esc_url(home_url('/')); ?>"><span itemprop="name"><?php _e('Home', 'tcd-genesis'); ?></span></a><meta itemprop="position" content="1"></li>
 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="<?php echo esc_url(get_post_type_archive_link('product')); ?>"><span itemprop="name"><?php echo esc_html($options['product_label']); ?></span></a><meta itemprop="position" content="2"></li>
 <?php if ( $category && ! is_wp_error($category) ) { ?>
 <li class="category" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  <?php
       $count=1;
       foreach ($category as $cat) {
  ?>
  <a itemprop="item" href="<?php echo esc_url(get_category_link($cat->term_id)); ?>"><span itemprop="name"><?php echo esc_html($cat->name); ?></span></a>
  <?php $count++; } ?>
  <meta itemprop="position" content="3">
 </li>
 <?php }; ?>
 <li class="last" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name"><?php the_title_attribute(); ?></span><meta itemprop="position" content="<?php if ( $category ) { echo '4'; } else { echo '3'; }; ?>"></li>
 <?php
     // サービスアーカイブ -----------------------
     
//以下省略

<?php
     get_header();
     $options = get_design_plus_option();
     $hide_sidebar = get_post_meta($post->ID, 'hide_sidebar', true) ?  get_post_meta($post->ID, 'hide_sidebar', true) : 'no';
     $hide_breadcrumb = get_post_meta($post->ID, 'hide_breadcrumb', true) ?  get_post_meta($post->ID, 'hide_breadcrumb', true) : 'no';
     $headline = get_post_meta($post->ID, 'header_headline', true) ?  get_post_meta($post->ID, 'header_headline', true) : get_the_title();
     $sub_title = get_post_meta($post->ID, 'header_sub_title', true);
     $catch = get_post_meta($post->ID, 'header_catch', true);
     $desc = get_post_meta($post->ID, 'header_desc', true);
     $desc_mobile = get_post_meta($post->ID, 'header_desc_mobile', true);
     $image = wp_get_attachment_image_src(get_post_meta($post->ID, 'header_image', true), 'full');
?>
<?php if($hide_breadcrumb == 'no'){ get_template_part('template-parts/breadcrumb'); }; ?>


<div id="page_header"<?php if($image){ echo ' class="show_image"'; }; if(!$catch && !$desc && !$image){ echo ' class="large_height"'; }; ?>>
 <div class="design_header inview">
  <div class="title_area no_desc">
   <?php if($headline){ ?>
   <h1 class="large_headline"><span><?php echo wp_kses_post(nl2br($headline)); ?></span></h1>
   <?php }; ?>
   <?php if($sub_title){ ?>
   <p class="sub_title colored"><span><?php echo esc_html($sub_title); ?></span></p>
   <?php }; ?>
  </div>
 </div>
 <?php if($catch || $desc){ ?>
 <div class="desc_area inview slide_up_animation">
  <?php if($catch){ ?>
  <h2 class="catch rich_font"><span><?php echo wp_kses_post(nl2br($catch)); ?></span></h2>
  <?php }; ?>
  <?php if($desc){ ?>
  <div class="desc<?php if($desc_mobile){ echo ' pc'; }; ?>"><?php echo wp_kses_post(nl2br($desc)); ?></div>
  <?php if($desc_mobile){ ?>
  <div class="desc mobile"><?php echo wp_kses_post(nl2br($desc_mobile)); ?></div>
  <?php }; ?>
  <?php }; ?>
 </div>
 <?php }; ?>
 <?php if($image) { ?>
 <div class="image">
  <div class="overlay"></div>
  <img src="<?php echo esc_attr($image[0]); ?>" alt="" width="<?php echo esc_attr($image[1]); ?>" height="<?php echo esc_attr($image[2]); ?>">
 </div>
 <?php }; ?>
</div>

<?php if($hide_sidebar == 'yes'){ ?>

<article id="page_contents">

 <div class="post_content"><?php the_content(); if ( ! post_password_required() ) { custom_wp_link_pages(); } ?></div>

</article><!-- END #page_contents -->

<?php } else { ?>

<div id="main_content">

 <div id="main_col">

  <article id="article">

   <div class="post_content clearfix">
    <?php
         the_content();
         if ( ! post_password_required() ) {
           custom_wp_link_pages();
         }
    ?>
   </div>

 </div><!-- END #main_col -->

 <?php get_sidebar(); ?>

</div><!-- END #main_contents -->

<?php }; ?>

<?php get_footer(); ?>

//メインループ
if ( have_posts() ) : while ( have_posts() ) : the_post();
//処理
<?php endwhile; endif; ?>

<?php
/*
Template Name:タイプ2 テンプレート
Template Post Type: product
*/
     get_header();
     $options = get_design_plus_option();
     $hide_sidebar = get_post_meta($post->ID, 'hide_sidebar_type2', true) ?  get_post_meta($post->ID, 'hide_sidebar_type2', true) : 'no';
     $hide_breadcrumb = get_post_meta($post->ID, 'hide_breadcrumb_type2', true) ?  get_post_meta($post->ID, 'hide_breadcrumb_type2', true) : 'no';

     if ( have_posts() ) : while ( have_posts() ) : the_post();
       $cat_id = '';
       $category = wp_get_post_terms( $post->ID, 'service_category' , array( 'orderby' => 'term_order' ));
       if ( $category && ! is_wp_error($category) ) {
         foreach ( $category as $cat ) :
           $cat_name = $cat->name;
           $cat_id = $cat->term_id;
           $cat_url = get_term_link($cat_id,'service_category');
           break;
         endforeach;
       };
       $term_meta = get_option( 'taxonomy_' . $cat_id, array() );
       $sub_title = !empty($term_meta['sub_title']) ? $term_meta['sub_title'] : '';
       $single_service_overlay_color = hex2rgb($options['single_service_overlay_color']);
       $single_service_overlay_color = implode(",",$single_service_overlay_color);
?>

<div id="single_service_header" class="inview">

 <h1 class="title single_title entry-title"><span><?php the_title(); ?></span></h1>

 <?php if ( $category && ! is_wp_error($category) && $sub_title) { ?>
 <div class="category">
  <?php if ( $category && ! is_wp_error($category) ) { ?>
  <h2 class="large_headline"><span><?php echo wp_kses_post(nl2br($cat_name)); ?></span></h2>
  <?php }; ?>
  <?php if($sub_title){ ?>
  <p class="sub_title"><span><?php echo wp_kses_post(nl2br($sub_title)); ?></span></p>
  <?php }; ?>
 </div>
 <?php }; ?>

 <?php
      if(has_post_thumbnail()) {
        $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
 ?>
 <img class="image" src="<?php echo esc_attr($image[0]); ?>" width="<?php echo esc_attr($image[1]); ?>" height="<?php echo esc_attr($image[2]); ?>" />
 <?php }; ?>

 <div class="overlay" style="background:rgba(<?php echo esc_attr($single_service_overlay_color); ?>,<?php echo esc_attr($options['single_service_overlay_opacity']); ?>);"></div>

</div>

<?php if($hide_breadcrumb == 'no'){ get_template_part('template-parts/breadcrumb'); }; ?>

<?php if($hide_sidebar == 'yes'){ ?>

<article id="page_contents">

 <div class="post_content"><?php the_content(); if ( ! post_password_required() ) { custom_wp_link_pages(); } ?></div>

</article><!-- END #page_contents -->

<?php } else { ?>

<div id="main_content">

 <div id="main_col">

  <article id="article">

   <div class="post_content clearfix">
    <?php
         the_content();
         if ( ! post_password_required() ) {
           custom_wp_link_pages();
         }
    ?>
   </div>

 </div><!-- END #main_col -->

 <?php get_sidebar(); ?>

</div><!-- END #main_contents -->

<?php }; ?>




<?php endwhile; endif; ?>

<?php get_footer(); ?>

/*
Template Name:タイプ2 テンプレート
Template Post Type: product
*/

// bodyにclassを追加を変更 --------------------------------------------------------------------------------
function remove_body_classes() {
	remove_filter( 'body_class','tcd_body_classes' );
}
add_action('after_setup_theme', 'remove_body_classes');

function tcd_body_classes_child($classes) {
    global $wp_query, $post;
    $options = get_design_plus_option();

    if(is_mobile()){ $classes[] = 'mobile_device'; }

    if( (is_search() && isset($_GET['s']) && empty($_GET['s'])) || (is_search() && !have_posts()) ){ $classes[] = 'search-no-results'; };

    $classes[] = esc_attr($options['megamenu_color_type']);

    if($options['show_header_message'] == 'display') { $classes[] = 'show_header_message'; }

    if(is_singular('post') && $options['single_blog_content_width'] == 'type2') { $classes[] = 'short_content_width'; }
    if(is_singular('news') && $options['single_news_content_width'] == 'type2') { $classes[] = 'short_content_width'; }
    if(is_singular('service') && $options['single_service_content_width'] == 'type2') { $classes[] = 'short_content_width'; }

    if($options['blog_show_date'] == 'hide') { $classes[] = 'hide_blog_date'; }

    if( is_front_page() && $options['index_slider_image']) { $classes[] = 'header_slider_layout_' . esc_attr($options['index_slider_layout']); }

    if(
       $options['show_loading'] && is_front_page() && $options['loading_display_page'] == 'type1' && $options['loading_display_time'] == 'type1' && !isset($_COOKIE['first_visit']) ||
       $options['show_loading'] && is_front_page() && $options['loading_display_page'] == 'type1' && $options['loading_display_time'] == 'type2' ||
       $options['show_loading'] && $options['loading_display_page'] == 'type2' && $options['loading_display_time'] == 'type1' && !isset($_COOKIE['first_visit']) ||
       $options['show_loading'] && $options['loading_display_page'] == 'type2' && $options['loading_display_time'] == 'type2'
    ){
      $classes[] = 'use_loading_screen';
      $classes[] = 'loading_animation_' . esc_attr($options['loading_animation_type']);
    };

    //サービスページタイプはグローバルナビを透過
    if(is_page_template('single-type2.php') || is_singular('service') || (is_front_page() && $options['index_slider_image'] && $options['index_slider_layout'] == 'type3') ) { $classes[] = 'header_type2'; };
    
    //カスタム投稿のbodyクラスを追加
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_sidebar', true) == 'no') ) { $classes[] = 'show_sidebar'; } elseif( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_sidebar', true) != 'no') ) { $classes[] = 'hide_sidebar'; };
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_sidebar_type2', true) == 'no') ) { $classes[] = 'show_sidebar'; } elseif( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_sidebar_type2', true) != 'no') ) { $classes[] = 'hide_sidebar'; };
    
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_breadcrumb', true) == 'yes')) { $classes[] = 'hide_breadcrumb'; };
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'hide_breadcrumb_type2', true) == 'yes')) { $classes[] = 'hide_breadcrumb'; };
    
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'page_width_type2', true) == 'type2') ) { $classes[] = 'short_content_width'; } elseif( is_singular( array( 'solution', 'product' ) ) && (get_post_meta($post->ID, 'page_width_type2', true) != 'type2')) { $classes[] = 'normal_content_width'; };
    if( is_singular( array( 'product' ) ) && (get_post_meta($post->ID, 'page_width_t2_type2', true) == 'type2') ) { $classes[] = 'short_content_width'; } elseif( is_singular( array( 'solution', 'product' ) ) && (get_post_meta($post->ID, 'page_width_t2_type2', true) != 'type2')) { $classes[] = 'normal_content_width'; };
    
    if( is_page() && (get_post_meta($post->ID, 'hide_sidebar', true) == 'no') ) { $classes[] = 'show_sidebar'; } elseif( is_page() && (get_post_meta($post->ID, 'hide_sidebar', true) != 'no') ) { $classes[] = 'hide_sidebar'; };
    if( is_page() && (get_post_meta($post->ID, 'hide_breadcrumb', true) == 'yes') && !is_page_template('page-tcd-lp.php')) { $classes[] = 'hide_breadcrumb'; };
    if( is_page() && (get_post_meta($post->ID, 'page_width_type2', true) == 'type2') ) { $classes[] = 'short_content_width'; } elseif(is_page() && (get_post_meta($post->ID, 'page_width_type2', true) != 'type2')) { $classes[] = 'normal_content_width'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'hide_header_message', true) == 'yes') ) { $classes[] = 'hide_header_message'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'hide_page_header_bar', true) == 'yes') ) { $classes[] = 'hide_page_header_bar'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'hide_page_header', true) == 'yes') ) { $classes[] = 'hide_page_header'; } elseif(is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'hide_page_header', true) != 'yes')) { $classes[] = 'show_page_header'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'hide_page_header_logo', true) == 'yes') ) { $classes[] = 'hide_logo'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'page_hide_footer', true) == 'yes') ) { $classes[] = 'hide_footer'; };
    if( is_page_template('page-tcd-lp.php') && (get_post_meta($post->ID, 'page_width', true) == 'small') ) { $classes[] = 'short_content'; };

    if(is_archive()) {
      global $wp_query;
      if($wp_query->max_num_pages == 1) {
        $classes[] = 'no_page_nav';
      }
    }

    if( is_single() && (!comments_open() && !pings_open()) ) { $classes[] = 'no_comment_form'; };

    if ( is_mobile() && ($options['footer_bar_type'] != 'type1') ) { $classes[] = 'show_footer_bar'; };

    return array_unique($classes);
};
add_filter('body_class','tcd_body_classes_child');

function remove_body_classes() {
	remove_filter( 'body_class','tcd_body_classes' );
}
add_action('after_setup_theme', 'remove_body_classes');

// password_formのフックを変更、カスタム投稿タイプに適用  --------------------------------------------------------------------------------
function remove_parent_password_form() {
	remove_filter( 'default_hidden_meta_boxes', 'tcd_default_hidden_meta_boxes' );
	remove_action( 'add_meta_boxes', 'pw_meta_box' );
	remove_action( 'save_post', 'save_select_pw_meta_box' );
	remove_filter( 'protected_title_format', 'tcd_protected_title_format', 10, 2 );
	remove_filter( 'the_excerpt', 'tcd_the_excerpt' );
	remove_filter( 'the_password_form', 'tcd_password_form' );
}
add_action('after_setup_theme', 'remove_parent_password_form');

function custom_excerpt_add(){
    add_post_type_support( 'page', 'excerpt' );
    add_post_type_support( 'product', 'excerpt' );
}
add_action('after_setup_theme' , 'custom_excerpt_add' );

require get_stylesheet_directory() . '/functions/password_form.php';

function seo_meta_box_child() {
  $options = get_design_plus_option();
  
  $options['product_archive_meta_title'] = get_option('product_title_txt');
  $options['product_archive_meta_description'] = get_option('product_desc_txt');
  $options['product_label'] = get_option('product_label_txt');

  $post_types = array ('post', 'page', 'news', 'service', 'product');
  add_meta_box(
    'show_seo_meta_box_child',//ID of meta box
    __('SEO', 'tcd-genesis'),//label
    'show_seo_meta_box_child',//callback function
    $post_types,// post type
    'normal',// context
    'low'// priority
  );
}
add_action('add_meta_boxes', 'seo_meta_box_child', 998);

//以下省略

$options['product_archive_meta_title'] = get_option('product_title_txt');
$options['product_archive_meta_description'] = get_option('product_desc_txt');
$options['product_label'] = get_option('product_label_txt');

$post_types = array ('post', 'page', 'news', 'service', 'product');

// seo.phpのフックを変更、カスタム投稿タイプに適用  --------------------------------------------------------------------------------
function remove_parent_seo_title() {
	remove_action('add_meta_boxes', 'seo_meta_box', 998);
	remove_action('save_post', 'save_seo_meta_box');
	remove_filter( 'pre_get_document_title', 'seo_title', 10, 2 );
}
add_action('after_setup_theme', 'remove_parent_seo_title');

require get_stylesheet_directory() . '/functions/seo.php';

<?php $options = get_design_plus_option(); ?>
<!DOCTYPE html>
<html class="pc" <?php language_attributes(); ?>>
<?php if($options['use_ogp']) { ?>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<?php } else { ?>
<head>
<?php }; ?>
<meta charset="<?php bloginfo('charset'); ?>">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
<meta name="viewport" content="width=device-width">
<meta name="description" content="<?php seo_description_child(); ?>">
<?php if(is_attachment() && (get_option( 'blog_public' ) != 0)) { ?>
<meta name='robots' content='noindex, nofollow' />
<?php }; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php wp_head(); ?>
</head>

//以下省略

// ogp.phpのフックを変更、カスタム投稿タイプに適用 -----------------------------------------------------------------------
function remove_parent_ogp() {
 // 親テーマでフックしているアクションを削除
 remove_action( 'wp_head', 'ogp', 1 );
}
add_action( 'init', 'remove_parent_ogp', 20 );

function ogp_child() {
	global $post;
  $options = get_design_plus_option();

  $og_type = (!is_front_page() && is_singular()) ? 'article' : 'website';
  $og_url = ( ! empty( $_SERVER['HTTPS'] ) && $_SERVER['HTTPS'] !== 'off' ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
  $og_title = is_singular() ? strip_tags( wp_get_document_title() ) : seo_title_child('');
  $og_description = get_seo_description_child();
  $twitter_card_size = ( $options['twitter_cards_size'] ) ? $options['twitter_cards_size'] : 'summary';
?>
<meta property="og:type" content="<?php echo $og_type; ?>">
<meta property="og:url" content="<?php echo esc_url( $og_url ); ?>">
<meta property="og:title" content="<?php echo $og_title; ?>">
<meta property="og:description" content="<?php echo $og_description; ?>">
<meta property="og:site_name" content="<?php echo get_bloginfo( 'name' ); ?>">
<meta property="og:image" content="<?php og_image(0); ?>">
<meta property="og:image:secure_url" content="<?php og_image(0); ?>"> 
<meta property="og:image:width" content="<?php og_image(1); ?>"> 
<meta property="og:image:height" content="<?php og_image(2); ?>">
<?php /*if ( $options['fb:app_id'] ) { ?>
<meta property="fb:admins" content="<?php echo esc_attr( $options['fb_admin_id'] ); ?>">
<?php } */ ?>
<?php if ( $options['fb_app_id'] ) { ?>
<meta property="fb:app_id" content="<?php echo esc_attr( $options['fb_app_id'] ); ?>">
<?php } ?>
<?php if ( $options['use_twitter_card'] ) { ?>
<meta name="twitter:card" content="<?php echo $twitter_card_size; ?>">
<?php if ( $options['twitter_account_name'] ) { ?>
<meta name="twitter:site" content="@<?php echo esc_attr( $options['twitter_account_name'] ); ?>">
<meta name="twitter:creator" content="@<?php echo esc_attr( $options['twitter_account_name'] ); ?>">
<?php } ?>
<meta name="twitter:title" content="<?php echo $og_title; ?>">
<meta property="twitter:description" content="<?php echo $og_description; ?>">
<?php if ( is_singular() ) { ?>
<meta name="twitter:image:src" content="<?php twitter_image(); ?>">
<?php } }
}
add_action('wp_head','ogp_child',3);

<?php

function custom_script_meta_box_child() {
  $options = get_design_plus_option();
  $post_types = array ('product');
  add_meta_box(
    'custom_script',//ID of meta box
    __('Custom CSS and script for this page', 'tcd-genesis'),//label
    'show_custom_script_meta_box',//callback function
    $post_types,// post type
    'normal',// context
    'low'// priority
  );
}
add_action('add_meta_boxes', 'custom_script_meta_box_child', 999);

function show_custom_script_meta_box_child() {
  global $post;

  $custom_script = get_post_meta($post->ID, 'custom_script', true);
  $footer_custom_script = get_post_meta($post->ID, 'footer_custom_script', true);
  $custom_css = get_post_meta($post->ID, 'custom_css', true);

  echo '<input type="hidden" name="custom_script_meta_box_nonce" value="', wp_create_nonce(basename(__FILE__)), '" />';

//以下省略

// 編集画面カスタムCSS・スクリプト --------------------------------------------------------------------------------
require get_stylesheet_directory() . '/functions/custom_script.php';