[h1]SEOを意識して

お電話での予約・お問い合わせ

電話アイコン

000-1111-2222 [受付時間 9:30～18:00] 

			ページのタイトル欄として共通使用する。
			コード内サーチ「elements---0000」

[h1]Elements Page1

[h2]h2タイトル

			コンテンツ・パターン１
			コード内サーチ「elements---0001」

[page_ltit h2]タイトルメッセージ[span]副題・装飾

[page_ltit h3]タイトルメッセージ
副題・訴求等

[h3]class blue

[p]補足説明・長文・アピール・詳細など。

ページリンク
youtube埋め込みコード 
			コンテンツ・パターン２ class [ bg_color ]により背景調整
			コード内サーチ「elements---0002」

[page_ttl h2]タイトルメッセージ[span]副題・装飾

[page_ttl h3]タイトルメッセージ
副題・訴求等

[p]補足説明・長文・アピール・詳細など。

ページリンク 
			コンテンツ・パターン３
			コード内サーチ「elements---0003」

[sec_page_ttl h2]タイトルメッセージ[span]副題・装飾

[sec_page_ttl h3]タイトルメッセージ
副題・訴求等

[p]補足説明・長文・アピール・詳細など。

[.sec h4]タイトル

[.sec h5]タイトル

▼blk2_area 2カラム表示

class="blk2_area"の中にclass="blk"を配置することで2カラムになる

class="blk2_area"の中にclass="blk"を配置することで2カラムになる

▼item_list タイル状に3カラム表示、スマホ2カラム表示

[p]class="item_list"の中にclass="item_list_blk"を入れていくことで横幅30%のコンテンツがタイル状に配置される

[p]注意点は直下からflex対応になること。タイル状の上に文言を入れたかったらdiv外へ配置を。

[p]補足説明・長文・アピール・詳細など。

[p]補足説明・長文・アピール・詳細など。

[p]補足説明・長文・アピール・詳細など。

[p]補足説明・長文・アピール・詳細など。

			コンテンツ・パターン４
			コード内サーチ「elements---0004」

[h3]タイトルメッセージ

▼control_list

[dt]タイトル
[dd]注釈[span]強調・・・

詳細説明文章

[dt]タイトル
[dd]注釈[span]強調・・・

詳細説明文章

[dt]タイトル
[dd]注釈[span]強調・・・

詳細説明文章

[h3]タイトルメッセージ

▼list_item 箇条書き

  • [li]ul list_itemの中にliを書くことで装飾あり
  • [li]リスト・箇条書き
  • [li]リスト・箇条書き
  • [li]リスト・箇条書き
  • [li]リスト・箇条書き
  • [li]リスト・箇条書き
			コンテンツ・パターン５
			コード内サーチ「elements---0006」

[h2]タイトルメッセージ[span]副題・装飾

詳細説明文章

blockquoteで引用文を配置する場合

詳細説明文章

詳細説明文章

詳細説明文章

しめくくり 2999年1月1日

			▼table own code
表題１ 補足 説明文
説明文
補足 説明文
説明文
表題２ 補足 説明文
説明文
補足 説明文
説明文 
			コンテンツ・パターンIMG
			コード内サーチ「elements--img3」

[page_ltit h2]写真掲載[span]副題・装飾

[page_ltit h3]タイトルメッセージ
副題・訴求等

[page_ttl h3]タイトル

				コンテンツ・パターンimg-1 class [ gallery01 ]
				コード内サーチ「elements---img-1」
				class="gallery01"にてul liの連続配置。float: left;にてコーディング
			
				コンテンツ・パターンimg-2 class [ gallery02 ]
				コード内サーチ「elements---img-2」
				class="gallery02"にてul liの連続配置。float: left;にてコーディング
			
				コンテンツ・パターンimg-3 class [ gallery03 ]
				コード内サーチ「elements---img-3」
				class="gallery03"にてul liの連続配置。columns: 3;でのコーディング
			
				コンテンツ・パターンbutton class [acc_label]有無 [ acc_blk ][ display_none ] でクリックのon/off
				コード内サーチ「elements---img-4」

[h4]タイトル

注釈文章

タイトル
（タイトル補足）

写真タイトル

メッセージ

説明文章

表題

補足説明
TEL: 000-1111-2222
WEB: https://example.com

タイトル
（タイトル補足）

写真タイトル

メッセージ

説明文章

表題

補足説明
TEL: 000-1111-2222
WEB: https://example.com

ReservationWEB / LINE予約

WEB予約、LINE予約は
24時間受け付けております。

お電話、web予約もしくはLINE予約にて
お気軽にご連絡くださいませ。

WEB予約はこちら
LINE予約はこちら
■所在地
〒111-0011 大阪市ｘｘｘ区ｃｃｃｃｃ1-2-34
■最寄り駅
XX線XX駅より、徒歩99分
■TEL
000-1111-2222
■駐車場
99台駐車可能
診療受付時間 月 火 水 木 金 土 日
9:30～11:15 ○ ○ － ○ ○ ○ －
13:15～18:00 ○ ○ － ○ ○ ○ －

休診日：水曜日・日曜日・祝祭日