팁과노하우

  • 팁과노하우 포인트 정책
      글쓰기
      100P
      댓글
      10P
  • 전체 87건 / 5 페이지
    • 27
    • 오래 전
      2024.11.05
  • 오래 전
  • 데이터 이전 후 모바일 이미지 늘어 나는 현상 해결
  • 본문 내용을아래와 같이 수정해주면 정상적으로 노출이 됩니다.
    <!--<?php echo get_view_thumbnail($view['content']); ?>--> 주석 처리하고 <!-- 본문 내용 시작 { --> <div id="bo_v_con"><?php echo get_view_thumbnail(preg_replace("/height:[0-9]+px/","",$view['content'])); ?></div> <?php //echo $view['rich_content']; // 과 같은 코드를 사용할 경우 ?> <!-- } 본문 내용 끝 -->
    • 26
    • 오래 전
      2024.11.02
  • 오래 전
  • 모바일 하단 퀵 아이콘 버튼을 어플같은 느낌으로 수정
  • 하단 rb.layout_ft/footer.php 를 수정하시면됩니다.기존것은 아이콘만 있어서 검정배경에 약간 어플같은 느낌이 없습니다.이것을 어플같이 하단에 글자가 나오게 수정한것입니다.

    <style>.tail_fixed_gnb {    display: flex;    justify-content: space-around;    align-items: center;    background-color: #ff4078 !important; /* Dark gray background */    padding: 10px 0;}
    .footer-button {    display: flex;    flex-direction: column;    align-items: center;    color: white;    text-align: center;    width: 60px; /* Width can be adjusted as needed */}
    .footer-button button {// color: #444444; /* Set background color for the icon */}
    .footer-button svg {margin-left:-5px;    width: 32px; /* Increase icon size for better visibility */    height: 32px;    margin-bottom: 5px; /* Space between icon and text */    display: block;}
    .footer-button span {margin-top:5px;    font-size: 12px;    color: #fff; /* White color for text */    text-align: center; padding-left:10px;}
    </style>
    <div class="tail_fixed_gnb mobile main_rb_bg">    <div class="footer-button">        <button type="button" onclick="location.href='<?php echo G5_SHOP_URL ?>/cart.php';" title="장바구니">            <!-- SVG Icon --> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">            <g clip-path="url(#clip0_526_6)">            <path d="M7.5 19C7.89782 19 8.27936 19.158 8.56066 19.4393C8.84196 19.7206 9 20.1022 9 20.5C9 20.8978 8.84196 21.2794 8.56066 21.5607C8.27936 21.842 7.89782 22 7.5 22C7.10218 22 6.72064 21.842 6.43934 21.5607C6.15804 21.2794 6 20.8978 6 20.5C6 20.1022 6.15804 19.7206 6.43934 19.4393C6.72064 19.158 7.10218 19 7.5 19ZM17.5 19C17.8978 19 18.2794 19.158 18.5607 19.4393C18.842 19.7206 19 20.1022 19 20.5C19 20.8978 18.842 21.2794 18.5607 21.5607C18.2794 21.842 17.8978 22 17.5 22C17.1022 22 16.7206 21.842 16.4393 21.5607C16.158 21.2794 16 20.8978 16 20.5C16 20.1022 16.158 19.7206 16.4393 19.4393C16.7206 19.158 17.1022 19 17.5 19ZM3 2C4.726 2 6.023 3.283 6.145 5H19.802C20.095 4.99996 20.3844 5.06429 20.6498 5.18844C20.9152 5.31259 21.15 5.49354 21.3378 5.71848C21.5255 5.94342 21.6615 6.20686 21.7362 6.49017C21.8109 6.77348 21.8224 7.06974 21.77 7.358L20.133 16.358C20.0492 16.8188 19.8062 17.2356 19.4466 17.5357C19.0869 17.8357 18.6334 18.0001 18.165 18H6.931C6.42514 18 5.93807 17.8083 5.56789 17.4636C5.1977 17.1188 4.97192 16.6466 4.936 16.142L4.136 4.929C4.09 4.31 3.564 4 3 4C2.73478 4 2.48043 3.89464 2.29289 3.70711C2.10536 3.51957 2 3.26522 2 3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2Z" fill="white"/>            </g>            <defs>            <clipPath id="clip0_526_6">            <rect width="24" height="24" fill="white"/>            </clipPath>            </defs>            </svg>        </button>        <span>장바구니</span>    </div>
        <div class="footer-button">        <button type="button" onclick="location.href='<?php echo G5_SHOP_URL ?>/orderinquiry.php';" title="주문조회">            <!-- SVG Icon -->            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">            <g clip-path="url(#clip0_655_31)">            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 3.586C6.37499 3.2109 6.88361 3.00011 7.414 3H16.586C17.1164 3.00011 17.625 3.2109 18 3.586L20.414 6C20.7891 6.37499 20.9999 6.88361 21 7.414V19C21 19.7956 20.6839 20.5587 20.1213 21.1213C19.5587 21.6839 18.7956 22 18 22H6C5.20435 22 4.44129 21.6839 3.87868 21.1213C3.31607 20.5587 3 19.7956 3 19V7.414C3.00011 6.88361 3.2109 6.37499 3.586 6L6 3.586ZM16.586 5H7.414L5.414 7H18.586L16.586 5ZM10 12C10 11.7348 9.89464 11.4804 9.70711 11.2929C9.51957 11.1054 9.26522 11 9 11C8.73478 11 8.48043 11.1054 8.29289 11.2929C8.10536 11.4804 8 11.7348 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12C16 11.7348 15.8946 11.4804 15.7071 11.2929C15.5196 11.1054 15.2652 11 15 11C14.7348 11 14.4804 11.1054 14.2929 11.2929C14.1054 11.4804 14 11.7348 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14C11.4696 14 10.9609 13.7893 10.5858 13.4142C10.2107 13.0391 10 12.5304 10 12Z" fill="white"/>            </g>            <defs>            <clipPath id="clip0_655_31">            <rect width="24" height="24" fill="white"/>            </clipPath>            </defs>            </svg>        </button>        <span>주문조회</span>    </div>
        <div class="footer-button">        <button type="button" onclick="location.href='<?php echo G5_SHOP_URL ?>';" title="홈">            <!-- SVG Icon -->            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" title="홈">            <g clip-path="url(#clip0_526_18)">            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.772 2.68799C11.1231 2.41488 11.5552 2.2666 12 2.2666C12.4448 2.2666 12.8769 2.41488 13.228 2.68799L21.612 9.20799C22.365 9.79499 21.949 11 20.997 11H20V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21H5.99998C5.46955 21 4.96084 20.7893 4.58577 20.4142C4.2107 20.0391 3.99998 19.5304 3.99998 19V11H3.00298C2.04998 11 1.63598 9.79399 2.38798 9.20899L10.772 2.68799Z" fill="white"/>            </g>            <defs>            <clipPath id="clip0_526_18">            <rect width="24" height="24" fill="white"/>            </clipPath>            </defs>            </svg>        </button>        <span>홈</span>    </div>
        <div class="footer-button">        <button type="button" onclick="location.href='<?php echo G5_SHOP_URL ?>/wishlist.php';" title="위시리스트">            <!-- SVG Icon --><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">    <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="white"/></svg>
            </button>        <span>즐겨찾기</span>    </div>
        <div class="footer-button">        <button type="button" onclick="location.href='<?php echo G5_SHOP_URL ?>/couponzone.php';" title="쿠폰존">            <!-- SVG Icon -->            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.537 2.16395C10.9407 2.12722 11.3477 2.1727 11.7334 2.29765C12.1191 2.4226 12.4755 2.62443 12.781 2.89095L12.931 3.03095L20.753 10.854C21.2913 11.3924 21.6048 12.1153 21.6298 12.8763C21.6549 13.6372 21.3897 14.3793 20.888 14.952L20.753 15.096L15.096 20.753C14.5576 21.2913 13.8346 21.6047 13.0736 21.6298C12.3127 21.6549 11.5707 21.3897 10.998 20.888L10.854 20.753L3.02998 12.93C2.74346 12.6434 2.51795 12.3019 2.36705 11.9258C2.21615 11.5498 2.14299 11.147 2.15198 10.742L2.16299 10.537L2.63498 5.35195C2.69558 4.68374 2.97844 4.05512 3.43834 3.56658C3.89824 3.07803 4.50864 2.75776 5.17198 2.65695L5.35098 2.63595L10.537 2.16395ZM8.02399 8.02495C7.83823 8.21071 7.69088 8.43123 7.59035 8.67393C7.48982 8.91663 7.43808 9.17676 7.43808 9.43945C7.43808 9.70215 7.48982 9.96227 7.59035 10.205C7.69088 10.4477 7.83823 10.6682 8.02399 10.854C8.20974 11.0397 8.43026 11.1871 8.67296 11.2876C8.91566 11.3881 9.17579 11.4399 9.43849 11.4399C9.70118 11.4399 9.96131 11.3881 10.204 11.2876C10.4467 11.1871 10.6672 11.0397 10.853 10.854C11.2281 10.4788 11.4389 9.96999 11.4389 9.43945C11.4389 8.90891 11.2281 8.4001 10.853 8.02495C10.4778 7.6498 9.96903 7.43905 9.43849 7.43905C8.90795 7.43905 8.39913 7.6498 8.02399 8.02495Z" fill="white"/>            </svg>        </button>        <span>xxxxxxx</span>    </div></div>
    • 25
    • 오래 전
      2024.11.02
  • 오래 전
  • 햄버거 좌측 사이드 아이콘을 서브페이지에서 < 백버튼으로 나오게하기
  • 어플같이 삼선이 나오는게 아닌 서브페이지에서 < 백버튼 나오게 하는법입니다
    header.php 를 수정하시면됩니다.
    아래는 백버튼이 나오지 않게 하는 화면입니다. 이화면만 제외하고 모두 백버튼이 나옵니다.<?php$urls_with_hamburger = [    "https://xxx.co.kr/shop",    "https://xxx.co.kr/shop/",    "https://xxx.co.kr",    "https://xxx.co.kr/",    "https://xxx.co.kr/shop/cart.php",    "https://xxx.co.kr/shop/orderinquiry.php",    "https://xxx.co.kr/shop/wishlist.php",    "https://xxx.co.kr/shop/couponzone.php"];$current_url = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];?>


            <?php if (in_array($current_url, $urls_with_hamburger)) { ?>            <!-- 기존 햄버거메뉴-->            <button type="button" alt="메뉴열기" id="tog_gnb_mobile">                <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">                    <path d="M17 14C17.2549 14.0003 17.5 14.0979 17.6854 14.2728C17.8707 14.4478 17.9822 14.687 17.9972 14.9414C18.0121 15.1958 17.9293 15.4464 17.7657 15.6418C17.6021 15.8373 17.3701 15.9629 17.117 15.993L17 16H1C0.74512 15.9997 0.499968 15.9021 0.314632 15.7272C0.129296 15.5522 0.017765 15.313 0.00282788 15.0586C-0.0121092 14.8042 0.0706746 14.5536 0.234265 14.3582C0.397855 14.1627 0.629904 14.0371 0.883 14.007L1 14H17ZM17 7C17.2652 7 17.5196 7.10536 17.7071 7.29289C17.8946 7.48043 18 7.73478 18 8C18 8.26522 17.8946 8.51957 17.7071 8.70711C17.5196 8.89464 17.2652 9 17 9H1C0.734784 9 0.48043 8.89464 0.292893 8.70711C0.105357 8.51957 0 8.26522 0 8C0 7.73478 0.105357 7.48043 0.292893 7.29289C0.48043 7.10536 0.734784 7 1 7H17ZM17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1C18 1.26522 17.8946 1.51957 17.7071 1.70711C17.5196 1.89464 17.2652 2 17 2H1C0.734784 2 0.48043 1.89464 0.292893 1.70711C0.105357 1.51957 0 1.26522 0 1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H17Z" fill="#09244B"/>                </svg>            </button>        <?php } else { ?>            <!-- 아이폰 스타일 백버튼 --><button type="button" onclick="history.back();" alt="뒤로가기" id="back_button">    <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M10 1L2 8L10 15" stroke="#09244B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>    </svg></button>        <?php } ?>
    • 24
    • 오래 전
      2024.10.30
  • 오래 전
  • 자동링크 함수 정규식 수정 (Url 뒤에 괄호 등이 붙는경우 처리방식 개선)
  • 그누보드 원본에서 제공하는 자동링크 관련 입니다.
    2.1 패치에 포함하려고 했으나 수정해야되는 파일이 그누보드에서 업데이트가 자주 있는 핵심파일이라선택적으로 사용하실 수 있도록 코드를 알려드립니다.
    문제) @bank365님 제보댓글 등에서 http, https 를 포함한 링크 삽입시 아래와같은 형태인경우(https://naver.com) 마지막의 괄호가 포함되어 링크가 만들어지는 문제.
    해결)/lib/common.lib.php 256라인 의 함수를 아래와 같이 변경해주세요.
    Url 마지막에 ) ] } 문자가 있을때 링크에 포함하지 않습니다.
    [code]function url_auto_link($str){    global $g5;    global $config;
        $attr_nofollow = (function_exists('check_html_link_nofollow') && check_html_link_nofollow('url_auto_link')) ? ' rel="nofollow"' : '';    $str = str_replace(array("&lt;", "&gt;", "&amp;", "&quot;", "&nbsp;", "&#039;"), array("\t_lt_\t", "\t_gt_\t", "&", "\"", "\t_nbsp_\t", "'"), $str);        // 정규식 수정: URL 마지막에 ) ] } 문자가 올 경우 제외    $str = preg_replace("/([^(href=\"?'?)|(src=\"?'?)]|\(|^)((http|https|ftp|telnet|news|mms):\/\/[a-zA-Z0-9\.-]+\.[가-힣\xA1-\xFEa-zA-Z0-9\.:&#!=_\?\/~\+%@;\-\|\,]+)(?<![\)\]\}])/i", "\\1<A HREF=\"\\2\" TARGET=\"{$config['cf_link_target']}\" $attr_nofollow>\\2</A>", $str);        $str = preg_replace("/(^|[\"'\s(])(www\.[^\"'\s()]+)/i", "\\1<A HREF=\"http://\\2\" TARGET=\"{$config['cf_link_target']}\" $attr_nofollow>\\2</A>", $str);    $str = preg_replace("/[0-9a-z_-]+@[a-z0-9._-]{4,}/i", "<a href=\"mailto:\\0\" $attr_nofollow>\\0</a>", $str);    $str = str_replace(array("\t_nbsp_\t", "\t_lt_\t", "\t_gt_\t", "'"), array("&nbsp;", "&lt;", "&gt;", "&#039;"), $str);
        return run_replace('url_auto_link', $str);}[/code]
    감사합니다.
    • 23
    • 오래 전
      2024.10.24
  • 오래 전
  • mp4 파일 업로드 시 자동 재생 (스킨 파일 첨부)
  • +첨부 파일은rb.basic_bbs rb.gallery_bbs rb.notice_bbs (해당 게시판 미사용시 이 폴더는 지워주세요) rb.thumb_bbs 게시판의 view.skin.php 파일 입니다.소스편집 하기 귀찮은 분들은 파일만 덮어씌우기 해주세요(기존 올렸던 내용에 코드맹들을 위한 5개 업로드시까지 영상플레이 수작업 해놓았습니다.)=================================================
    게시판에 mp4파일이 첨부되어 있으면
    본문 내용 서 영상을 자동 플레이 시켜주는 팁입니다. mp4 업로드 시 자동 재생 할 게시판 폴더 안에 ex// /theme/rb.basic/skin/board/게시판스킨/ 혹은 /skin/board/게시판스킨/서 view.skin.php 파일을 찾은 후 가장 하단에 <!-- MP4 영상재생1  --><?php if (!empty($view['file'][0]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][0]['file']) != $view['file'][0]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][0]['path']."/".$view['file'][0]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?> 위 소스를 첨부하면 됩니다. ※ 추가 설명['file'][0]['file']['file'][0]['file'] 와 ['file'][0]['file']['file'][0]['path'] 와 ['file'][0]['file']에 들어간숫자 0 다섯 개 는첫 번째 첨부 파일로 mp4 업로드 시 영상 재생두 번째로 업로드한 mp4 파일을 영상 재생하려면 0을 모두 1로세 번째로 업로드한 mp4 파일을 영상 재생하려면 0을 2로 바꿔주면 됩니다.나머지 순번도 같은 방식으로 설정 하면 됩니다.※ 여러 개의 mp4 를 첨부하고자 할 경우 위 소스를 복사+붙여 넣기 후 "※ 추가 설명" 부분 숫자만 바꿔주세요. 저같은 경우 첨부파일 갯수를 최대10개로 작성후, 위소스를 10번 작성하여 "※ 추가 설명" 부분만 바꿔준후 10건안에 업로드된 영상만 플레이 되게 해놓았습니다. 친 형님께서 본 소스를 편집&제공해 주셨습니다.감사합니다. +파일첨부 5개 이하 동영상 플레이<!-- MP4 영상재생1  --><?php if (!empty($view['file'][0]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][0]['file']) != $view['file'][0]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][0]['path']."/".$view['file'][0]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?>
    <!-- MP4 영상재생2  --><?php if (!empty($view['file'][1]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][1]['file']) != $view['file'][1]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][1]['path']."/".$view['file'][1]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?>
    <!-- MP4 영상재생3  --><?php if (!empty($view['file'][2]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][2]['file']) != $view['file'][2]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][2]['path']."/".$view['file'][2]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?>
    <!-- MP4 영상재생4  --><?php if (!empty($view['file'][3]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][3]['file']) != $view['file'][3]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][3]['path']."/".$view['file'][3]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?>
    <!-- MP4 영상재생5  --><?php if (!empty($view['file'][4]['file'])): ?>    <?php if (str_replace('.mp4', '', $view['file'][4]['file']) != $view['file'][4]['file']): ?>        <script>        bo_v_con.innerHTML = "<video style='display:block;height:500px;width:auto;' src='<?php echo $view['file'][4]['path']."/".$view['file'][4]['file']; ?>' autoplay loop controls controlslist='nodownload'></video>" + bo_v_con.innerHTML;         </script>    <?php endif; ?><?php endif; ?>
    • 22
    • 오래 전
      2024.10.24
  • 오래 전
  • 모바일 안드로이드에서 바탕화면 설치 바로가기 만들기
  • 안녕하세요^^가입후 팁올립니다.모바일 안드로이드에서 바탕화면 설치 바로가기 만들기 팁올립니다.
    지원되는 모바일웹에서만 버튼이 표시되고 해당 버튼은 바로가기가 설치되면 자동 사라집니다.
    1. head.sub.php에  이것추가해주시구요
    <link rel="manifest" href="<?=G5_URL?>/manifest.json">

    2.root에 manifest.json파일 만들어 주고 이름설정해줍니다. 일단 급하신대로 src 이미지는 안넣어도 됩니다.
    {  "name": "xx홈페이지 바로가기",  "short_name": "xx홈페이지",  "start_url": "/",  "display": "standalone",  "background_color": "#ffffff",  "theme_color": "#000000",  "icons": [    {      "src": "xxxxxx/icon-192x192.png",      "type": "image/png",      "sizes": "192x192"    },    {      "src": "xxxxx/icon-512x512.png",      "type": "image/png",      "sizes": "512x512"    }  ]}
    3.검색옆에 +아이콘이 이버튼을 누르면 바탕화면바로가기 아이콘이 생깁니다.

    header.php 헤더상단에추가
    <button id="installButton" type="button" alt="바로가기 추가" class="mobile" style="padding-left:0px;" title="바로가기 추가">    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18ZM10 5C9.44772 5 9 5.44772 9 6V9H6C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11H9V14C9 14.5523 9.44772 15 10 15C10.5523 15 11 14.5523 11 14V11H14C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9H11V6C11 5.44772 10.5523 5 10 5Z" fill="#09244B"/>    </svg></button>                        
    <script>$(document).ready(function() {  // 버튼을 기본적으로 숨김  $('#installButton').hide();
      // PWA 설치 가능 여부 확인  if (window.matchMedia('(display-mode: standalone)').matches) {    // 이미 설치된 경우 버튼 숨기기    console.log('이미 홈 화면에 추가되었습니다.');    $('#installButton').hide();  } else {    // 설치 가능할 때 이벤트 발생    window.addEventListener('beforeinstallprompt', (e) => {      e.preventDefault();      deferredPrompt = e;
          // 지원되는 브라우저에서만 버튼을 보이게 함      $('#installButton').show();
          // 버튼 클릭 시 설치 프로세스 시작      $('#installButton').on('click', function() {        deferredPrompt.prompt();        deferredPrompt.userChoice.then((choiceResult) => {          if (choiceResult.outcome === 'accepted') {            alert('사용자가 홈 화면에 추가를 승인했습니다.');          } else {            alert('사용자가 홈 화면에 추가를 거절했습니다.');          }          deferredPrompt = null; // 이벤트 리셋        });      });    });  }});</script>
    • 21
    • 오래 전
      2024.10.23
  • 오래 전
  • 구글 애드센스 광고 없을 때 여백 없애기
  • 구글 애드센스를 넣었는데광고가 안뜰 때 그 공간이 여백으로 보지는데요.
    아래와 같이 넣어 주면광고가 없을 때는 여백 없이 나오고광고가 있을 때는 광고가 보여 집니다.
    좀 더 깔끔한 홈페이지 운영에 도움이 될 듯 합니다.

    /theme/rb.basic/rb.css/style.css
    ins.adsbygoogle[data-ad-status="unfilled"] {  display: none !important;}
    • 20
    • 오래 전
      2024.10.22
  • 오래 전
  • 새글 아이콘 출력 표시 (업데이트)
  • https://rebuilder.co.kr/tip/98
    기존에 작성한 팁 게시글에 왜 그대로 사용하지 못했는지에 대한 설명이 있어 아직 삭제는 안했습니다.운영진 분들의 판단 하에 기존 게시글을 삭제해주시면 감사드리겠습니다.
    기존보다 좀더 사용하기 쉽도록 함수가 개선 되었습니다.

    extend 폴더에 파일을 업로드 하신 후,
    헤더스킨(header.php)파일에서 $row2['me_link']; 구문을 찾아 메뉴를 출력하는 구문 끝에 아래와 같이 <?php echo get_bbs_new_ico($row2['me_link']);?>​를 추가해주세요.

    <li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?><?php echo get_bbs_new_ico($row2['me_link']);?></a></li>




    게시판의 경우에만 작동하도록 수정되었습니다.



    .gnb_new_ico {  display: inline-block;  border-radius: 5px;  background-color:#D90166 !important;  padding:0px 5px 2px 5px;  margin: -3px 0 0 2px;  line-height: 13px;  vertical-align: middle;  font-size: 9px;  color:#fff;}
    • 19
    • 오래 전
      2024.10.22
  • 오래 전
  • 메뉴에 새글이 있을경우 N 아이콘 표시
  • https://rebuilder.co.kr/qna/855삼다수님의 질문답변을 보고 만들었습니다.

    리빌더의 새글 아이콘은 get_new_ico("게시판 테이블 아이디", "카테고리 아이디") 함수를 통해 조건에 맞는 게시판에 새글이 있을 경우<span class="gnb_new_ico">n</span>​위와 같은 HTML 코드를 반환 합니다.

    그누보드5의 경우(혹은 리빌더의 또는 대다수의 경우) 메뉴관리에서 URL 전체의 링크로 저장되기 때문에 위 함수를 바로 사용하시기에는 작동할 수 없습니다.게시판 테이블 아이디를 따로 불러올 수 없기 때문입니다.
    그래서 생각한 방법이 현재 주소에서 게시판 아이디를 추출해서, 그 아이디를 메뉴를 출력하는 부분에서 get_new_ico 함수를 호출하면 되겠다 생각했습니다.

    첨부파일로 올려드리는 extend 파일을 extend 폴더에 넣으세요. (파일이름은 바꾸셔도 무방합니다.)해당 extend 파일에 작성되어 있는 코드는 URL을 받아서 URL에서 적절한 게시판 테이블 아이디를 반환해줍니다. (extract_bbs_name)(짧은주소 사용 여부에 따른 로직이 다르게 코드를 짜긴 했지만, 미사용의 경우 테스트하지 못했습니다.)
    extend 파일을 업로드 하였다면 사용하시는 헤더스킨 혹은 메뉴를 출력하는 곳으로 이동합니다. (본글에서는 basic 헤더 기준으로 설명합니다.)header.php 파일중 아래 구문을 찾아주세요.
    foreach( (array) $row['sub'] as $row2 ){
    바로 아래에 두줄의 코드를 삽입 해주세요.
    $menu_bo_table = extract_bbs_name($row2['me_link']);$newIcon = $menu_bo_table ? get_new_ico($menu_bo_table, "") : "";

    그럼 아래와 같은 모습입니다.
    $k = 0;foreach( (array) $row['sub'] as $row2 ){    $menu_bo_table = extract_bbs_name($row2['me_link']);    $newIcon = $menu_bo_table ? get_new_ico($menu_bo_table, "") : "";    if( empty($row2) ) continue;

    아래와 같이 소메뉴를 출력하는 구문을 바꿔주세요.
    기존<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>

    수정후<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?><?php echo $newIcon;?></a></li>

    그럼 사진과 같이 새글이 있는 곳에 n 글자가 보이게 됩니다.

    n에 대한 스타일링은 적절한 스타일시트 파일 (theme/rb.basic/rb.layout_hd/basic/style.css) 에 스타일을 정의 해주세요.

    .gnb_new_ico { 스타일 정의 }






    제가 글쓰는 솜씨가 없습니다...혹시 궁금하신 점 있으시면, 언제든 댓글 달아주세요.
    • 62829e37f35b17c752bf918c2342233c_1729591208_9479.png
    • 18
    • 오래 전
      2024.10.18
  • 오래 전
  • 회원제 사이트로 운영 할 때 회원 가입 및 로그인 수정 파일
  • 아래의 내용을 extend 폴더에 아무 이름으로 만들어서 올리기만 하면
    첫 화면 부터 로그인 하라는 페이지가 뜹니다.
    ex) define_login.extend.php
    HUMHAE 님께서 알려주셨습니다.


    <?php

    $allowed_paths = array(    '/bbs/login.php',    '/bbs/register.php',    '/bbs/register_form.php',    '/bbs/register_form_update.php',    '/bbs/password_lost.php');
    $current_path = $_SERVER['PHP_SELF'];
    if (in_array($current_path, $allowed_paths)) {    define('_LOGIN_PAGE_', true);}
    • 17
    • 오래 전
      2024.10.11
  • 오래 전
  • 리빌더 포인트랭킹 위젯(탈퇴 및 접근제한 회원 미출력 되도록 수정)
  • 교체가 필요한 파일 : G5/rb/rb.widget/rb.point_rank/widget.php
    기존의 포인트랭킹 위젯은 의도였는지 모르겠지만, 저의 경우 탈퇴 또는 접근제한 회원이 출력될 이유는 없어 수정했습니다.혹시라도 기존의 출력 방식 설정(행 또는 열 등)을 바꾸셨다면 추가 수정이 필요할 수 있습니다.
    • 16
    • 오래 전
      2024.09.25
  • 오래 전
  • 새로운 알림이 있을때 타이틀을 변경해주는 방법
  • 저 같은 경우, 탭을 여러개를 띄워두고 웹페이지 탐색을 합니다.이럴때 현재 새로운 알림이 왔는지 안왔는지 명시적으로 보여줄 수 있게,현재 탭이 활성화 되어 있지 않은 경우 타이틀에 "새로운 알림" 이라는 문구를 추가하여직접 탭을 들어가지 않고도 새로운 알림이 있는지 확인할 수 있도록 해줍니다.탭을 눌러 활성화 하면 자동으로 새로운 알림 타이틀은 삭제됩니다.
    단, 리빌더 파일 원본 수정이 필요합니다.수정 파일 : G5/rb/rb.mod/alarm/alarm.js

    예제 사진을 참고해주세요. 잘보다 보면 글자가 바뀝니다.

     
    • 15
    • 오래 전
      2024.09.20
  • 오래 전
  • 그누보드 내용관리에 리빌더 모듈 사용
  • 기존 그누보드의 내용관리를 리빌더의 모듈로 페이지를 구성할 수 있도록 도와줍니다.
    [중요] 사용 환경 조건 : 짧은주소(숫자)를 사용하신 환경에서만 적용됩니다.
    - 그누보드의 원본 수정이 필요하지 않습니다.- 본 자료를 적용하기 위해서는 https://rebuilder.co.kr/tip/71 이 게시글을 참고하여 리빌더를 수정하여야 합니다.  - 기존에 수정하신 분들은 추가적인 작업이 필요하지 않습니다.- 기본적으로 구성되는 서비스 이용약관, 개인정보 처리방침, 회사소개는 적용되지 않습니다.  - 기존에 별도로 추가하신 내용관리가 있으시다면 올려드리는 자료의 수정이 필요합니다.  - 내용관리에 입력 된 내용은 페이지 로드시 화면에 출력되지 않습니다.

    업로드 위치/extend/content_module.extend.php/rb/rb.mod/content_module

    모듈을 사용하지 않을 내용관리 추가 방법- 수정이 필요한 파일 : /extend/content_module.extend.php (13 line)- 모듈을 사용하지 않을 ID를 배열에 추가해줍니다.$not_used_ids = ["company", "privacy", "provision"];

    ​내용관리 타이틀을 숨기지 않는 방법 ​- 수정이 필요한 파일 : /rb/rb.mod/content_module/content_module.js (12-13 line)
    // 기존 내용관리 제목 삭제$("h2#container_title").remove()해당 구문 주석 및 삭제



    활용 예시별도로 파일을 추가로 만들지 않고, 고객센터 페이지를 구성할 수 있습니다.(ID : contact의 내용관리 페이지)본 예시 이미지는 내용관리로 생성된 페이지에서 리빌더의 모듈을 사용하는 예시를 보여드리기 위함입니다.
     


    질문이 있으시다면 편하게 댓글 달아주세요.
    • 14
    • 오래 전
      2024.09.12
  • 오래 전
  • 헤더 메뉴 흐림효과 추가 방법 (파일수정X)
  • 현재 사이트를 입맛대로 수정하면서 꽤 괜찮네? 싶어서 올려봅니다...현재는 스크롤을 하게되면 헤더메뉴에 컨텐츠가 비춰보입니다.
    관리자페이지 > 기본환경설정 > 레이아웃 추가설정 > 추가 script, css에 아래 코드를 붙여 넣어주십시오.
    [code]<script>    document.addEventListener('DOMContentLoaded', function() {        var headerElement = document.getElementById('header');                if (headerElement) {            headerElement.style.backdropFilter = 'blur(10px)';        }    });</script>[/code]

    * 적용 전

     

    * 적용 후 

     


    * 적용 방법

     
    • 27e4ca79039ce3542cea3c3ccda80633_1726118077_5384.png
    • 13
    • 오래 전
      2024.09.10
  • 오래 전
  • 원하는곳에 자유롭게 모듈을 구성할 수 있습니다.
  • 먼저 해당 파일은 리빌더 구성 파일을 직접적으로 수정하게 됩니다.수정되는 파일은 아래와 같습니다.- /theme/rb.basic/rb.js/rb.layout.js
    이 파일은 아래 제가 개선제안으로 남겼던 게시글에 대한 임시 해결책으로 수정한 파일입니다.https://rebuilder.co.kr/propose/495


    현재 리빌더 모듈은 HTML 내부에서 <div class="flex_box"></div>를 자동으로 감지하여 순서대로 div에 data-layout="1"의 숫자를 부여하고,DB에 해당 숫자랑 연계하여 모듈들의 설정을 저장하고 있습니다.그래서 메인이 아닌 다른 페이지에서 모듈을 사용하려고 flex_box를 사용하려는 순간 기존에 설정된 모듈들이 그대로 표시됩니다.그래서 해결책을 찾고자 해당 스크립트 파일을 변경하게 되었습니다.
    해당 스크립트로 사용하기 위해서는 기존 메인페이지 (theme/rb.basic/rb.layout/basic/index.php)에 지정된 div 태그를 약간 손봐야 합니다.
    기존 방식<div class="flex_box"></div>
    변경 방식<div class="flex_box" data-layout="main-content"></div>
    그리고 추후 다른 페이지에서 해당 div 태그 내의 모듈을 그대로 가져와 사용할경우 똑같이 data-layout="main-content"를 이용하면별도의 모듈을 추가하지 않고 해당 프리셋을 그대로 사용할 수 있습니다.
    만약 메인페이지에서 그대로 기존 모듈을 사용하고 싶으시다면 크롬의 개발자 도구를 통해 해당 flex_box의 data-layout의 숫자를 확인하여 그대로 입력하면그대로 적용할 수 있습니다.
    예제<div class="flex_box" data-layout="1"></div>


    data-layout에 들어가는 이름은 리빌더에 기존 사용되는 테이블의 md_id(VARCHAR(20))에 저장되니 글자수는 참고하여 이름을 정의하면 됩니다.



    제가 글솜씨가 없어서... 이렇게밖에 적지 못해서 죄송합니다.
    궁금하신점은 댓글 달아주시면 답변 드리겠습니다.

검색

게시물 검색
구매 신청
  • 구매문의 : [email protected] / 010-6466-3355
    신청 이후 담당자가 개별연락 드리고 있습니다.
    입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.
  • 결제예정 금액 : 0 (VAT별도)
    하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)

  •  
  • 신청 및 FCM 가이드
      안드로이드 웹앱 및 푸시알림을 사용하기위한 A-Z!
      잘 따라오시면 어렵지 않습니다.

      1. FCM (Firebase Cloud Messaging) 세팅하기

      1-1. 시작하기
      https://console.firebase.google.com?hl=ko 으로 접속하여 [시작하기] 를 클릭합니다. FCM은 구글계정이 있으면 무료로 사용 가능 합니다.




      1-2. 프로젝트 생성하기
      [프로젝트 시작하기] 를 클릭합니다.




      프로젝트의 이름을 설정합니다.
      앱이름(사이트명, 상호명)을 영문으로 입력하는것이 가장 좋습니다.
      입력하셨다면 [계속] 을 클릭해주세요.




      애널리틱스 사용설정을 활성화 해주시고(선택사항)
      [계속] 을 클릭해주세요.




      애널리틱스 위치를 [대한민국] 또는 거주국가를 선택하시고 약관 동의 후 [프로젝트 만들기] 를 클릭해주세요.




      프로젝트 생성이 완료 되었습니다. [계속] 을 클릭하시면 FCM메인페이지로 이동 합니다.




      1-3. 앱 생성하기
      이전 단계에서 프로젝트를 생성했습니다.
      이제 프로젝트안에 안드로이드 앱을 생성해보겠습니다.

      FCM 메인 중앙에 주황색 동그란 버튼이 3개 있습니다.
      가운데에 있는 (안드로이드 로고) 버튼을 클릭해주세요.




      버튼을 클릭하셨다면 앱등록 창이 오픈 됩니다.
      안드로이드 패키지 이름 및 앱 닉네임을 입력하세요.

      패키지 이름은 반드시 com.webview.앱영문명 으로 입력하셔야 합니다.
      com.webview. 를 반드시 넣어주셔야 합니다.
      입력 예) com.webview.rebuilder

      앱 닉네임은 사이트명이나 상호명, 앱이름 등을 입력해주시면 됩니다.
      디버그 서명은 입력하지 않아도 됩니다.

      입력을 마치셨다면 [앱등록] 을 클릭해주세요.
      다음페이지로 넘어간다면, 입력하신 패키지명 (com.webview.앱영문명) 을 메모장에 메모해주세요.





      [google-services.json 다운로드] 버튼을 클릭하셔서 파일을 다운받아 주세요.
      다운을 받으셨다면 [다음] 을 클릭해주세요.




      Groovy(build.gradle) 선택하신 후 [다음] 을 클릭해주세요.




      앱 생성이 완료 되었습니다.
      [콘솔로 이동] 을 클릭하시면 메인으로 이동 됩니다.




      1-4. 비공개 키파일 생성하기
      거의 다왔습니다. 조금만 더 힘내세요.
      저도 이거 작성하느라 무쟈게 힘들었습니다. 리빌더화이팅.

      화면 상단에 아까 입력하신 이름으로 앱이 생성된게 보이신다면,
      좌측 상단에 [프로젝트 개요] 메뉴 옆에 톱니바퀴 아이콘을 클릭하여
      [프로젝트 설정] 으로 이동해주세요.




      프로젝트 설정으로 오셨다면 상단 탭메뉴에서 [서비스 계정] 을 클릭하세요.





      화면 아래쪽에 있는 [새 비공개 키 생성] 을 클릭하세요.

      키파일은 버튼 클릭시 자동으로 다운로드 됩니다.
      중요한 파일이므로 파일을 타인에게 공개하거나 해서는 안됩니다.





      친절하게 중요한 파일임을 알려줍니다.
      [키 생성] 을 클릭하면 json 파일이 다운로드 됩니다.




      다운로드된 파일은 rebuilder-demo-a4cc0-firebase-adminsdk-au83h-41e4b5df03.json 과 같은식으로 저장됩니다.
      이름이 너무 긴 관계로 임의파일명으로 변경해주세요.
      가이드에서는 key.json 으로 설명하겠습니다.

      이제 준비는 모두 끝났습니다!
      바탕화면에 1-3에서 다운로드 했던 google-services.json 파일과,
      방금 이름을 변경했던 key.json 파일이 있다면 잘 하셨습니다. (파일아이콘은 무시해주세요. 다를 수 있습니다.)




      2. 리빌더 앱관리 설정하기

      2-1. 파일 업로드하기
      위 단계에서 이름을 변경했던 key.json 파일을 사용하시는 웹서버(웹호스팅)에 FTP 프로그램으로 접속하여 업로드 해주세요.
      업로드 위치는 /data/push/key.json 입니다.

      2-2. 앱관리 설정하기
      관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.
      [앱관리] 메뉴가 없다면 리빌더 공식홈페이지 > 부가기능 다운로드 에서 [안드로이드 하이브리드 웹앱 + Push 알림] 기능을 다운로드 후 설치해주세요.
      바로가기 > https://rebuilder.co.kr/membership/30

      설치가 되셨다면 관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.

      스크롤을 내리시면 [FCM 설정] 섹션이 있습니다.
      FCM 패키지명, FCM 프로젝트 ID, FCM 비공개키파일 항목을 모두 입력 하시고
      [확인] 을 클릭해주시면 설정은 마무리 됩니다.




      [FCM 패키지명]
      1-3 에서 설정했던 com.webview.앱영문명 을 입력하시면 됩니다.

      [FCM 프로젝트 ID]
      1-4 에서 이동했던 [프로젝트 설정] 페이지로 이동하시면 내 프로젝트 섹션에서 확인하실 수 있습니다. (스샷참조)

      [FCM 비공개키파일]
      위에서 임의파일명으로 변경했던 파일명 key.json 을 입력하시면 됩니다.




      고생하셨습니다. 모든 설정이 완료 되었습니다.
      1-3 에서 다운로드 했던 google-services.json 파일은
      신청서에 첨부해주셔야 합니다.


      창을 닫아주시고, 신청을 계속해주세요!