-
- 로그인후 이용해주세요.
부가기능
- 무료
- 기능번호
- 681
- 최근 업데이트
- 2025.11.30 17:35
- 조회
- 59
- HTML 카드위젯 5종
- 카드형 HTML 위젯 입니다.
링크 및 워딩 변경은 widget.php 파일을 수정하시거나 리빌더 2.2.3.1 버전 이상 부터 모듈설정 > 위젯선택 > 위젯 라이브커스텀 버튼으로 수정하실 수 있습니다.
- 이전글HTML 목록 위젯 2종2025.11.30
- 다음글HTML 슬라이드 위젯2025.11.29
사용방법
다운받으신 rb.card_list.zip 파일의 압축을 해제 하신 후
rb.card_list1 ~ rb.card_list5 폴더를 /rb/rb.widget/ 경로로 업로드 해주세요.
관리자 로그인 후 메인페이지 하단의 [모듈추가] 버튼을 클릭하셔서
출력타입 : 위젯 > rb.card_list1 ~ rb.card_list5 를 용도에 따라 선택해주세요.
다운받으신 rb.card_list.zip 파일의 압축을 해제 하신 후
rb.card_list1 ~ rb.card_list5 폴더를 /rb/rb.widget/ 경로로 업로드 해주세요.
관리자 로그인 후 메인페이지 하단의 [모듈추가] 버튼을 클릭하셔서
출력타입 : 위젯 > rb.card_list1 ~ rb.card_list5 를 용도에 따라 선택해주세요.
상세정보
행/열 갯수 조정이 쉬운 HTML 위젯 5종 입니다.
내용관리 를 통한 일반 페이지에 모듈 연동이 가능함에 따라
메인페이지 및 일반 페이지를 쉽게 구성할 수 있습니다.
rb.card_list1
rb.card_list2
rb.card_list3
rb.card_list4
rb.card_list5
링크 및 워딩, 이미지 변경은 widget.php 파일을 수정하시거나
리빌더 2.2.3.1 버전 이상의 경우 모듈설정 > 위젯선택 > 위젯 라이브 커스텀 버튼으로 수정하실 수 있습니다.
기본적인 반응형 처리가 되어 있으며 행/열 개수는 직접 수정하실 수 있습니다.
data-pc-w="2" // PC 열 개수
data-pc-h="1" // PC 행 개수
data-mo-w="1" // Mobile 열 개수
data-mo-h="1" // Mobile 행 개수
data-pc-gap="30" // PC 간격
data-mo-gap="20" // Mobile 간격
리빌더 2.2.4.2 버전에서 최신글 외에 내부여백이 설정되지않는 문제가 있습니다.
2.2.5 버전에서 수정될 예정이며, 직접 수정은 아래 링크를 참고해주세요
https://rebuilder.co.kr/issue/7
SVG 아이콘이 필요하신 경우 아래 링크에서 다운로드 하실 수 있습니다.
https://www.mingcute.com/
댓글목록
