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 簡 繁
⚙