ビフォーアフター写真

角度別にめくって見るビフォーアフター写真掲示板。

すべて (6) 目 (1) 鼻 (1) 輪郭 (1) リフティング (1) 肌 (1) 脂肪注入 (1)

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

사진 등록 / 편집

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

正面

手術前

3か月

업로드

45度

手術前

업로드

3か月

업로드

側面

手術前

업로드

3か月

업로드

ビフォーアフター一覧

修正削除

脂肪注入

例：表示方法を選ぶ

閲覧 1,111 2026-05-05

写真を押すと、元の画像全体を大きく表示できます。

正面すべて

グリッド、比較、縦並びなど、一覧の表示方法を設定で選びます。

この記事はビフォーアフター写真掲示板の画面をお見せするための例です。写真は例示用であり、実際の施術結果ではありません。

前の記事最初の記事です次の記事例：共有リンクを作成する

個人によって出血、感染、炎症などの合併症が生じる場合があるため、注意が必要です。施術の結果には個人差があります。十分な相談を通じて、ご自身に適した施術方法と結果をご確認ください。

掲示板オプションビフォーアフター写真

카테고리 관리

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

코드 (영문)

名前 (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 슬라이더 아래쪽에 표시할 케이스 썸네일 수입니다.

⚙