홈앤숍

기본설정 안내 매뉴얼

전체 사이트에 공통 적용되는 환경설정입니다.전체 내용을 등록하신 후 반드시 백업하시기 바랍니다. 변경할 때마다 업데이트 하는 것이 좋습니다. 기본설정은 사이트 전체에 영향을 주기 때문에 매우 중요합니다. 수정작업을 하기 전에 먼저 백업상태를 확인해보시기 바랍니다. 기본설정 수정 작업 과정에 실수가 있을 수 있고, 사이트 전체의 레이아웃이 망가질 수도 있습니다.

"파비콘"은 부라우저의 최상단 탭에 노출되는 아이콘입니다. 회사의 브랜드를 상징할 수 있는 이미지를 사용합니다. "사이트 타이틀"은 부라우저의 최상단 탭에 노출되는 사이트 이름입니다. 회사 이름 또는 대표상품 명 등을 사용할 수 있습니다.

로고

파비콘

사이트 타이틀

"meta_author"는 검색 엔진에 페이지 소유/저작권에 대한 정보를 제공합니다. 회사나 단체 이름 등을 사용할 수 있습니다.

meta_author

"meta_keyword"는 검색 엔진에 콘텐츠에 대한 정보를 제공합니다. 사이트 컨텐츠를 정의할 수 있는 단어들을 사용할 수 있습니다.

meta_keyword

"meta_description"는 검색 엔진에 콘텐츠에 대한 설명을 제공합니다. 사이트 컨텐츠에 대한 설명을 사용할 수 있습니다.

meta_description

"google_analytics"는 구글에서 제공하는 웹사이트 서비스입니다. 구글에서 제공하는 태그를 등록합니다.

google_analytics

"meta_tags"에는 기타 필요한 메타태그를 입력할 수 있습니다.

meta_tags

사이트 전체에 적용되는 css를 등록합니다. 해더영역에 삽입됩니다. "<style> </style>" 은 제외하고 입력하세요!!

사이트 전체 Css 코드-top

body{
            font-family: 'Noto Sans KR' !important;
            font-style: normal;
        }

.main{ background-color: #ffffff; }
 footer{ z-index:-1; }
 #alert_box{
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            width: 100%;
            height: auto;
             padding: 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            background-color: #e5ebf9;
            cursor: pointer;
        }
        #alert_box strong {
            width: 100%;
            font-size: 14px;
            font-weight: 300;
            line-height: 24px;
            color: #212020;
            text-align: center;
            margin-bottom: 10px;
        }

#alert_box .close_span{
            padding: 5px 15px;
             font-size: 14px;
            font-weight: 300;
            line-height: 22px;
            color: #212020;
            background-color: #ffffff;
        }

사이트 전체에 적용되는 css를 등록합니다. 푸터영역에 삽입됩니다. "<style> </style>" 은 제외하고 입력하세요!!

사이트 전체 Css 코드-bottom

사이트 전체에 적용되는 스크립트를 등록합니다. 해더영역에 삽입됩니다. "<script> </script>" 는 제외하고 입력하세요!!

사이트 전체 js 코드-top

jQuery("body").prepend('<div id="preloader"><span class="loading"></span><p style="font-size: 18px; margin-top: 20px;">불러오는 중...</p></div>');
    jQuery(document).ready(function() {
        setTimeout(function() {
            jQuery("#preloader").fadeOut(500);
        }, 300)
    });

$(function () {

$('#telnum').keydown(function (event) {
                var key = event.charCode || event.keyCode || 0;
                $text = $(this);
                if (key !== 8 && key !== 9) {
                    if ($text.val().length === 3) {
                        $text.val($text.val() + '-');
                    }
                    if ($text.val().length === 8) {
                        $text.val($text.val() + '-');
                    }
                }

return (key == 8 || key == 9 || key == 46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105));
            })
        });

사이트 전체에 적용되는 스크립트를 등록합니다. 푸터영역에 삽입됩니다. "<script> </script>" 는 제외하고 입력하세요!!

사이트 전체 js 코드-bottom

사이트 전체에 적용되는 css 파일의 링크를 등록합니다. 해더영역에 삽입됩니다. "전체코드" 를 입력하세요!!

사이트 전체 Css 파일 링크-top

사이트 전체에 적용되는 css 파일의 링크를 등록합니다. 푸터영역에 삽입됩니다. "전체코드" 를 입력하세요!!

사이트 전체 Css 파일 링크-bottom

사이트 전체에 적용되는 js 파일의 링크를 등록합니다. 해더영역에 삽입됩니다. "전체코드" 를 입력하세요!!

사이트 전체 js 파일 링크-top

사이트 전체에 적용되는 js 파일의 링크를 등록합니다. 푸터영역에 삽입됩니다. "전체코드" 를 입력하세요!!

사이트 전체 js 파일 링크-bottom

메인페이지에만 적용되는 css 파일의 링크를 등록합니다. 해더영역에 삽입됩니다. "전체코드" 를 입력하세요!!

메인 Css 파일 링크 - 메인에만 적용

메인페이지에만 적용되는 js 파일의 링크를 등록합니다. 푸터영역에 삽입됩니다. "전체코드" 를 입력하세요!!

메인 js 파일 링크 - 메인에만 적용

해더에만 적용되는 css 파일의 링크를 등록합니다. 해더영역에 삽입됩니다. "전체코드" 를 입력하세요!!

해더css 파일 링크 - 전체 적용

해더에만 적용되는 js 파일의 링크를 등록합니다. 푸터영역에 삽입됩니다. "전체코드" 를 입력하세요!!

해더 파일 링크 - 전체 적용

처음에는 세팅백업을 합니다.
이후에는 업데이트 백업만 하시면됩니다.

세팅 백업 업데이트 백업

백업 리스트

백업 날짜

업데이트 날짜

편집

2022-09-08 10:50:41

삭제 복구

2022-07-20 06:07:11

삭제 복구

"회원가입"의 입력항목을 추가할 수 있습니다.

이름: 안함

회사명: 안함

전화: 안함

주소: 안함

약관

이용약관을 등록하실 수 있습니다. 여기에 입력된 약관은 회원가입페이지에 노출됩니다.

개인정보 보호정책

개인정보보호정책을 등록하실 수 있습니다. 여기에 입력된 정책은 회원가입페이지에 노출됩니다.