위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<div class="pf-hero-root" data-pf-hero-script="blog_modern"><div class="position-relative pf-hero-blog"><div class="js-swiper-blog-modern-hero swiper swiper-equal-height"><div class="swiper-wrapper"><div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4 pf-hero-blog-slide" style="background-image: url(https://dummyimage.com/1920x1080/555555/777777);"><div class="container content-space-b-sm-2"><div class="row"><div class="col-md-6"><div class="d-flex align-items-center mb-3"><div class="flex-shrink-0"><div class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image}}"/></div></div><div class="flex-grow-1 ms-3"><a class="text-white" href="{{link}}">김영희</a></div></div><div class="mb-5"><h2 class="h1 text-white">{{title}}</h2></div><a class="btn btn-light btn-pointer" href="{{link2}}">{{text4}}</a></div></div></div></div><div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4 pf-hero-blog-slide" style="background-image: url(https://dummyimage.com/1920x1080/333333/555555);"><div class="container content-space-b-sm-2"><div class="row"><div class="col-md-6"><div class="d-flex align-items-center mb-3"><div class="flex-shrink-0"><div class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image2}}"/></div></div><div class="flex-grow-1 ms-3"><a class="text-white" href="{{link3}}">김영희</a></div></div><div class="mb-5"><h2 class="h1 text-white">{{title2}}</h2></div><a class="btn btn-light btn-pointer" href="{{link4}}">{{text5}}</a></div></div></div></div><div class="swiper-slide bg-img-start content-space-2 content-space-t-sm-3 content-space-b-sm-4 pf-hero-blog-slide" style="background-image: url(https://dummyimage.com/1920x1080/444444/666666);"><div class="container content-space-b-sm-2"><div class="row"><div class="col-md-6"><div class="d-flex align-items-center mb-3"><div class="flex-shrink-0"><div class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image3}}"/></div></div><div class="flex-grow-1 ms-3"><a class="text-white" href="{{link5}}">박철수</a></div></div><div class="mb-5"><h2 class="h1 text-white">{{title3}}</h2></div><a class="btn btn-light btn-pointer" href="{{link6}}">{{text6}}</a></div></div></div></div></div><div class="js-swiper-blog-modern-hero-pagination swiper-pagination swiper-pagination-light position-absolute bottom-0 start-0 end-0 mb-3 d-sm-none"></div></div><div class="position-sm-absolute bottom-0 start-0 end-0 zi-2 d-none d-sm-block mb-7"><div class="container content-space-t-1"><div class="js-swiper-blog-modern-hero-thumbs swiper swiper-step-pagination swiper-step-pagination-light"><div class="swiper-wrapper"><div class="swiper-slide"><span class="swiper-step-pagination-title">{{text}}</span></div><div class="swiper-slide"><span class="swiper-step-pagination-title">{{text2}}</span></div><div class="swiper-slide"><span class="swiper-step-pagination-title">{{text3}}</span></div></div></div></div></div></div></div>

변수 플레이스홀더: {{변수명}}

편집 가능 변수

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수