FAQ

  • [웹호스팅]https SSL 인증서 홈페이지에 등록하는 방법

    https://.... 주소로 홈페이지 접속하려면 오즈웹홈페이지/마이페이지/인증서관리에서 무료 인증서를 신청하시면 됩니다.

     

    추가로 http://홈페이지주소/ 으로 접속시 자동으로 https://홈페이지주소/ 으로 자동 이동하기를 원하면,

    오즈홈빌더/작업메뉴/사이트기본설정에서 "SSL 보안" 체크, SSL Port: 443, "메인페이지 적용" 체크하시면 됩니다.

  • [오즈홈빌더]하나의 페이지에서 상하 스크롤 시 항상 따라다니는 인디케이터 보여주기

    한 페이지에서 상하 스크롤 할때 아래 이미지 우측처럼 스크롤 위치를 인디케이터 또는 메뉴로 보여주려면 다음과 같이 하시면 됩니다.

     

    cell_id.gif

     

     

    먼저 메뉴관리에서 인디케이터로 보여줄 더미용 보조메뉴를 생성합니다.

    여기서 중요한것이 메뉴종류는 "현재창으로 링크"로 선택하시고,

    "메뉴옵션"란에 위 화면처럼 각 셀 속성에서 보이는 ID 앞에 #을 붙인 주소를 지정하면 됩니다.

    cell_menu.gif

     

     

    그런다음 세로메뉴모듈을 적당한 위치에 등록하면 되는데요,

    보통은 화면 우측 중간에 항상 보여주려면 아래화면처럼 위치값을 절대위치로 지정하면 됩니다.

    스크롤에 관계없이 고정된 위치에 보여주기 위해서 "스크롤 여부에 관계없이..." 옵션을 체크합니다.

    cell_position.gif

     

     

     

    추가로 상단 외부여백을 -80을 주었는데, 이것은 세로메뉴 인디케이터의 높이가 160px 인경우 앞 화면에서 지정한 top 위치(50%)에서 세로메뉴높이의 절반크기만큼은 더 들여놓아줘야 중앙에 위치하기 때문에 이렇게 합니다. 이해 되시죠?

    cell_margin.gif

     

    cell_size.gif

     

     

    마지막으로 생성한 셀에 아래와 같은 스타일로 세로메뉴모듈을 넣으면 자동으로 화면 스크롤에 따라 현재 화면에 위치한 내용에 맞게 인디케이터가 하이라이트 됩니다.

    menu_module.gif

     

     

  • [오즈홈빌더]마우스휠 조작으로 화면별로 상하 스크롤 시키는 방법

    간단합니다.

     

    1. 먼저 오즈홈빌더 작업화면/작업메뉴/페이지설정/컨테이너효과 탭에서 "Mouse Wheel Vertical Scrolling" 옵션을 체크하세요.
    2. 그런다음 각 셀 속성/크기탭에서 셀의 높이를 "자동할당" 체크를 해제하고,

    높이를 100 % 로 지정만 하시면 됩니다.

     

    즉, 각 셀의 높이가 100%인 최상위 부모셀의 형제셀들을 위아래로 구성하여 레이아웃을 꾸미면 자동으로 마우스휠 스크롤시 자동으로 각 셀 화면별로 스크롤위치가 이동됩니다.

     

    추가로 이동위치를 알려주는 인디케이터를 보여주려면 여기를 참고하세요.

  • [웹호스팅]https://홈페이지주소 접속이 차단됩니다.

    도메인이 mydomain.co.kr 인경우,

    http://mydomain.co.kr 은 정상적으로 접속이 되지만, https://mydomain.co.kr 은 접속이 되지 않거나 관계없는 사이트가 보이는 경우는 다음과 같은 경우입니다.

     

    1. SSL 인증서를 설정하지 않아서 https:// 접속주소 자체가 없는 경우.
      웹호스팅 서비스를 받는 경우 기본적으로 http:// 접속주소만 제공합니다.
      https:// 주소를 이용하기 위해서는 SSL 인증서를 설정해야합니다.
      SSL 인증서는 유료인증서와 무료인증서가 있습니다.
      [오즈웹/마이페이지/인증서관리]에서 무료 인증서를 발급받을 수 있습니다.
       
    2. 무료 또는 유료 인증서를 설정한 경우 https:// 주소로 접속이 가능하게 됩니다.
      단, 여기서 주의하셔야 할것이 https:// 접속은 각 사이트별로 고유한 포트번호를 할당받게 됩니다.
      할당받은 포트번호가 44399 인경우 https:// 접속주소는 https://mydomain.co.kr:44399 가 되는겁니다.
      https://mydomain.co.kr 주소는 실제는 https의 기본포트번호 443이 생략된 주소로 실제는 https://mydomain.co.kr:443 와 같습니다.
      그렇기 때문에 포트번호를 생략하거나 할당받지 않은 다른 포트번호를 지정하여 접속하면 엉뚱한 사이트로의 접속을 하려는것이기 때문에 웹브라우저에서 "접속주소와 발급받은 인증서의 도메인이 다르다"는 의미의 경고페이지가 나오는것입니다.

      즉, 위와 같이 인증서를 설정한경우 mydomain.co.kr 으로 접속가능한 주소는 다음과 같습니다
      1. http://(www.)mydomain.co.kr
      2. https://(www.)mydomain.co.kr:44399
         

    ※ http://mydomain.co.kr 으로 접속시 자동으로 https://mydomain.co.kr:44399 처럼 SSL이 적용된 https 주소로 이동하게 하려면 오즈홈빌더로 만든 사이트에서는 빌더/작업메뉴/사이트기본설정에서 "SSL 보안" 옵션 체크하고 포트번호 지정후 "메인페이지 적용" 옵션을 체크하면 됩니다.

  • [웹호스팅]FTP / SSH 접속 방법

    오즈웹 호스팅 서비스에서 FTP 는 기본제공하지만 SSH는 보안상 기본 비활성화 되어있습니다.

    SSH 접속을 하시려면 [오즈웹/마이페이지/웹호스팅관리/서비스접속정보] 메뉴에서 먼저 활성화 시켜야 합니다.

     

    또한 FTP 및 SSH 접속은 사전에 등록해놓은 허용된 IP 에서만 접근 가능하므로

    [오즈웹/마이페이지/웹호스팅관리/서비스접속정보] 메뉴에서 허용할 IP를 등록하셔야 합니다.

    (최초 호스팅 신청시 IP는 자동 등록됩니다.)

  • [웹호스팅]다음 스마트워크를 이용한 고유 도메인 이메일 사용법

    다음 스마트 워크 설정 절차

    • http://mail2.daum.net/hanmailex/domain.html 에서 신청합니다.
    • [네, 도메인이 있습니다] 또는 [기업/기관용 신청하기] 클릭하여 화면 안내대로 신청서를 작성합니다.
    • 진행 과정중 사용하려는 도메인의 MX 레코드를 변경하라는 안내페이지가 나옵니다.MX 레코드 설정하기 에서 쉽게 MX 값을 변경하실 수 있습니다.
      오즈웹에서 도메인 등록시 MX 값을 기본 다음스마트워크를 사용하도록 설정되어 있습니다.
    • 신청완료후 [서비스 관리]탭에서 [회원 계정 관리]를 클릭하셔서 고유도메인으로 메일을 사용할 구성원을 [회원 초대] 하시면 됩니다.
    • 이렇게 구성원으로 등록된 회원은 본인의 다음 메일서비스로 로그인시 해당 메일주소로 수신받는 메일박스로 추가로 보이며, 메일 발송시에도 해당 고유도메인의 메일주소로 메일을 보내고 받으시게 됩니다.
  • [오즈홈빌더]네이버 웹마스터도구를 이용하여 사이트 등록하기

    네이버의 사이트등록 및 수집 정책이 2016년도부터 바꼈습니다.

    기존에는 네이버 페이지 하단의 [사이트등록]에서 원하는 타이틀 및 키워드를 입력하여 사이트를 추가할 수 있었지만,

    이제는 네이버웹마스터도구(http://webmastertool.naver.com/) 사이트에서 사이트를 추가후 네이버 검색로봇이 필요한 내용을 수집하여 사이트가 등록되도록 바꼈습니다.

     

    네이버웹마스터도구를 이용하여 사이트를 등록하기 전에 먼저 홈페이지 최적화 안내에 따른 최소한의 설정여부를 확인해주세요.

     

    1. 네이버웹마스터도구에 처음 접속시 아래와 같이 사이트를 추가하는 화면이 나옵니다.
      간단히 등록을 원하는 홈페이지 주소 입력합니다.

      nwm1.gif
       
    2. 다음 화면에서 사이트 소유자 확인 화면이 나옵니다.
      사이트 소유 확인은 네이버에서 제공하는 인증파일을 홈디렉토리에 올려놓는 방법과,
      네이버에서 알려주는 HTML태그를 메인 페이지의 헤더에 삽입하는 방법이 있습니다.
      여기서는 인증파을 다운받아 홈디렉토리에 올려놓고 인증하는 방법을 설명드립니다.
      아래 화면처럼 인증파일(naver30932fe9c01ecb2a10f48289d91a2ca7.html 처럼 naver 로 시작하는 기다란 파일)을 다운받은 다음 FTP로 www 홈디렉토리에 올려놓으면 됩니다.
      FTP 사용법을 모르시는 경우는 오즈웹/마이페이지/웹호스팅관리/서비스접속정보 메뉴에서 [웹FTP접속]을 통해 홈디렉토리에 바로 [올리기]를 하시면 됩니다.

    3. nwm2.gif
       
    4. 이렇게 사이트 소유확인이 완료되면 사이트 등록 신청은 완료된겁니다.
      추가적으로 사이트맵을 제출하는등의 메뉴가 있지만, 홈페이지상에서 링크가 없는 페이지에 대한 검색을 필요로 하지 않는 경우라면 굳이 사이트맵을 제출할 필요는 없습니다. 보통은 검색로봇이 메인페이지를 기준으로 링크를 모두 이동하여 수집을 하기 때문이죠.
      하여간 굳이 사이트맵을 제출해야 한다면 아래와 같이 사이트맵 제출화면에서 제출 가능합니다.

      그 전에 먼저 사이트맵을 생성해야겠죠. 오즈홈빌더에서 사이트맵 생성은 오즈홈빌더 작업화면에서 [작업메뉴/회원및 게시물관리] 대시보드(http://홈페이지주소/bulder/admin/)에서 좌측하단의 [sitemap.xml 생성 및 제출]메뉴에서 생성 가능합니다.

      nwm3.gif
       
    5. 이와 같이 웹마스터도구에서 사이트를 추가했다고 해서 네이버에 사이트가 바로 노출된다는 보장은 아닙니다.
      이후 네이버 검색로봇이 실제 사이트를 방문하여 정보를 수집하여 네이버에 노출시킬지를 판단하게 됩니다.
      그러므로 무엇보다 우선해야 할것이 홈페이지에서 수집해갈 정보가 있도록 꾸미는것이 중요하겠죠.
       
    6. 이렇게 했는데도 네이버 [사이트]탭에 사이트등록이 안될때는 [사이트 등록 요청] 메뉴 하단의 "[클릭]하여 접수하기"를 이용해보세요.
  • [오즈홈빌더]홈페이지 검색 최적화

    홈페이지가 검색사이트에서 검색이 되기위한 최적화 방법은 검색해보시면 많은 내용이 나옵니다.

    여기서는 그러한 설정방법을 오즈홈빌더에서는 어떻게 설정할 수 있는지를 알아보겠습니다.

     

    1. 페이지 타이틀 설정
      오즈홈빌더에서는 별도로 각 페이지의 타이틀을 지정하지 않는경우, 해당 페이지의 메뉴명이 타이틀로 보여지게 됩니다.
      메인페이지의 경우는 메뉴명이 존재하지 않기 때문에 홈페이지 도메인이 페이지 타이틀로 보여집니다.
      물론 이러한 타이틀은 별도로 지정가능합니다.
      오즈홈빌더 작업화면에서 작업메뉴/페이지설정메뉴중 [헤더]탭에 보시면 "Title" 체크박스가 있습니다. 체크후 원하는 타이틀명을 지정하면 됩니다. 모든페이지에 같은 타이틀이 보이기를 원하면 하단의 "모든 페이지에 적용" 체크를 하고 저장하면 되지만, 번거롭더라도 타이틀은 각 페이지에 맞는 타이틀을 각각 지정하는게 검색에 유리합니다.

      header.gif


       
    2. 페이지 키워드(Keywords) 및 설명(Description) 설정
      검색 최적화의 기본중의 기본이죠.
      각 페이지가 어떤 내용을 포함하고 있는지에 대한 간단한 설명과 키워드를 지정합니다.
      오즈홈빌더에서는 1번과 마찬가지로 작업메뉴/페이지설정/헤더탭에서 설정합니다.
      "Meta Keyword" 체크박스를 체크하고 설명 및 키워드란에 해당 페이지에 맞는 내용을 지정하면 됩니다.
       
    3. 텍스트 내용은 목차 및 중요도에 따라 적합한 태그를 사용합니다.
      내용을 입력할때는 제목 ,부제목 및 설명에 맞는 태그를 지정합니다. 가령 제목에는 H2 태그를 적용하고, 부제목 또는 하위 목차(인덱스)에는 h3 로 적용하는등 의미에 맞는 태그를 적용합니다.
      H1이 제일 상위 목차(보통 홈페이지 로고등에 사용)이고, H2, H3, H4 등의 순으로 하위 목차를 의미합니다.
      검색로봇은 이러한 헤더태그(H1,H2,H3...)가 있는 부분을 중요하게 생각하게 정보를 수집하게 됩니다.

      editor.gif

       
    4. 가능한 내용은 텍스트로, 부득이 이미지로 넣어야 한다면 이미지에 설명을 넣으세요.
      이미지는 검색로봇이 이해할수 없는 내용이기 때문에, 이미지로만 구성된 페이지는 검색에 불리합니다.
      이미지를 사용해야 하는 경우는 이미지에 alt 태그에 해당 이미지에 대한 설명문을 지정하여 최소한이라도 해당 이미지가 어떤내용인지를 검색로봇이 이해할수 있게 설정하는게 좋습니다.
      오즈홈빌더 웹에디터에서는 이미지의 속성중 "이미지 설명" 항목에 해당이미지에 대한 설명문을 넣을 수 있습니다.

      alt.gif

       

    [참고]

     

  • [오즈홈빌더]빌더에서 작업한 내용이 홈페이지에는 적용이 안됩니다.

    오즈홈빌더에서 작업하는 내용들은 [작업메뉴/홈페이지에 적용하기]를 누르기 전까지는 실제 홈페이지에 반영되지 않습니다.

    즉, 빌더화면에서는 작업한 내용이 그대로 보이는데, 실제 홈페이지에는 아직 반영되지 않고 있는거죠.

     

    그러므로 빌더에서의 작업은 언제든 접속해서 하시면 됩니다.

    빌더에서 작업하다 웹브라우저를 종료하더라도 빌더상에 작업한 내용은 그대로 유지됩니다.

    언제든 다시 빌더에 접속해서 이어 작업하시면 됩니다.

     

    최종적으로 지금까지 빌더상에서 작업한 내용을 실제 홈페이지에 반영하고자 할때 [작업메뉴/홈페이지에 적용하기]를 누르시면 되는 겁니다.

     

    단, 다음과 같은 내용은 빌더에서 작업하더라도 실제 홈페이지에도 실시간으로 반영됩니다.

    • 게시판, 쇼핑몰, 팝업창등에 등록/수정/삭제하는 경우
    • 이미지등의 파일을 같은 이름으로 덮어 쓰는 경우
  • [오즈홈빌더]빌더 접속 및 운영자 회원 로그인 계정 차이점

    오즈홈빌더에는 두가지의 로그인 계정이 있습니다.

     

    1. 회원 계정 : 홈페이지상에서 회원 로그인용 계정. 말 그대로 일반적인 회원로그인이죠.
    2. 빌더접속 계정 : 빌더 및 대시보드 접속시 사용하는 계정.


    회원 계정과 빌더 접속 계정은 별개입니다.

    다만 최초 오즈홈빌더 설치시 지정하는 관리자 아이디와 비번정보로 운영자등급의 회원계정 및 빌더접속계정이 같은 정보로 생성될 뿐입니다.

    그러므로 나중에 회원 계정의 비밀번호를 바꿨다고 해서 빌더 접속계정의 비밀번호까지 변경되는것은 아닙니다.


    빌더 접속 계정은 빌더접속후 [작업메뉴/빌더접속계정관리] 메뉴에서 추가/수정/삭제 하실 수 있습니다.

    회원 접속 계정은 본인의 회원정보는 로그인후 마이페이지에서 수정 가능하며, 전체 회원리스트는 [작업메뉴/회원 및 게시물관리] 메뉴에서 관리 가능합니다.

  • [도메인]도메인 레코드(CNAME,MX,A,TXT,SPF) 수정

    마이페이지/도메인관리/DNS관리 메뉴에서 자유롭게 설정 가능합니다.

  • [오즈홈빌더]빌더 작업화면이 깨졌을때 복구방법

    HTML삽입모듈등으로 삽입한 javascript 이나 html 코드의 오류로 인하여 빌더 작업화면까지 제대로 나오지 않는 경우가 있습니다.

    이 경우 셀속성이나 모듈환경설정으로 접근할수 있는 메뉴조차 나오지 않기 때문에 수정할 방법이 없죠.

    이때는 다음과 같이 해보세요.

     

    1. 먼저 웹브라우저의 주소에서 menu_id=1 과 같이 되어있는 부분을 menu_id=2 처럼 바꿔서 접속해보세요.
      위의 경우는 메인페이지가 문제가 될때 모바일용 메인페이지로 이동하는겁니다.
      menu_id=1 은 PC용 메인페이지, menu_id=2 는 모바일용 메인페이지입니다.
    2. 이동한 페이지에선 제대로보이면 작업메뉴/환경설정에서 "모듈숨기기"를 체크하세요.
      그럼 모듈이 나오지 않으므로 빌더화면은 제대로 나오죠.
    3. 이제 다시 문제가된 페이지로 이동후(작업메뉴/편집할페이지선택) 문제가된 모듈을 수정하거나 석제하시면 됩니다.
    4. 마지막으로 작업메뉴/환경설정에서 다시 "모듈숨기기" 체크를 해제하면 됩니다.

     

  • [웹호스팅]robots.txt 파일 설정으로 검색사이트 노출 또는 차단하기

     

    홈디렉토리에 robots.txt 파일명으로 저장하여 검색로봇의 접근여부를 설정할 수 있습니다.

    홈디렉토리란 FTP 접속시의 홈디렉토리가 아닌 웹서버상의 홈디렉토리(www 폴더)입니다.

    즉, http://홈페이지주소/robots.txt 처럼 접속시 해당 내용이 보여야 합니다.

     

    사용법은 다음과 같습니다.

     

    • 모든 검색로봇 접근을 차단할때(검색사이트에 노출되고 싶지 않을때)

      User-agent: *
      Disallow: /
       
    • 특정 폴더만 접근을 차단할때(/pages/upload/ 하위 모든 파일의 접근을 차단합니다.)
      오즈홈빌더로 홈페이지 제작시 /pages/upload 폴더는 첨부파일이 저장되는곳으로 해당 폴더까지 검색로봇이 검색시 과도한 트래픽을 유발할 수 있습니다.
      /cgi_bank, /builder 등 오즈홈빌더에서 사용하는 폴더도 검색에서 제외하고자할때 Disallow 문을 여러줄에 걸쳐 추가가능합니다.

      User-agent: *
      Disallow: /pages/upload/
      Disallow: /cgi_bank/
      Disallow: /cgi_bank_wiz/
      Disallow: /builder/

     

    첨부한 예제 robots.txt 을 참고하여 원하는 robots.txt 텍스트 파일을 생성후 FTP 로 위에 설명한 웹상의 홈디렉토리(www 폴더)에 올려놓으시면 됩니다.

  • [오즈홈빌더]이미지박스간 스크롤 동기화 시키는 방법

    한페이지에 두개의 이미지박스모듈을 사용시 A 모듈에서 스크롤 될때 B 모듈에도 똑같이 스크롤되게 하는 방법입니다.

    아래 얘제는 모듈번호가 149번인 이미지박스 모듈에서 스크롤발생시 147번 이미지박스 모듈에서도 자동으로 같은위치의 이미지가 스크롤되어 보이게 하는 예제입니다.

     

    <script>
    function sync_slide() {
     $("#notice_149").trigger("configuration", {
      scroll:{
       onBefore: function(data) {
        $('#notice_147').trigger('slideTo', $("#notice_149").triggerHandler("currentPosition"));
       }
      }
     });
    }

    jQuery(document).ready(function() {
     setTimeout(sync_slide,2000);
    });
    jQuery(window).bind('resize', function() {
     setTimeout(sync_slide,2000);
    });
    </script>

  • [오즈홈빌더]배경이미지를 자동변화시키기

    기본적으로 배경이미지에 대해 스크롤시키거나 점점 사라졌다 나오게 할수 없습니다.

    대신 다음과 같은 개념으로 점점 사라졌다 다른 배경이미지로 나오는 효과를 줄 수 있습니다.

    전체화면의 배경이미지에 효과를 줄때 유용한 방법이겠죠.

     

    기본개념은 배경이 보일 셀의 자식셀을 추가로 만들어 해당 자식셀에도 배경이미지를 설정한후 해당 셀의 불투명도를 0(완전투명)으로 바뀌게하는 애니메이션효과를 주어 부모셀의 배경이미지가 보이게 하는겁니다.

     

    사전 설정해야할 부분

    • 아래 예제는 bg_1.jpg, bg_2.jpg, bg_3.jpg 총 3개의 이미지를  /img 폴더에 올려놓았다고 가정합니다.
    • 부모셀(대부분 div 태그를 사용하겠죠.) 의 ID 를 "부모셀" 로 지정했다고 가정합니다.
    • 자식셀의 ID 는 "자식셀"로 지정했다고 가정합니다.
    • 부모셀의 스타일은 position:relative; background:url(/img/bg_2.jpg) no-repeat center center; background-size:cover;
    • 자식셀의 스타일은 position:absolute; left:0; top:0; background:url(/img/bg_1.jpg) no-repeat center center; background-size:cover; width:100%; height:100%

     

    [예제]


    <script>
    jQuery(document).ready(function() {

    //배경이미지 개수. 이미지 개수를 달리할때 이부분만 수정하면 됩니다.

    var bgimg_cnt=3;

     

    //첫애니메인션에서 보여줄 이미지순서
    var bgimg_id=1;

     

    function replace_bg() {

     

    //1000(1초) 간 자식셀을 투명하게 만듭니다. 그러면 그 아래에 있는 부모셀의 배경이미지(두번째이미지)가 보이겠죠.

    $('#자식셀').animate({'opacity':0}, 1000, function() {

     

    //투명하게된 자식셀을 다시 불투명하게 복귀시키면서 부모셀에 지정했던 배경이미지를 자식셀에 똑같이 지정합니다.

    $('#자식셀').css({'background-image':'url(/img/banner_'+(bgimg_id+1)+'.jpg)', 'opacity':1});

     

    //다음에 보여줄 이미지순서를 계산

    bgimg_id=(bgimg_id+1) % bgimg_cnt;

     

    //부모셀에(현재는 자식셀에 가려져서 안보이겠죠.) 다음에 보여줄 배경이미지를 지정합니다.
    $('#부모셀').css({'background-image':'url(/img/banner_'+(bgimg_id+1)+'.jpg)'});

    });

     

    //다시 5초뒤에 배경이 바뀌게 호출함
    setTimeout(replace_bg, 5000);

    }

     

    //5초뒤에 다음 이미지로 보이게 합니다.
    setTimeout(replace_bg, 5000);

    });

    </script>