ブロックの活用方法&デザインについて
ブロックの活用方法
ブロックテンプレ紹介、デザイン、コピー、時間差で表示させる方法などを解説しています。
1.ブロックの構成
①ブロックが積み重なり構成される。
②ブロックの中にカラムを構成（列。サンプル画像は2列のカラム）。
③カラムの中にウィジェットから様々なパーツを選択してデザインする。
④ブロックの追加を左クリックで、ブロックを選択。
⑤様々なブロックテンプレートが表示される。
各テンプレートの説明は動画をご参照ください。
また、空のブロックを選択して、オリジナルのデザインの作り方は、下記の動画より確認できます。
2.ブロックの複製
①カーソルを合わせると操作バーが表示されます。
ウィジェットをコピーすると②に格納される。
格納された箇所にカーソルを合わせると、一番上に今コピーしたものが有るので、それを、挿入したい箇所にドラックアンドドロップをする。
3.ブロックごとの設定
ブロックサイズの変更
ブロック単位で、サイトの非表示が可能です。
ブロックの部分のサイト表示の時間を遅延する事が出来ます。
ブロックの位置を変更する事が出来ます。
ブロックデザイン設定
ブロックのデザイン方法です。背景、グラデーション、境界線の設定などをすることで、シャープなデザインが手軽に作成が可能です！
1.ブロックデザイン
①ブロックを押すと、編集ボックスが開きます。
2.ブロックの画像設定
①カメラのマークがある場所をクリックすると、ファイルマネージャーが開きます。
②ファイルマネージャーから画像を選択する。または、下部のアップロードボタンでPC内の画像をアップロードする事も出来ます。
3.ブロックの画像のデザイン設定
視差効果を選択すると、視差スピードの設定ができます。
また、画像の上にグラデーションやオーバーレイを被せる事が出来ます。
4.ブロックの背景色の設定
①背景色を選択する事も出来ます。
5.ブロックに画像設定
YouTube上の映像をブロック内に設定できます。その際、動画の音量、映像のループ箇所の設定もできます。
6.ブロックの分離線の設定
ブロックの境界線を様々なデザインから選び、設定する事が出来ます。
設定は、デザインの他、色、上部か下部、デザインをフリップさせたり反転させることもできます。
ページビルダー一覧
ポートフォリオ機能で商品一覧・顧客の声を作成！
ヘッダーを活用してホームページのメニューを最適化しよう！
更新日 16/06/2024
ありがとうございます