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→アコーディオン
Q & A
ARKHE BLOCKS→Q&A
- ここに質問を書く
-
ここに回答を書く
- ここに質問を書く
-
ここに回答を書く
説明リスト
ARKHE BLOCKS→説明リスト
- 説明リストのタイトルです
-
dlタグを用いた説明リストです。
- 説明リストのタイトルです
-
dlタグを用いた説明リストです。
通知枠
ARKHE BLOCKS→通知
通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。通知の本文です。
ステップ形式のコンテンツ
ARKHE BLOCKS→ステップ
ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。ステップ形式のコンテンツを作成できます。


画像を貼り付けることも可能です。
時系列形式のコンテンツ
ARKHE BLOCKS→タイムライン
時系列形式のコンテンツを作成できます。
時系列形式のコンテンツを作成できます。
背景色の変更
ARKHE BLOCKS→セクション
背景色を変更できます。
固定ページでは白(#ffffff)と薄いグレー(#f5f5f5)を交互に使用しています。
スペーサー
デザイン→スペーサー
スペースを開けたい時に使用します。
高さ150pxのスペーサーを指定↓

背景に画像を設定
ARKHE BLOCKS→セクション
背景を画像に設定することも可能です。背景画像には不透明度を設定できます。これは不透明度85%です。
セクションのタイトルとサブタイトル
ARKHE BLOCKS→セクション見出し
セクションのタイトル
ボックスリンク
ARKHE BLOCKS→ボックスリンク
カラム
デザイン→カラム
タブレットとPCのレイアウトを2分割、3分割などにしてコンテンツを横並びにできます。
スマホでは縦並びになります。
下の例では3分割して文字背景を薄いグレーにしてあります。
テキスト1
テキスト2
テキスト3
リッチカラム(スマホは2列、タブレットとPCは4列)
ARKHE BLOCKS→リッチカラム
スマホも横並びにしたい場合はリッチカラムを使用します。
下の例ではスマホは2列、タブレットとPCは4列




タブ
ARKHE BLOCKS→タブ
タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。タブ1の中身です。
カード型の投稿リスト
ARKHE BLOCKS→投稿リスト→カード型
表示件数、並び順、絞り込みなどを設定できます。
-
Vスカルプト・オンライン診療ってどうなの?
こんにちは、スタッフTです♪本日は当院の新たに導入した「Vスカルプト・オンライン診療」について実際どんなもの?と気になる方も多いと思いますので、実際のオンライン…
-
Vスカルプト専用・オンライン診療をはじめました!
こんにちは。いつも当院をご利用くださり、誠にありがとうございます。 当院は【医療ダイエット】【肝斑・美肌治療】と同じくらい女性特有の施術【🌸フェ…
-
【価格改訂のお知らせ】ミニFX5回
【価格改訂のお知らせ】 インモード・ミニFX5回コースですが、5月1日より以下の通り価格を改訂いたします。 <2022年4月30日まで> 5回:88,000円 …
リスト型の投稿リスト
ARKHE BLOCKS→投稿リスト→リスト型
-
Vスカルプト・オンライン診療ってどうなの?
こんにちは、スタッフTです♪本日は当院の新たに導入した「Vスカルプト・オンライン診療」について実際どんなもの?と気になる方も多いと思いますので、実際のオンライン…
-
Vスカルプト専用・オンライン診療をはじめました!
こんにちは。いつも当院をご利用くださり、誠にありがとうございます。 当院は【医療ダイエット】【肝斑・美肌治療】と同じくらい女性特有の施術【🌸フェ…
-
【価格改訂のお知らせ】ミニFX5回
【価格改訂のお知らせ】 インモード・ミニFX5回コースですが、5月1日より以下の通り価格を改訂いたします。 <2022年4月30日まで> 5回:88,000円 …
テキスト型の投稿リスト
ARKHE BLOCKS→投稿リスト→テキスト型
スライダー
ARKHE BLOCKS→スライダー