サンプルページ
ff-webfont fw-regular
お客様とのご縁に、
心より感謝。
お電話から
Banquet
海の幸、山の幸
伝統の味と技を詰め込んだ、
和食“満潮”のお料理。
Food Menu
お料理メニュー
About MANCHO
お客様とのご縁に、
心より感謝。
https://mancho.jp/wp-content/themes/mancho/assets/images
https://mancho.jp/wp-content/themes/mancho
Bootstrap
Build fast, responsive sites with Bootstrap
Currently v5.1.3
home.php
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字
文字文字文字文文字
文字文字文
文字文字文字文文字
文字文字文
文字文字文字文文字
文字文字文
文字文字文字文文字
文字文字文
Title
p fs-16
<p></p>
Container
Link color & target="_new"
<a href="https://getbootstrap.com/" target="_new" rel="noopener">https://getbootstrap.com/</a>Color
.text-default
.text-main
.text-accent
$default-text: #212121;
$mainColor: #692326;Font Family
.gothic 游ゴシック
.mincyo 游明朝体
gothic 游ゴシック fw-normal
gothic 游ゴシック fw-bold
mincyo 游明朝体 fw-normal
mincyo 游明朝体 fw-demibold
mincyo 游明朝体 fw-bold
Bold text.
Bolder weight text (relative to the parent element).
Normal weight text.
Light weight text.
Lighter weight text (relative to the parent element).
Italic text.
Text with normal font style
Web Font
ff-futura fw-light Futura PT (Typekit)[Light]
ff-futura fw-normal Futura PT (Typekit)[Book]
ff-futura fw-medium Futura PT (Typekit)[Medium]
ff-futura fw-bold Futura PT (Typekit)[Bold]
Line Height
Anchor Link img-max.lh-season fs-14 ホテルの一流シェフたちが自信をもって贈る多彩な料理。うれしい「飲み放題」の特典も付いたお得なプラン。
.lh-season fs-14 mincyo 熊本ホテルキャッスルでは、
おすすめご宿泊プランをご用意しております。
//フォントサイズ+10px
.lh-season{
line-height: calc(1em + #{10 / $font-size-root-num}rem);
}Reset color
reset link.
Muted text with a reset link.
<p class="text-danger">
<a href="#" class="text-decoration-underline">reset link</a>.<br>
Muted text with a <a href="#" class="text-reset text-decoration-underline">reset link</a>.
</p>Text decoration
This text has a line underneath it.
This text has a line going through it.
<p class="text-decoration-underline">This text has a line underneath it.</p>
<p class="text-decoration-line-through">This text has a line going through it.</p>
<a href="#" class="">This link has its text decoration removed</a>
<a href="#" class="td-hover-underline">This link has its hover text decoration</a>
<a href="#" class="text-decoration-underline">This link has its text decoration removed</a>Inview
no class data-inview
.inview-up data-inview
.inview-left data-inview
.inview-right data-inview
.inview-blocks data-inview span.char
.inview-lettering data-inview data-lettering
data-inview data-shuffle
<h2 class="" data-inview>no class data-inview</h2>
<h2 class="inview-up" data-inview>.inview-up data-inview</h2>
<h2 class="inview-left" data-inview>.inview-left data-inview</h2>
<h2 class="inview-right" data-inview>.inview-right data-inview</h2>
<h2 class="inview-blocks" data-inview><span class="char">.inview-blocks data-inview span.char</span></h2>
<h2 class="inview-lettering" data-inview data-lettering>.inview-lettering data-inview data-lettering</h2>
<h2 class="" data-inview data-shuffle>data-inview data-shuffle</h2>Swiper
これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点がブログ投稿とは異なります。まずは、サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものです。
はじめまして。昼間はバイク便のメッセンジャーとして働いていますが、俳優志望でもあります。これは僕のサイトです。ロサンゼルスに住み、ジャックという名前のかわいい犬を飼っています。好きなものはピニャコラーダ、そして通り雨に濡れること。
または、このようなものです。
XYZ 小道具株式会社は1971年の創立以来、高品質の小道具を皆様にご提供させていただいています。ゴッサム・シティに所在する当社では2,000名以上の社員が働いており、様々な形で地域のコミュニティへ貢献しています。
新しく WordPress ユーザーになった方は、ダッシュボードへ行ってこのページを削除し、独自のコンテンツを含む新しいページを作成してください。それでは、お楽しみください !