그누보드 - 나리야 사이트 설정 레이아웃확인용

나리야 사이트 설정 레이아웃확인용 > 그누보드5 팁자료실

그누보드5 팁자료실

나리야 사이트 설정 레이아웃확인용 정보

나리야 사이트 설정 레이아웃확인용

첨부파일

layout.jpg (167.8K) 4회 다운로드 2021-08-25 12:04:35

setup_form.php (39.3K) 5회 다운로드 2021-08-25 12:04:35

본문

나리야 사이트설정시 레이아웃설정 레이아웃확인
1. /theme/BS4-Basic/adm/setup_form.php - 78Line 아래 코드 추가


jQuery("select.theme_layout").on("change", function() {
    var theme_layout = jQuery(this).val();
    if(theme_layout == 'ac') {
        $('.wrapper').removeClass('boxed boxed-a m-lg-auto');
        $('.wrapper').addClass('boxed boxed-a m-lg-auto');
    } else if(theme_layout == 'bc') {
        $('.wrapper').removeClass('boxed boxed-b m-lg-auto');
        $('.wrapper').addClass('boxed boxed-b m-lg-auto');
    } else {
        $('.wrapper').removeClass('boxed boxed-a m-lg-auto');
        $('.wrapper').removeClass('boxed boxed-b m-lg-auto');
        $('.wrapper').addClass('wided');
    }
});

2. select box 클레스(theme_layout) 추가

수정전


<select name="pc[layout]" class="custom-select">
    <?php echo $sel_option ?>
    <option value="w"<?php echo get_selected('w', $pc['layout']) ?>>와이드</option>
    <option value="ac"<?php echo get_selected('ac', $pc['layout']) ?>>박스 A</option>
    <option value="bc"<?php echo get_selected('bc', $pc['layout']) ?>>박스 B</option>
</select>

수정후


<select name="pc[layout]" class="custom-select theme_layout">
    <?php echo $sel_option ?>
    <option value="w"<?php echo get_selected('w', $pc['layout']) ?>>와이드</option>
    <option value="ac"<?php echo get_selected('ac', $pc['layout']) ?>>박스 A</option>
    <option value="bc"<?php echo get_selected('bc', $pc['layout']) ?>>박스 B</option>
</select>