-
- 로그인후 이용해주세요.
팁과노하우
New Basic 레이아웃 모듈 배치
New Basic 레이아웃 모듈 배치
해당 게시글 레이아웃 예시 사진에 있는 모듈 배치 방법을 공유 드립니다.
위 레이아웃 예시에 있는 모듈은 대부분 콘텐츠허브에 공유된 혹은 리빌더 기본 내장 모듈을 사용합니다.
- 투표 위젯 : 코드 개선 후 배포 예정입니다.
- 탭 최신글 스킨은 리빌더 기본 내장 스킨으로 대체합니다.
필요한 위젯
퀵메뉴 링크 위젯 (리빌더 내장, rb.quick_btns)
최신글 스킨 (리빌더 내장, rb.latest.thumb_latest)
별점최신글 스킨 (멤버십 전용, rb.latest.thumb_top 대체 가능)
캘린더 최신글 스킨 (멤버십 전용)
채용정보 게시판 최신글 스킨 (멤버십 전용)
캘린더 미니 위젯 (멤버십 전용)
기본 모듈 배치 방법
리빌더 기본 모듈 배치 방법은 관리자 로그인시 화면 하단 중앙에 관리자 전용 버튼그룹이 표시됩니다.
그 중, 2번째 버튼(모듈설정)을 누르면 레이아웃 배치가 가능한 영역에 모듈추가 버튼이 표시됩니다.
모듈추가 버튼을 누르면 우측에 사이드바가 나타나 여러 모듈(위젯, 최신글, 최신글(탭), 투표, 배너)을 추가할 수 있습니다.
배치 따라하기
좌측열 모듈배치
- 3열 인기글 배치
가로로 3열로 배치되는 위젯은 직접 가로사이즈를 지정하여 배치해야 합니다.
각각의 모듈의 너비의 합은 100%를 넘지 않아야 합니다.
100%가 넘어가는 경우 마지막 모듈은 아래로 배치되게 됩니다.
각 모듈의 너비 사이즈는 배치를 원하는 개수를 100%에 나눠 계산 해주세요.
2개 = 50%
2개 = 50%
3개 = 33%, 34%, 33%
4개 = 25%
화면에 딱 맞게 사이즈를 배치하기 위에서는 세 위젯의 너비의 합이 100% 맞아 떨어지는게 좋습니다. (3개열 참조)
- 좌/ 우 배치
위 사진처럼 세개의 모듈이 좌/우로 나뉘어진 배치는 하위모듈 추가를 활용합니다.
사진처럼 좌측에 넓게 모듈이 하나있고, 우측에 2행의 모듈을 배치할때는
좌측의 위젯의 너비를 적절하게 설정해주세요.
사진의 탭 최신글 스킨의 너비는 80% 입니다.
우측으로 보내기 위한 모듈의 너비는 20%로 설정하여 같은 열에 배치되도록 해줍니다.
사진처럼 퀵버튼 위젯(rb.quick_btns) 아래로 모듈을 설치하기 위해서는, 사진처럼 모듈에 있는 + 버튼을 눌러
하위 모듈을 설치할 수 있습니다.
- 2열 최신글 배치
이제까지 잘 따라오셨다면 위 위젯의 모듈 배치는 어렵지 않으실겁니다.
2열로 배치된 모듈이기 때문에 각 모듈의 너비는 50%로 배치합니다.
- 1열 최신글 배치
기본적으로 모듈의 배치는 너비사이즈를 따로 건드리지 않는 이상 자동으로 100% (1열배치)로 추가됩니다.
좌측열 모듈배치는 각 위젯을 등록해주시면 됩니다.
(가로사이즈 기본 100% 사용)
- 이전글분야별 상위 순위 출력 코드2025.10.21
- 다음글10분 동안 아무 반응 없다면 자동 로그아웃 시키기!2025.10.02
댓글목록
