0
ADMIN 主要构建者 히어로 버튼 표시 搜索
列表 상단 여백 px 업로드 가로 제한 px
레이아웃 폰트 강제 해제 시 섹션별 설정 사용 · 저장 후 적용
标题 섹션 헤드라인
px px
소제목 서브 타이틀
px px
正文 컨텐츠 텍스트
px px
작은텍스트 라벨 · 캡션
px px
영문↔한글 간격 V2 제목 줄 사이 (0=기본)
px
제목 굵기 섹션·카드 제목 굵기
내용 굵기 본문·설명 굵기
가로폭 컨텐츠 최대폭
px
V2 여백 섹션 상하 (모바일 자동 반값)
px
페이지 배경 hero 라운드 모서리 뒤 등 빈 영역 색 (기본=흰색)
섹션 등장 모든 섹션 스크롤 등장 모션 (일괄)
등장 속도 섹션 등장 모션 속도 (ms, 0=기본 700)
ms
등장 거리 슬라이드업 이동거리 (px, 0=기본 24)
px
변경사항은 즉시 미리보기로 반영되며, 상단 保存 버튼을 눌러야 영구 저장됩니다. 전체 적용은 즉시 모든 서브페이지에 반영됩니다.
섹션 관리
드래그=순서 · 클릭=ON/OFF · ✎=이름 변경 · 추가 섹션 ×=삭제
현재 섹션 순서를 일괄 적용
삭제된 기본 섹션 복원
복사한 섹션
이미지형
텍스트형
데이터 연동
데이터 연동
V2 가이드
공통 데이터
개발자
跳到正文
텍스트 ←거리 基础 ↑거리 基础 배경 앞 이미지 X 0% Y 0% 가로 自动 세로 自动 좌우 위치 基础 상하 위치 基础 텍스트 폭 基础 영문 크기 68px 100% 딤 0% 📱 PC
PC和移动端布局分别设定

首屏,由区块层层搭建。 主要构建者

治疗摘要 首页搭建器是通过叠加通用区块来制作首页的工具。可通过选项选择轮播、网格、大图卡片和标题布局,并分别设定PC和移动端布局。用页面上的拖拽手柄即可直接调整间距和大小。

通过叠加区块制作的首页。为您介绍HIVE首页搭建器的功能。

온라인상담 URL
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

先看核心。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
필요한 섹션을 쌓습니다 설정·사용 화면

叠加所需的区块。

순서는 끌어서 바꿉니다 설정·사용 화면

拖动即可调整顺序。

간격과 크기는 손잡이로 맞춥니다 — 배경이 투명한 실버·블루 개념 그래픽

间距和大小 用拖拽手柄调整。

PC와 모바일 배치를 따로 정합니다 설정·사용 화면

PC和移动端布局 分别设定。

자주 쓰는 구성은 프리셋으로 한 번에 설정·사용 화면

常用布局 用预设一步到位。

查看制作案例
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

首页搭建器

叠加、拖动、 调整即可完成。

필요한 섹션을 쌓고 순서를 끌어서 바꿉니다. 섹션마다 표시 방식과 디자인을 따로 정합니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 섹션 제목을 직접 편집하는 화면

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택

3种

轮播、网格、大图卡片

+ 카드 이미지 선택

2种

PC和移动端,分别设定的布局

+ 카드 이미지 선택

0行

需要自己编写的代码

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

一个区块,多种样貌。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 빌더의 격자 배치 설정 화면

通用区块

一组卡片即可呈现轮播、网格和大图卡片等全部形式。

화면 직접 조작 설정·사용 화면

页面直接操作

用页面上的拖拽手柄调整间距、列比例和卡片大小。

PC와 모바일 따로 설정·사용 화면

PC和移动端分别设定

按设备设定布局,例如在移动端以排列代替轮播显示。

카드별 배치 설정·사용 화면

按卡片布局

为每张卡片单独设定宽度、高度和文字位置,可在一行中混排多种尺寸。

스토어형 구성 설정·사용 화면

商店式布局

通过选项开启标题与说明左右分列、照片铺满整张卡片的布局。

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

PC · 移动端

同一区块, 适配各种设备。

在移动端也可以用排列 代替轮播显示。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

只需选择,即刻改变。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
글자 서식. 설정·사용 화면

文字格式。

拖动选中文字后,直接更改粗细、颜色和大小。

등장 모션 설정·사용 화면

入场动效。

选择区块和卡片进入画面时的动效。

CTA 버튼의 모양·위치·버튼 색·글자 색 설정

按钮。

按区块设定按钮形状、图标和颜色。

메인 빌더의 구성 프리셋 선택 화면

预设。

一步应用常用布局。

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

手术 页.
所见即所得,即刻完成。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
서브페이지 본문에서 글자와 배치를 편집하는 화면

文字编辑。

点击页面上的文字直接修改。

디자인 편집 설정·사용 화면

设计编辑。

拖动调整宽度、间距和卡片高度。

현재 섹션을 공통영역으로 등록하거나 불러오는 화면

区块库。

保存已制作的区块,并添加到其他页面。

PC와 모바일 설정·사용 화면

PC和移动端。

数值分别保存。

进一步了解子页面搭建器
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

版面。 从一开始就为医院而设。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
전후사진 게시판에서 수술 전과 3개월 사진을 비교하는 화면

前后对比照片。

按角度切换查看,并选择查看方式。

선택한 서비스와 예약자 정보·예약일시를 확인하는 접수 양식

活动 预约.

选入活动,直接衔接预约。

온라인 상담 설정·사용 화면

在线咨询.

从提交、通知到管理,一个页面全部掌握。

제작 사례 설정·사용 화면

制作案例。

按行业分类展示。

进一步了解版面
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

为您解答疑问。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

区块数量有限制吗?

没有。可以按需添加并调整顺序。

移动端页面需要另外制作吗?

不需要。同一区块会自动适配移动端,只在需要的地方单独设定移动端数值。

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

从首屏开始,一起打造。

在导入咨询中与您一起确定首页布局。

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

导入咨询
번역 편집 모드
번역 편집 모드
필드를 클릭하면 직접 번역을 수정할 수 있습니다. 자동 저장됨.
발행
EN JA 簡 繁
⚙