前後對比照片

可按角度切換查看的前後對比照片版面。

全部 (6) 眼部 (1) 鼻部 (1) 輪廓 (1) 提升 (1) 皮膚 (1) 脂肪移植 (1)

슈퍼관리자 wr_id=9 · 레이아웃: baf_slider · 페어: 2개 · 각도: front,side45 · 사진: 1장 메타 필드 공유 토큰 발급

사진 등록 / 편집

각도·시점별로 1장씩 업로드. 같은 위치에 다시 올리면 교체됩니다. 1장만 있어도 단일 표시.

正面

手術前

3個月

업로드

45度

手術前

3個月

업로드

側面

手術前

업로드

3個月

업로드

前後對比照片列表

編輯刪除

皮膚

示例：按角度切換查看

瀏覽 1,146 2026-05-05

點擊照片可查看完整原圖。

正面全部

45° 全部

可按正面、45度、側面等拍攝角度分標簽切換查看。

本文是用於展示前後對比照片版面效果的示例。照片僅供示例，並非真實的項目效果。

上一篇示例：關聯項目頁面下一篇示例：左右滑動對比

因個人情況不同，可能出現出血、感染、炎癥等並發癥，請務必注意。項目效果因人而異，請通過詳細諮詢確認適合自己的項目方式和效果。

版面選項前後對比照片

카테고리 관리

게시판에 사용할 카테고리를 추가/수정/삭제 (관리자 페이지 진입 불필요)

코드 (영문)

姓名 (KO)

색상

로딩 중…

컬러

사이트 메인 컬러 자동 사용

.index_color (var(--main) / var(--hv-main))를 강조색·링크색에 사용. OFF면 아래 색상 적용.

강조색 (위 OFF 시)

링크색 (위 OFF 시)

호버색 (위 OFF 시)

배경색

배경 투명도 (%)

0=완전 투명, 100=불투명. 배경색을 rgba() 로 변환해 적용.

텍스트색

보조 텍스트

