뱃지 및 강조할 내용 추가

01. write_skin.php

제목 입력칸 바로 밑에, 아래 소스코드 아래 추가

// 상단 PHP 부분에 추가
// wr_2 컬럼이 존재하는지 확인하고, 존재한다면 타입이 longtext가 맞는지 확인
$wr_2_check = sql_query("SHOW COLUMNS FROM {$write_table} LIKE 'wr_2'", false);
if (sql_num_rows($wr_2_check)) {
    $wr_2_column = sql_fetch_array($wr_2_check);
    if ($wr_2_column['Type'] !== 'longtext') {
        // wr_2 컬럼의 타입이 longtext가 아니면 longtext로 변경
        sql_query("ALTER TABLE {$write_table} MODIFY COLUMN wr_2 longtext", true);
    }
} else {
    // wr_1 컬럼이 없으면 longtext 타입으로 추가
    sql_query("ALTER TABLE {$write_table} ADD wr_2 longtext", true);
}

<!-- 아래 HTML 부분 입력 폼 추가 -->
    <!-- 제목 { -->
    <div class="rb_inp_wrap">
        <ul>
            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="input required full_input" maxlength="255" placeholder="제목을 입력하세요.">
        </ul>
    </div>
    <!-- } -->

    <!-- wr_1 : 뱃지 { -->
    <div class="rb_inp_wrap">
        <ul>
            <input type="text" name="wr_1" value="<?php echo isset($write['wr_1']) ? $write['wr_1'] : ''; ?>" id="wr_1" class="input" placeholder="뱃지를 출력할 수 있습니다.">
        </ul>
    </div>
    <!-- } -->
    
    <!-- wr_2 : 참고사항 { -->
    <div class="rb_inp_wrap">
        <ul>
            <textarea name="wr_2" id="wr_2" class="textarea" placeholder="게시물(글 내용) 상단에 강조할 참고사항을 입력할 수 있습니다." style="min-height:100px;"><?php echo isset($write['wr_2']) ? $write['wr_2'] : ''; ?></textarea>
        </ul>
    </div>
    <!-- } -->

02. view.skin.php

<h2><?php echo get_text($view['wr_subject']);?></h2> 바로 위에 아래 소스코드 추가

    <div class="vico_wrap mobile">
        <?php if (isset($view['wr_1']) && $view['wr_1']) { ?><span class="view_info_span font-B"><?php echo $view['wr_1'] ?>　</span><?php } ?>
        <span class="view_info_span"><?php echo date("Y.m.d H:i", strtotime($view['wr_datetime'])) ?></span>
    </div>
    
    <?php if (isset($view['wr_1']) && $view['wr_1']) { ?><div class="vico_wrap pc"><span class="font-B main_color vico_txt"><?php echo $view['wr_1'] ?></span></div><?php } ?>

<!-- 본문 내용 시작 { --> 바로 위에 아래 소스 코드 추가

    <?php if(isset($view['wr_2']) && $view['wr_2']) { ?>
    <div class="wr_2">
        <?php echo nl2br($view['wr_2']); ?> 
    </div>
    <?php } ?>

03. style.css

반응형 처리 주석 바로 위에 아래 소스코드 추가

.rb_bbs_wrap .ver_ico {background-color: #D6DCE0; color:#09244B; font-size: 11px; padding: 2px 5px 2px 5px; border-radius: 4px;}
.rb_bbs_wrap .ver_ico2 {font-size: 11px; color:#999;}
.rb_bbs_wrap .wr_2 {background-color: #f9f9f9; color:#09244B; font-size: 14px; line-height: 150%; padding: 20px; box-sizing: border-box;}
.rb_bbs_wrap .ver_ico_wrap {position: absolute; bottom:44px; left: 0px;}
.rb_bbs_wrap .noti_bg {}
.rb_bbs_wrap .rb_bbs_for_cont_subj2 a {font-size: 16px;}
.rb_bbs_wrap .rb_bbs_for2 {padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; position: relative;}
.rb_bbs_wrap .rb_bbs_for_mem2 {margin-top: 5px !important;}
.rb_bbs_wrap .rb_bbs_for_mem_names2 {color:#999; font-size: 12px;}
.rb_bbs_wrap .rb_bbs_for_btm_info2 dd span {color:#999 !important; font-size: 12px !important;}
.rb_bbs_wrap .rb_bbs_for_btm_info2 dd a {font-size: 12px; color:#999}
.rb_bbs_wrap .rb_bbs_for_btm_info2 dd i {opacity: 0.4}
.rb_bbs_wrap .wr_2_list {border-bottom:1px solid #eee;}

/* 뱃지 처리 { */
.vico_txt {border:1px solid #ddd; padding: 7px 15px 7px 15px; border-radius: 30px; font-size: 14px;}
.vico_wrap {margin-bottom: 10px;}
.list_vico_txt {border-radius: 6px; font-size: 12px;}
.list_vico_wrap {margin-bottom: 20px;}
.list_wr_2 {border-radius: 10px; padding: 30px !important;}
.vico_link {cursor: pointer;}
.vico_link:hover {border-color:#AA20FF;}