sample page

ブログに挿入するリンク例

インモードリフティング

「インモードリフティング」はRFを用いてマイルドなパワーで自然な顔痩せを実現します。施術中・施術後の痛みやダウンタイムはほとんどありません。

インモードリフティング

インモードリフティング

インモードリフティング

※文字、画像、リンクURLはご自由に変更してご使用ください

WordPress投稿機能で作ったバナー例

ARKHE BLOCKS→ボックスリンク→バナー
高度な設定→追加CSSクラスにそれぞれ is-style-banner-1、is-style-banner-2　...　is-style-banner-6を追加する

バナー機能のオプション

高度な設定→追加CSSクラスに is-style-banner-opacity-0、 is-style-banner-opacity-10　...　 is-style-banner-opacity-90を追加すると画像の不透明度を調節できます。
高度な設定→追加CSSクラスに is-style-banner-saturate-0、 is-style-banner-saturate-10　...　 is-style-banner-saturate-90を追加すると画像の彩度を調節できます。

見出し

テキスト→見出し
見出し1はページタイトルに使用しているので見出し2から使用してください。

見出し2

見出し3

見出し4

見出し5

見出し6

見出し2

これはパラグラフです。これはパラグラフです。これはパラグラフです。これはパラグラフです。これはパラグラフです。これはパラグラフです。これはパラグラフです。これはパラグラフです。

見出し3

見出し4

見出し5

見出し6

リンク

リンクを貼りたいテキストを選択し、リンクアイコンを押す。

これはリンクです。

引用

テキスト→引用

これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。
これは引用元情報です。

順序なしリスト

テキスト→リスト

順序なしリスト
順序なしリスト
順序なしリスト

順序なしリスト
順序なしリスト
順序なしリスト

順序ありリスト

テキスト→リスト

順序ありリスト
順序ありリスト
順序ありリスト

仕切り線

デザイン→区切り

ボタン

デザイン→ボタン
塗りつぶしなし、角丸半径0、幅指定なし
通常はリンクを貼って使用します。

詳細はこちら

表

テキスト→テーブル
ストライプ、表のセル幅を固定

表タイトル	列タイトル1	列タイトル2
行タイトル1	データ	データ
行タイトル2	データ	データ
行タイトル3	データ	データ
行タイトル4	データ	データ

表キャプション

テキスト→テーブル
ストライプ、表のセル幅を固定、ヘッダーセクションあり、高度な設定のCSSにsticky-tableを追加
スマホのみスクロール時に表のヘッダーが固定追尾されます。

表タイトル	列タイトル1	列タイトル2
行タイトル1	データ	データ
行タイトル2	データ	データ
行タイトル3	データ	データ
行タイトル4	データ	データ
行タイトル5	データ	データ
行タイトル6	データ	データ
行タイトル7	データ	データ
行タイトル8	データ	データ

表キャプション

アコーディオン

ARKHE BLOCKS→アコーディオン

アコーディオンタイトル

見出し

これはアコーディオンの中身です。これはアコーディオンの中身です。これはアコーディオンの中身です。これはアコーディオンの中身です。これはアコーディオンの中身です。これはアコーディオンの中身です。これはアコーディオンの中身です。

FAQ

テキスト: テキスト
テキスト: テキスト

症例紹介

治療前

▼

治療後

治療内容: テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
治療期間と回数: テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
費用: テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
リスク・副作用: テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

Q & A

ARKHE BLOCKS→Q&A

ここに質問を書く: ここに回答を書く
ここに質問を書く: ここに回答を書く

説明リスト

ARKHE BLOCKS→説明リスト

説明リストのタイトルです: dlタグを用いた説明リストです。
説明リストのタイトルです: dlタグを用いた説明リストです。

通知枠

ARKHE BLOCKS→通知

通知タイトル

通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。

ステップ形式のコンテンツ

ARKHE BLOCKS→ステップ

STEP

ステップ形式のタイトル

ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。

STEP

ステップ形式のタイトル

STEP

ステップ形式のタイトル

画像を貼り付けることも可能です。

時系列形式のコンテンツ

ARKHE BLOCKS→タイムライン

2021.04.01

時系列形式のタイトル

時系列形式のコンテンツを作成できます。

2021.06.01

時系列形式のタイトル

時系列形式のコンテンツを作成できます。

背景色の変更

ARKHE BLOCKS→セクション
背景色を変更できます。
固定ページでは白（#ffffff）と薄いグレー（#f5f5f5）を交互に使用しています。

スペーサー

デザイン→スペーサー
スペースを開けたい時に使用します。
高さ150pxのスペーサーを指定↓

背景に画像を設定

ARKHE BLOCKS→セクション
背景を画像に設定することも可能です。背景画像には不透明度を設定できます。これは不透明度85%です。

セクションのタイトルとサブタイトル

ARKHE BLOCKS→セクション見出し

セクションのタイトル

セクションのサブタイトル

ボックスリンク

ARKHE BLOCKS→ボックスリンク

カラム

デザイン→カラム
タブレットとPCのレイアウトを２分割、３分割などにしてコンテンツを横並びにできます。
スマホでは縦並びになります。
下の例では３分割して文字背景を薄いグレーにしてあります。

テキスト１

テキスト２

テキスト３

リッチカラム（スマホは2列、タブレットとPCは4列）

ARKHE BLOCKS→リッチカラム
スマホも横並びにしたい場合はリッチカラムを使用します。
下の例ではスマホは2列、タブレットとPCは4列

タブ

ARKHE BLOCKS→タブ

タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。

カード型の投稿リスト

ARKHE BLOCKS→投稿リスト→カード型
表示件数、並び順、絞り込みなどを設定できます。

リスト型の投稿リスト

ARKHE BLOCKS→投稿リスト→リスト型

テキスト型の投稿リスト

ARKHE BLOCKS→投稿リスト→テキスト型

スライダー

ARKHE BLOCKS→スライダー

LINE予約

見出し

見出し2

見出し3

見出し4

見出し5

見出し6

見出し2

見出し3

見出し4

見出し5

見出し6

リンク

引用

順序なしリスト

順序ありリスト

仕切り線

ボタン

表

アコーディオン

見出し

FAQ

症例紹介

Q & A

説明リスト

通知枠

ステップ形式のコンテンツ

時系列形式のコンテンツ

背景色の変更

スペーサー

背景に画像を設定

セクションのタイトルとサブタイトル

セクションのタイトル

ボックスリンク

カラム

リッチカラム（スマホは2列、タブレットとPCは4列）

タブ

カード型の投稿リスト

リスト型の投稿リスト

テキスト型の投稿リスト

スライダー

医院情報

アクセス

診察時間