흰 배경에서 글자 대비 4.5:1 이상(#767676 보다 진하게) 권장

보더색

타이포

제목 크기 (px)

제목 굵기

목록·인기 제목 말줄임

목록과 인기 게시글 카드에 함께 적용합니다.

본문 크기 (px)

줄간격

카드/외형

모서리 둥글기 (px)

그림자

카드 간격 (px)

카드 배경

보더 두께 (px)

보더 색

호버 효과

가로폭/여백

좌우 여백 (px)

위 여백 (px)

게시판 상단 안쪽 여백.

아래 여백 (px)

게시판 하단 안쪽 여백.

가로폭 (px)

게시판·블로그 영역 최대 너비. 화면이 더 좁으면 자동 축소됩니다.

블로그 PC 가로 개수

블로그 일반 목록에서 한 줄에 표시할 카드 수입니다.

블로그 모바일 가로 개수

화면 너비 768px 이하에서 한 줄에 표시할 카드 수입니다.

圖片/縮圖

원본 크기 유지

켜면 WebP 변환 여부와 관계없이 이미지의 가로·세로 픽셀을 유지합니다.

업로드 최대 가로폭

리사이즈가 필요할 때만 원하는 가로폭을 입력합니다. 0이면 WebP만 변환하고 크기는 유지합니다.

업로드 이미지 품질

縮圖品質

목록 썸네일을 새로 생성할 때 적용됩니다.

WebP 자동 변환·압축

JPG·PNG 업로드를 WebP로 변환해 저장합니다. 서버가 WebP 변환을 지원하지 않거나 변환에 실패하면 원본을 안전하게 유지합니다.

메타 표시

작성자 표시

조회수 표시

댓글수 표시

좋아요 수 표시

카테고리 뱃지

NEW 뱃지

NEW 기간 (일)

HOT 뱃지

HOT 瀏覽標準

썸네일 없을 때

基礎圖片 URL

날짜

작성일 표시

날짜 형식

시간 포함

페이징/정렬

페이징 방식

페이지당 개수

모바일 페이지당 개수

個

0은 기존 설정 유지. 1 이상이면 모바일 방문 시 별도 개수를 적용합니다. 반응형 PC 스킨에도 적용됩니다.

基礎排序

일반 목록 전체의 정렬 기준입니다. 저장하면 페이지 나누기에도 적용됩니다. 드래그 순서는 직접 정렬에서만 사용하며 인기 게시글 정렬과는 별개입니다.

사용자 정렬 변경 허용

分類選項

카테고리 표시

位置

스타일

막대 디자인

세그먼트는 옅은 회색 트랙 안에 흰 선택 알약으로 보이고, 넘치는 쪽 가장자리가 흐려집니다. 일반·이벤트·전후사진·블로그·시술 안내 게시판에 같은 모양으로 적용됩니다. 기본은 기존 모양입니다.

색상 뱃지 사용

검색/필터

검색바 표시

位置

상단 제목/내용

상단 제목/내용 사용

ON인 게시판에만 제목·부제목·설명 영역을 표시합니다.

형태

배경 이미지

이미지 없음

업로드 ×

파일 선택 후 자동 업로드. URL 직접 입력도 가능.

상단 배경색 별도 사용

OFF면 기존 게시판 배경색을 사용하고, ON이면 아래 상단 배경색을 적용합니다. 단순 제목 형태에 적용됩니다.

상단 배경색

상단 배경색 별도 사용을 ON으로 설정한 경우 적용됩니다.

標題

부제목

설명

CTA 버튼 텍스트

CTA 링크

높이 프리셋

높이 직접 (px)

0이면 프리셋 사용, 양수면 그 px로 강제 (프리셋 무시)

풀 너비 (100vw)

ON: 화면 전체 너비. OFF: 본문 컨테이너 안.

위 간격 (px)

헤더 위(메뉴·서브내비 아래)에 두는 간격. 0 이면 기존 그대로

아래 간격 (px)

헤더와 아래 콘텐츠(검색/카테고리/글목록)의 간격

PC 텍스트 X 위치

0=왼쪽 끝, 50=가운데, 100=오른쪽 끝

PC 텍스트 Y 위치

0=상단 끝, 50=가운데, 100=하단 끝

모바일 텍스트 X

모바일 텍스트 Y

텍스트 정렬

텍스트 색상

배경 이미지/비디오/그라데이션엔 흰색 권장. 단순 제목엔 본문 텍스트색 권장.

제목 크기 (px)

제목 굵기

부제목 크기 (px)

설명 크기 (px)

좌우 안쪽 여백 (px)

배경 어둡기 (%)

배경 이미지/비디오에만 적용

CTA 배경색

CTA 텍스트색

CTA 모서리 (px)

999=완전한 둥근 캡슐

등장 애니메이션

애니메이션 속도

시작 지연

텍스트 순차 등장 (제목→부제→설명→CTA)

각 요소가 100ms 간격으로 차례로 등장

인터랙션

SNS 分享

첨부파일 표시

글 상세

메인 연동 목록 권한

목록 권한을 선택해도 본문과 비밀글 권한은 유지됩니다. 비공개 접수형 게시판은 공개하지 않습니다.

방문자 목록에서 비밀글 숨김

관리자는 유지하며 방문자 목록·검색·공지·이전/다음 글에서 비밀글을 제외합니다. 본문 권한은 변경하지 않습니다.

본문에 대표 썸네일 표시

OFF: 목록용 대표 첨부 이미지의 본문 상단 반복을 제외합니다. 에디터 본문 이미지와 나머지 첨부는 유지합니다.

본문 로그인 레이어

ON: 비회원이 글을 열면 본문 대신 게시판 목록 위에 로그인·회원가입 레이어를 표시합니다. 회원과 관리자는 정상 열람할 수 있습니다.

SEO

權限

發表權限

評論權限

비밀글 허용

RSS 啟用

레이아웃 전용

글쓰기 시 관리자 승인

ON이면 관리자가 승인하기 전까지 방문자 목록과 상세 화면에 글이 노출되지 않습니다.

큰 사진 비교 방식

큰 사진의 비교 방식만 변경합니다. 아래 케이스 썸네일과 이전·다음 이동은 유지됩니다.

사용자 보기 방식 변경 (레이아웃 전환 탭)

방문자가 전후사진 레이아웃을 탭으로 바꿔 볼 수 있습니다. 저장된 레이아웃은 바뀌지 않습니다.

전후사진 이미지 규격

Hive 1000×580을 선택하면 큰 슬라이더와 하단 썸네일을 50:29 비율로 맞추고, 원본을 자르지 않은 채 각각 1.5%·6% 확대해 표시합니다.

하단 썸네일 PC 개수

B&A 슬라이더 아래쪽에 한 줄로 표시할 케이스 썸네일 수입니다. 케이스가 1개여도 이 설정의 한 칸 너비를 유지합니다.

하단 썸네일 모바일 개수

화면 너비 768px 이하에서 B&A 슬라이더 아래쪽에 표시할 케이스 썸네일 수입니다.

⚙