1. 主要ページへ移動
  2. メニューへ移動
  3. ページ下へ移動
BM Template

BMテンプレート

test damy h1(sorce h2)

テスト用偽装H1(ソースH2)

ぴゅーちゃん

H1 test

(基本コンテンツエリアではH1使用していないため設定なし)

H2 test

H3 test

H4 test

H5 test
H6 test

p test

Table Template

縦型

th test
td test

横型

test th test td

重層型

test td test th test th test th
test td test td test td test td
test td test td test td test td

Flex & item Template

test1

test2

test3+b

text center

test link

Test button link abcdefghijklmnopqrstuvwxyz

P&枠線エリアアイテム

Common Color Template

Oyalox color

●OYALOX BLUE
■#003a83

●OYALOX RED
■#e60012

●OYALOX SKY BLUE
■#00a0e9

Pyu-chan Color Template

ぴゅーちゃん

●Pyu-chan Cap
■#65c1c8

●Pyu-chan Hand
■#66ffcc

●Pyu-chan Reg
■#6699ff

●Pyu-chan Mouse
■#f96566

●Pyu-chan Skin
■#fffeee
※美肌でY10%を基準に、稀に5%の場合もあります。

※なお、ぴゅーちゃん用カラーは印刷用CMYKに関しては別ガイドラインを参照の事

ソース設計上の注意

※OYALOXサイトで使用しているBlueMonkeyは独自のCSSとBootstrap5.3.1で作成されています。

本来的にはBEMやFloccs等シマンテックに作成すべきなのですが、こちらの形で全体構築されてしまっています。

※各フリーブロックは「section」で区切られていないためH2の使い方には注意が必要になります。(H2の多用等で構造的でなくなるため)

例として正しく読み込ませるために以下のように設計してください。

dumy h2 text

…contents…

※作成上どうしても特例が必要になる場合はBootstrapルールで作成してください。その際、特例枠としてこちらのテンプレートページにも反映してください。

AI Search対応として

AI向け検索対応として、末尾に次のフリーブロックの中身(JSON)を必ず挿入するようにしてください。
またこのJSONは2026/1/9に作成しております。AIに関しては日進月歩で仕様が変わるので、基本的には最新のAI SEOの在り方にアンテナを張るようにしてください。

※このフリーブロックのコメントの中身を入れる。こちらは最低限度なので各ページに合わせてカスタムしてください。

Contact

お問い合わせ

衛生や製品に関するご質問、ご相談、資料請求などございましたら お気軽にお問い合わせください。

ぴゅーちゃん