> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ページビルダー概要

${youtube}[ページビルダー概要〜スタイリッシュなデザインを直感的に作成！〜](g7Q2-Q4RLkQ)


素人でもプロ並みのデザインが作成できるコネクティッドワンのページビルダー機能のご紹介です。
AIがバランスも整えてくれるので、コーティングなしで綺麗に整えていくことが可能です！


# 1. ブロックごとの設定
基本的には、ブロックを積み上げて、ページを構成します。
ブロックの中に1つのカラムで、カラムの中に様々なウィジェットで内容を構成してゆく。

①ブロック
②カラム
③1つのブロックの境目


![](https://storage.crisp.chat/users/helpdesk/website/f08367305081f800/image_ingnet.png)


# 2. カラムで要素ごとのデザイン調整
カラム（列）数は図の④で変更できます。
構成デザインにより5カラムまで変更できます。
カラムの幅はパーセンテージで表記され、ドラックするだけで変更できます。


また、1つのブロックの中にカラム数の違う構成をプラスしたい場合は、図の⑤でデフォルト1カラムが追加されます。
追加した後に、カラム数を変更して下さい。


![](https://storage.crisp.chat/users/helpdesk/website/f08367305081f800/image_3a1y9k.png)

# 3. ウィジェットで様々な機能を追加
画面左手の図⑥でウィジェットメニューが開きます。様々なウィジェットが有りますので、必要なウィジェットをドラックで画面上に持って行くだけで、設置できます。プロでなくても、直感的にウィジェットで構成できるビルダー。


![](https://storage.crisp.chat/users/helpdesk/website/f08367305081f800/image_1y81ibd.png)



# 4. ブロックをコピーして、様々に利用する
図⑦にカーソルを近付けるとコピーという文字が出るので、コピーを押下図⑧に格納されます。コピーされた素材は、ドラックで好きな所に配置する事ができます。

また、他のページで使用する場合は更新をかけると、他のページでも使用できます。


![](https://storage.crisp.chat/users/helpdesk/website/f08367305081f800/image_gnsfr1.png)

また、常に使用したいデザインであれば図⑨にカーソルを近付けると、図のように表示され保存ができます。




![](https://storage.crisp.chat/users/helpdesk/website/f08367305081f800/image_e1lxmb.png)




# ページビルダー一覧


[ページビルダー概要](/ja/article/44oa44o844k444ot44or44oa44o85qac6kab-uugfod/)

[ページの追加方法](/ja/article/44oa44o844k444gu6l95yqg5pa55rov-ngabyy/)

[ブロックの活用方法](/ja/article/44ow44ot44od44kv44gu5rs755so5pa55rov-wddhzi/)

[ウィジェット追加方法](/ja/article/44km44kj44k344kz44kn44od44oi6l95yqg5pa55rov-uypahx/)

[SEOの設定方法](/ja/article/seo-12zy0jh/)

[スマホサイズのデザイン設定方法](/ja/article/44k544oe44ob44k144kk44k644gu44oh44k244kk44oz6kit5a6a5pa55rov-79dyz5/)

[購入者限定ページの作成手順](/ja/article/6lo85ywl6icf6zmq5a6a44oa44o844k444gu5l2c5oiq5oml6acg-5ohl1f/)

[ポートフォリオ機能で商品一覧・顧客の声を作成！](/ja/article/44ob44ka44o844oi44ov44kp44oq44kq5qmf6io944gn5zwg5zob5lia6kan44o76agn5a6i44gu5aow44ks5l2c5oiq77yb-gdxfxi/)

[ヘッダーを活用してホームページのメニューを最適化しよう！](/ja/article/44oy44od44k44kz44o844ks5rs755so44gx44gm44ob44o844og44oa44o844k444gu44oh44ol44ol44o844ks5pya6ygp5yyw44gx44ki44gg77yb-1bx306j/)

[コピー（複製）の仕方（ウィジェットやブロック）](https://con-one.crisp.help/ja/article/44kz44ou44o877yi6ksh6ko977yj44gu5luv5pa577yi44km44kj44k444kn44od44oi44ke44ow44ot44od44kv77yj-khqvln/)

[フッターを活用してユーザーを誘導しよう！](https://con-one.crisp.help/ja/article/44ov44od44k44o844ks5rs755so44gx44gm44om44o844k244o844ks6kqy5bco44gx44ki44gg77yb-hy2apq/)

[ページへのアクセス設定](https://con-one.crisp.help/ja/article/44oa44o844k444g444gu44ki44kv44k744k56kit5a6a-1b5nciv/)

[AIで作ったLPやウェブサイトをコネワンに表示させる方法](https://con-one.crisp.help/ja/article/ailp-1silgif/)

[ファビコンとSNS共有画像](https://con-one.crisp.help/ja/article/sns-xf0jub/)

[ファイルマネージャー](https://con-one.crisp.help/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o8-14r6elu/)

[ブロックをスライダーで表示する方法（スライダーモード）](https://con-one.crisp.help/ja/article/44ow44ot44od44kv44ks44k544op44kk44oa44o844gn6kgo56s644gz44kl5pa55rov77yi44k544op44kk44oa44o844oi44o844oj77yj-jvpdc5/)

[ブロックの表示設定（見る人・日時・国などで表示を切り替える）](https://con-one.crisp.help/ja/article/44ow44ot44od44kv44gu6kgo56s66kit5a6a77yi6kal44kl5lq644o75pel5pmc44o75zu944gq44gp44gn6kgo56s644ks5yih44kk5pu44gi44kl77yj-1qrodnx/)

[カラムの基本設定](https://con-one.crisp.help/ja/article/44kr44op44og5z65pysjuocsoodreodvoodkoodqocqodqeodooiorewumg-bf216w/)

[グローバルカラムの設定](https://con-one.crisp.help/ja/article/44kw44ot44o844oq44or44kr44op44og44gu6kit5a6a-6l3pnn/)

[カラムをタブで切り替えて表示する方法（タブモード）](https://con-one.crisp.help/ja/article/44kr44op44og44ks44k44ow44gn5yih44kk5pu44gi44gm6kgo56s644gz44kl5pa55rov77yi44k44ow44oi44o844oj77yj-570b6r/)

[カラムをスライダーで表示する方法（スライダーモード）](https://con-one.crisp.help/ja/article/44kr44op44og44ks44k544op44kk44oa44o844gn6kgo56s644gz44kl5pa55rov77yi44k544op44kk44oa44o844oi44o844oj77yj-vrz6u/)

[フリームーブモード解説：ウィジェットを自由に移動](https://con-one.crisp.help/ja/article/44ov44oq44o844og44o844ow44oi44o844oj6kej6kqs77ya44km44kj44k444kn44od44oi44ks6ieq55sx44gr56e75yuv-1x5cejf/)