×
앱 설치 안내
리빌더 공식 홈페이지 바로가기를 PC에 설치해보세요!
바탕화면에서 앱으로 실행할 수 있어요.
-
- 로그인후 이용해주세요.
팁과노하우
내용관리 (일반페이지 생성) 에서 모듈출력 사용하기
내용관리 생성 > php 파일내 div코딩 > 파일업로드
순으로 하시면 되겠습니다.
리빌더 2.2.1.4 버전 부터 작동합니다.
1. 관리자모드 > 게시판관리 > 내용관리 에서 페이지를 생성합니다. (id : about 이라고 가정)
내용관리를 생성하실때 스킨을 (테마)rb.basic 을 지정해주세요.
2. about.php 파일을 만든 후 모듈추가가 가능한 div를 코딩합니다.
<div class="flex_box" data-layout="고유한이름"></div>
3. /theme/rb.basic/rb.page/ 경로에 만드신 about.php 파일을 업로드합니다. (내용관리의 id와 파일이름을 동일하게)
4. 도메인/bbs/content.php?co_id=about 으로 접속합니다. (짧은주소 사용시 : 도메인/content/about)
5. 관리자 로그인 후 해당 페이지에서 모듈추가 버튼으로 모듈을 추가합니다.
2 에서 <div class="flex_box" data-layout="고유한이름"></div> 를 여러개 만드신 후에
CSS로 레이아웃을 잡아주셔도 됩니다.
추가 팁으로,
특정 div를 가로폭에 관계없이 100% 로 채우시려면
아래 CSS를 활용하시면 되겠습니다.
.test 을 100%로 만들기위해 아래 CSS 추가
<style>
.test{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
min-width: 1280px;
}
@media all and (max-width:1024px) { /* 반응형 처리 */
.test{width:100%; min-width: 100%; left:auto; transform:none;}
}
</style>
min-width: 1280px; 은 사용하고계시는 가로폭으로 변경해주시면 되겠습니다.
감사합니다.
추가 팁으로,
특정 div를 가로폭에 관계없이 100% 로 채우시려면
아래 CSS를 활용하시면 되겠습니다.
.test 을 100%로 만들기위해 아래 CSS 추가
<style>
.test{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
min-width: 1280px;
}
@media all and (max-width:1024px) { /* 반응형 처리 */
.test{width:100%; min-width: 100%; left:auto; transform:none;}
}
</style>
min-width: 1280px; 은 사용하고계시는 가로폭으로 변경해주시면 되겠습니다.
감사합니다.
- 이전글리빌더 스크롤 개선 팁입니다. (모바일)2025.07.04
- 다음글익명 게시판 닉네임 500개 추가 하기2025.07.01
댓글목록
