<?php import_part('c-badge', array(
'text' => 'テキスト', //文言を指定
'style' => 'primary', //modifierを指定 primary,secondary,white,white_secondary
'url' => '', // URLを指定するとaタグになる
)); ?>
スニペット: c-badge
<?php import_part('c-button', array(
'url' => URL_TOP, //【必須】遷移先のURLを指定
'text' => 'ボタン', //【必須】ボタン内の文言を指定
'label' => '', // aria-labelを指定場合
'style' => 'primary', // modifierを指定 primary,secondary,tertiary_01,tertiary_02,tertiary_03,tertiary_04
'className' => '', // 追加でクラスを付与する場合指定する
'isBlank' => false, // trueを渡すと外部リンク// trueを渡すと外部リンク
)); ?>
スニペット: c-button
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'primary',
'className' => '',
'isUnderline' => false,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'secondary',
'className' => '',
'isUnderline' => false,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'primary',
'className' => '',
'isUnderline' => true,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'secondary',
'className' => '',
'isUnderline' => true,
'isBlank' => false,
)); ?>
<ul class="c-list">
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
</ul>
スニペット: c-list
<ol class="c-orderList">
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
</ol>
スニペット: c-orderList
<dl class="c-dataList">
<dt>
タイトル
</dt>
<dd>
テキストが入ります。テキストが入ります。テキストが入ります。
</dd>
<dt>
タイトル
</dt>
<dd>
テキストが入ります。テキストが入ります。テキストが入ります。
</dd>
</dl>
スニペット: c-dataList
<?php import_part('c-date'); ?>
<?
# JSの動きのみ用意してます。スタイルは別途クラスを付与して使用してください。
# data-slider-loopをつけるとループ
# data-slider-autoplayをつけると自動再生
# data-slider-fadeをつけるとフェードで変更
# data-slider-typeは独自にoptionを使用したいときに追加してください
# data-slider-sync-mainをつけると `splide`内のdata-slider-sync-childrenと連携する
?>
<div class="js-slider splide" data-slider-loop data-slider-autoplay data-slider-center data-slider-type="{key}">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
</li>
<li class="splide__slide">
</li>
<li class="splide__slide">
</li>
</ul>
</div>
<? # ページネーションが必要な場合は以下を追加 ?>
<ul class="splide__pagination"></ul>
<? # ナビゲーション(arrow)が必要な場合は以下を追加 ?>
<div class="splide__arrows">
<button class="splide__arrow splide__arrow--prev">
<?php pd_svg_sprite('arrow_left') ?>
</button>
<button class="splide__arrow splide__arrow--next">
<?php pd_svg_sprite('arrow_right') ?>
</button>
</div>
<? # カウンターが必要な場合は以下を追加 ?>
<div class="js-slider-counter">
<span class="js-slider-counterCurrent"></span>
/
<span class="js-slider-counterLength"></span>
</div>
</div>
<?php
$top = get_field('top', 'option');
$marquee_top = $top['stroll']['marquee_top'];
$marquee_bottom = $top['stroll']['marquee_bottom'];
import_part('c-stroll', [
'top' => $marquee_top,
'bottom' => $marquee_bottom,
]); ?>
<?php import_part('l-stayCommon'); ?>
ご宿泊のお客様限定で、ご夕食前後などに利き酒を楽しんでいただけます。
蔵特有の重厚感ある雰囲気の中で、馬場本店酒造の最上白味醂を使ったアレンジドリンクや、東薫酒造の薫り高い日本酒など、地酒を楽しむひとときをお過ごしください。
佐原商家町ホテルNIPPONIA KAGURA
〒287-0003 千葉県香取市佐原イ 1708-2
<?php
if (have_posts()) :
while (have_posts()) :
the_post();
?>
<?php import_part('c-newsCard', array(
'style' => 'default',
)) ?>
<?php endwhile;
endif; ?>
<?php
if (have_posts()) :
while (have_posts()) :
the_post();
?>
<?php import_part('c-activityCard', array(
'style' => 'default',
)) ?>
<?php endwhile;
endif; ?>
<?php
while ($faqs->have_posts()) :
$faqs->the_post();
?>
<?php import_part('c-faq'); ?>
<?php
endwhile;
wp_reset_postdata();
?>
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
<div class="c-titleWithText">
<h2 class="c-titleWithText__title">愛犬も楽しめる宿泊</h2>
<p class="c-titleWithText__text">飼い主様はもちろん、大切な愛犬にもお楽しみいただけるプライベートドッグランを用意しております。愛犬の遊ぶ姿を眺めながら、ゆっくりとお過ごしください。</p>
</div>
飼い主様はもちろん、大切な愛犬にもお楽しみいただけるプライベートドッグランを用意しております。愛犬の遊ぶ姿を眺めながら、ゆっくりとお過ごしください。
<div class="c-accordion">
<button class="c-accordion__button js-accordion">
詳細を見る
</button>
<div class="c-accordion__content">
<div class="c-accordion__contentInner">
コンテンツ
</div>
</div>
</div>
<?php pd_svg_sprite('logo'); ?>
スニペット: svg_sprite
<?php import_svg('logo.svg'); ?>
スニペット: import_svg
<?php import_part(
'l-circular',
array(
'isShowConcept' => true, // コンセプトを見せる場合はtrue
'linkList' => array( // 配列でkeyを指定(2〜3)'citystroll','stay','restaurant','activity','faq','access'
'citystroll',
'stay',
'restaurant',
)
)
); ?>
スニペット: l-circular
<?php import_part(
'p-otherLinks',
array(
'linkList' => array( // 配列でkeyを指定 'citystroll', 'season', 'history', 'neighborhood'
'neighborhood',
'neighborhood',
'history',
)
)
); ?>
スニペット: p-otherLinks