File "front-page.php"
Full path: /home/xs854402/smcse.co.jp/public_html/wp-content/themes/Sumitomo-Mitsui/front-page.php
File
size: 17.33 B (17.33 KB bytes)
MIME-type: text/x-php
Charset: utf-8
Download Open Edit Advanced Editor Back
<?php get_header(); ?>
<main class="corporate">
<section class="p-fv">
<div class="p-fv__mainSwiper swiper js-topSwiper">
<?php if (have_rows('fv')) : ?>
<?php while (have_rows('fv')) : the_row(); ?>
<div class="swiper-wrapper">
<?php
$group = get_sub_field('fv-slider-imgs');
foreach($group as $field) :
$acf_row_image = $field['fv-slider-img']['fv-img-pc'];
$acf_row_image_sp = $field['fv-slider-img']['fv-img-sp'];
$url = $acf_row_image['url'];
$url_sp = $acf_row_image_sp['url'];
$alt = $acf_row_image['alt'];
if ($url) :
?>
<div class="swiper-slide">
<div class="p-fv__main c-img">
<picture>
<source srcset="<?php echo $url; ?>" media="(min-width: 768px)">
<img src="<?php echo $url_sp; ?>" alt="<?php echo $alt; ?>">
</picture>
</div>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<h1 class="p-fv__mainTitle"><?php the_sub_field('fv-catch-phrase'); ?></h1>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="p-fv__imgs">
<?php if (have_rows('fv-sub01')) : ?>
<?php while (have_rows('fv-sub01')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('fv-sub01-img');
$acf_row_image_sp = get_sub_field('fv-sub01-img-sp');
$url = $acf_row_image['url'];
$url_sp = $acf_row_image_sp['url'];
$alt = $acf_row_image['alt'];
if ($url) :
?>
<div class="p-fv__sub c-img">
<picture>
<source srcset="<?php echo $url; ?>" media="(min-width: 768px)">
<img src="<?php echo $url_sp; ?>" alt="<?php echo $alt; ?>">
</picture>
<p class="p-fv__subtitle"><?php the_sub_field('fv-sub01-text'); ?></p>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<?php if (have_rows('fv-sub02')) : ?>
<?php while (have_rows('fv-sub02')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('fv-sub02-img');
$acf_row_image_sp = get_sub_field('fv-sub02-img-sp');
if ($acf_row_image) :
?>
<div class="p-fv__sub c-img">
<picture>
<source srcset="<?php echo $acf_row_image; ?>" media="(min-width: 768px)">
<img src="<?php echo $acf_row_image_sp; ?>" alt="">
</picture>
<p class="p-fv__subtitle"><?php the_sub_field('fv-sub02-text'); ?></p>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<?php if (have_rows('fv-sub03')) : ?>
<?php while (have_rows('fv-sub03')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('fv-sub03-img');
$acf_row_image_sp = get_sub_field('fv-sub03-img-sp');
$url = $acf_row_image['url'];
$url_sp = $acf_row_image_sp['url'];
$alt = $acf_row_image['alt'];
if ($url) :
?>
<div class="p-fv__sub c-img">
<picture>
<source srcset="<?php echo $url; ?>" media="(min-width: 768px)">
<img src="<?php echo $url_sp; ?>" alt="<?php echo $alt; ?>">
</picture>
<p class="p-fv__subtitle"><?php the_sub_field('fv-sub03-text'); ?></p>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
</section>
<section class="p-topAbout l-topAbout">
<div class="p-topAbout__inner l-inner">
<h2 class="p-topAbout__news u-fadein">2026年10月1日より、<br>三井住友建設鉄構エンジニアリングは<br>『アルソシア鉄構』に社名変更します。</h2>
<div class="p-topAbout__container u-fadein">
<div class="p-topAbout__contents">
<div class="p-topAbout__heading">
<p class="p-topAbout__entitle c-entitle">about us</p>
<h2 class="p-topAbout__title c-title">事業紹介</h2>
</div>
<?php if (have_rows('top-business')) : ?>
<?php while (have_rows('top-business')) : the_row(); ?>
<div class="p-topAbout__wrap">
<h3 class="p-topAbout__theme"><?php the_sub_field('top-business-title'); ?></h3>
<p class="p-topAbout__text c-text"><?php the_sub_field('top-business-text'); ?></p>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="p-topAbout__link">
<a href="<?php echo esc_url(home_url('/business/')); ?>" class="c-link">事業紹介を見る</a>
</div>
</div>
</div>
<?php if (have_rows('top-business')) : ?>
<?php while (have_rows('top-business')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('top-business-img');
$acf_row_image_sp = get_sub_field('top-business-img-sp');
$url = $acf_row_image['url'];
$url_sp = $acf_row_image_sp['url'];
$alt = $acf_row_image['alt'];
if ($url) :
?>
<style>
.p-topAbout__bg::before {
background-image: url(<?php echo $url_sp; ?>);
}
@media screen and (min-width: 768px) {
.p-topAbout__bg::before {
background-image: url(<?php echo $url; ?>);
}
}
</style>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<div class="p-topAbout__bg"></div>
</section>
<section class="p-topHowto l-topHowto">
<div class="p-topHowto__container">
<div class="p-topHowto__inner l-inner">
<p class="p-topHowto__entitle c-entitle">construction results</p>
<h2 class="p-topHowto__title c-title">橋梁事業、橋梁保全事業、<br class="u-mobile">沿岸事業の施工実績</h2>
</div>
<div class="p-topHowto__swiper swiper js-howtoSwiper u-fadein">
<div class="swiper-wrapper">
<?php
$the_query = new WP_Query();
$param = array(
'post_type' => 'construction',
'posts_per_page' => '4',
'post_status' => 'publish',
);
$the_query->query($param);
if ($the_query->have_posts()) :
while( $the_query->have_posts() ) : $the_query->the_post();
?>
<div class="swiper-slide">
<?php if (have_rows('lead')) : ?>
<?php while (have_rows('lead')) : the_row(); ?>
<a href="<?php the_permalink(); ?>" class="p-topHowto__slide p-slide">
<?php
$acf_row_image = get_sub_field('lead-img');
$url = $acf_row_image['url'];
$alt = $acf_row_image['alt'];
if ($url) :
?>
<div class="p-slide__img c-img">
<img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
</div>
<?php endif; ?>
<div class="p-slide__body">
<p class="p-slide__theme"><?php the_title(); ?></p>
<p class="p-slide__title"><?php the_sub_field('lead-title'); ?></p>
<?php if(get_field('theme-text')) : ?>
<p class="p-slide__text"><?php echo the_field('theme-text'); ?></p>
<?php endif; ?>
</div>
</a>
<?php endwhile; ?>
<?php endif; ?>
</div>
<?php
endwhile;
endif;
wp_reset_postdata();
?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- <div class="swiper-pagination howto-swiper-pagination"></div> -->
</div>
<div class="p-topHowto__link">
<a href="<?php echo esc_url(home_url('/construction/')); ?>" class="c-link">施工実績一覧を見る</a>
</div>
</div>
</section>
<div class="p-wrapper l-wrapper">
<div class="p-wrapper__container">
<section class="p-wrapper__section">
<?php if (have_rows('top-catalogue')) : ?>
<?php while (have_rows('top-catalogue')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('top-catalogue-img-big');
$acf_row_image_small = get_sub_field('top-catalogue-img-small');
$url = $acf_row_image['url'];
$alt = $acf_row_image['alt'];
$url_small = $acf_row_image_small['url'];
$alt_small = $acf_row_image_small['alt'];
if ($url) :
?>
<div class="p-wrapper__imgs">
<div class="p-wrapper__img c-img">
<img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
</div>
<div class="p-wrapper__smallImg c-img">
<img src="<?php echo $url_small; ?>" alt="<?php echo $alt_small; ?>">
</div>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<div class="p-wrapper__contents">
<p class="p-wrapper__entitle c-entitle">technology</p>
<h2 class="p-wrapper__title c-title">技術紹介</h2>
<?php if (have_rows('top-catalogue-link')) : ?>
<div class="p-wrapper__items">
<?php while (have_rows('top-catalogue-link')) : the_row(); ?>
<?php
$group = get_sub_field('top-catalogue-link-block');
?>
<a href="<?php echo esc_html(get_permalink($group['top-catalogue-link-url']->ID)); ?>" class="p-wrapper__item"><span></span><?php echo $group['top-catalogue-link-text']; ?></a>
<?php endwhile; ?>
</div>
<?php endif; ?>
<div class="p-wrapper__link">
<a href="<?php echo esc_url(home_url('/products/')); ?>" class="c-link">一覧を見る</a>
</div>
</div>
</section>
<section class="p-wrapper__section">
<?php if (have_rows('top-company')) : ?>
<?php while (have_rows('top-company')) : the_row(); ?>
<?php
$acf_row_image = get_sub_field('top-company-img-big');
$acf_row_image_small = get_sub_field('top-company-img-small');
$url = $acf_row_image['url'];
$alt = $acf_row_image['alt'];
$url_small = $acf_row_image_small['url'];
$alt_small = $acf_row_image_small['alt'];
if ($url) :
?>
<div class="p-wrapper__imgs">
<div class="p-wrapper__img c-img">
<img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
</div>
<div class="p-wrapper__smallImg c-img">
<img src="<?php echo $url_small; ?>" alt="<?php echo $alt_small; ?>">
</div>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<div class="p-wrapper__contents">
<p class="p-wrapper__entitle c-entitle">company</p>
<h2 class="p-wrapper__title c-title">企業情報</h2>
<?php if (have_rows('top-company-link')) : ?>
<div class="p-wrapper__items">
<?php while (have_rows('top-company-link')) : the_row(); ?>
<?php
$group = get_sub_field('top-company-link-block');
?>
<a href="<?php echo esc_url($group['top-company-link-url']); ?>" class="p-wrapper__item"><?php echo $group['top-company-link-text']; ?></a>
<?php endwhile; ?>
</div>
<?php endif; ?>
<div class="p-wrapper__link">
<a href="<?php echo esc_url(home_url('/aboutus/')); ?>" class="c-link">企業情報を見る</a>
</div>
</div>
</section>
</div>
</div>
<section class="p-topInformation l-topInformation">
<div class="p-topInformation__container">
<div class="p-topInformation__inner l-inner">
<p class="p-topInformation__entitle c-entitle">information</p>
<h2 class="p-topInformation__title c-title">お知らせ・ニュース</h2>
<?php
$the_query = new WP_Query();
$param = array(
'post_type' => 'news',
'posts_per_page' => '10',
'post_status' => 'publish',
);
$the_query->query($param);
if ($the_query->have_posts()) :
?>
<div class="p-topInformation__items">
<?php while( $the_query->have_posts() ) : $the_query->the_post(); ?>
<a href="<?php the_permalink(); ?>" class="p-topInformation__item p-news">
<div class="p-news__info">
<time class="p-news__time" datetime="<?php the_time('c'); ?>"><?php the_time( 'Y/m/d' ); ?></time>
<?php
$terms = get_the_terms($post->ID, 'news-cat');
if ( $terms ) {
echo '<p class="p-news__category">'.$terms[0]->name.'</p>';
}
?>
</div>
<p class="p-news__title"><?php the_title(); ?></p>
</a>
<?php endwhile; ?>
</div>
<?php
endif;
wp_reset_postdata();
?>
<div class="p-topInformation__link">
<a href="<?php echo esc_url(home_url('/news/')); ?>" class="c-link">一覧を見る</a>
</div>
</div>
</div>
</section>
</main>
<?php get_footer();