作成テストページ
見出しの作成方法
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.16.10.png)
ページ作成の際、右側のプラスマークを押してください。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.16.42.png)
ブロックの中に「見出し」がございます。クリックしてください。
表示されない時は、「すべて表示」をクリックしてください。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.19.05.png)
見出し用のバーが出てきます。「H2」のところを、H1、H3、H4に変えると見出しレベルがかわります。
以下、見出しレベルでスタイルが違います。
タイトル作成例
H1の見出し
H2の見出し
H3の見出し
H4の見出し
テキスト入力
テキストを入力の際、shiftキーを押すと、
改行されます。
エンター、returnを押して次の行へ。(文字と文字にスペースが作れます。)
Bを押して太文字になります。。
こんなことがありました。
リスト化も作れます。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.32.06-1.png)
リストをクリックすると、テキストをリスト化できます。
リスト作成例
- リスト
- リスト
- リスト
ボタン
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.44.13.jpg)
画面左上、Wのマークの隣、プラスのマークを押すと
ツール一覧が出てきます。
「Button Group」を押します。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.48.18.png)
ボタンのところに、テキストをいれ、リンクURLを入れると、リンクボタンが作れます。
プラスマークを作ると、2つ目のボタンが作成できます。
単体ボタンマークも使えます
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-19.50.24.jpg)
ボタンというマークで単体のボタンも作成できます。
ボタン作成例
画像
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-20.11.52.png)
プラスマーククリックして、ツールバーの画像をクリック。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-20.12.52.png)
「アップロード」をクリックして、画像をアップできます。
画像をそのまま、ドロップ&ドラッグしてもアップできます。
画像アップ例
![](http://kitajima-corporation.com/cms/wp-content/uploads/2023/06/base-image.jpg)
ギャラリー機能
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-20.15.31.jpg)
ツールバーの中のギャラリーという機能があります。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-12-20.19.38-1024x459.png)
複数枚選択して、画像を表示できます。
ギャラリー表示例
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/index_flow02.jpg)
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/06/base-image.jpg)
カラムの使い方
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-13-1.12.39.jpg)
機能一覧にカラムというのがあります。
![](https://kitajima-corporation.com/cms/wp-content/uploads/2023/07/スクリーンショット-2023-07-13-1.14.24.png)
カラムの種類を選んで、カラム分けができます。
作成例
![](http://kitajima-corporation.com/cms/wp-content/uploads/2023/07/index_flow02.jpg)
![](http://kitajima-corporation.com/cms/wp-content/uploads/2023/06/base-image.jpg)