VION [비온]

faq

Total 57건

Q. (아임웹) 갤러리 위젯에 인스타그램 연동하기
갤러리 위젯에 사용자의 인스타그램 계정을 연동하여 인스타그램 포스트를 불러올 수 있습니다. 연동 완료 후 새로운 인스타그램 포스트를 올리면 갤러리 위젯에도 따라서 올라갑니다.
참고: 인스타그램에 올린 새 포스트가 웹사이트의 갤러리 위젯에 표시되기 까지 약간의 시간이 소요될 수 있으며, 공동게시물은 갤러리 위젯에 연동되지 않습니다.
설정방법
1. 디자인 모드에 접속합니다. 접속방법
2. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭하고, 갤러리 위젯을 추가합니다.
3. 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
4. 위젯 컨텍스트 메뉴가 나타나면 갤러리 설정을 클릭합니다.
5. 갤러리 연동 항목에서 이름 없는 갤러리를 클릭합니다.
6. 드롭다운 메뉴에서 인스타 계정에서 가져오기를 클릭합니다.
7. 설정 창 상단에 인스타그램 연동하기를 클릭합니다.
8. 인스타그램 계정으로 로그인합니다. 디자인 모드를 사용 중인 브라우저(예: Google 크롬)에서 인스타그램에 이미 로그인한 경우 이 단계는 자동으로 넘어갈 수 있습니다.
  참고: 새 인스타그램 계정으로 로그인 해야 하는데 기존 계정으로 계속 로그인 되는 경우, 인스타그램 연동 시 계속 이전 계정으로 자동 연결됩니다 도움말을 확인해 주시길 바랍니다.
9. (선택 사항) 로그인 정보 저장 창이 나오면 정보 저장 또는 나중에 하기를 선택할 수 있습니다. 정보 저장을 클릭하면 다음에 브라우저에서 인스타그램 접속 시 로그인이 유지됩니다. 어느 것을 선택해도 무방합니다.
10. 인스타그램과 연동 정보 공유 확인 창이 나오면 허용 버튼을 클릭합니다.
11. 갤러리 위젯에 내 인스타그램 계정의 포스트가 표시됩니다.
Q. 아임웹 홈페이지 제작 의뢰 유형

방법1: 에이전시에서 사이트 작업 후 소유권 양도받기

고객이 아직 아임웹으로 사이트를 만들지 않았을 경우

1. 고객사 홈페이지 제작을 위해 샘플 사이트를 생성합니다

2. 샘플 버전으로 작업을 시작합니디.

(샘플 버전의 사이트는 소유자를 변경할 수 없으며, 일반 버전 사이트로 복제/변경하여 소유자를 변경할 수 있습니다)

3. 사이트 작업 완료 후 소유자를 고객사로 변경합니다

소유자 변경 방법

1) [리셀러 관리자 페이지 > 사이트 관리 > 사이트 목록]에서 우측 ‘정보’ 버튼을 클릭.

2) [등록정보 > 소유자] 우측 ’변경’ 버튼을 클릭하여 소유자 계정을 변경합니다.

아임웹에 가입된 고객사 계정(이메일)으로 입력합니다

방법2: 고객사가 사이트를 생성 후 에이전시에 디자인 대행 신청하기

이미 고객이 아임웹 사이트를 운영하고 있을 경우

1. 고객이 사이트 [관리자 페이지 > 환경설정 > 디자이너 찾기] 에서 리셀러 코드 또는 리셀러 메일 주소를 입력하고, 우측 [저장] 버튼을 클릭합니다.
2. 이후 저희(에이전시)는 [리셀러 관리자 페이지 > 사이트 관리 > 신청 요청 사이트] 에서 확인할 수 있어요.
[승인] 버튼을 클릭하면 ‘사이트 목록’ 메뉴에서 확인하게 되고, 사이트 관리자 권한을 얻을 수 있습니다.
3. 권한 획득 후 작업을 진행하게 됩니다.
Q. 반응형, 미디어쿼리, 분기점 (용어 정의)

1. 반응형 웹이란

기기에 반응하는 웹으로, 사이즈가 다른 기기에 맞춰 레이아웃, 요소 등이 변경됩니다
디바이스가 다른 게 포인트가 아니라, 사이즈(기기해상도)가 다르다는 게 포인트입니다
반응형 웹을 쉽게 확인할 수 있는 방법은 브라우저 사이즈를 줄여보면 됩니다

브라우저 사이즈를 줄였을 때 화면 크기에 맞추어 레이아웃과 요소가 변화된다면 반응형으로 볼 수 있습니다.

그런데 왜 네이버 모바일 웹은 아까 봤던 네이버 데스크톱 웹처럼 사이즈만 '줄어들고 레이아웃/요소는 변화하지 않는' 것이 아닐까? 같은 웹으로 들어갔는데, 완전히 다른 화면입니다.

네이버 화면이 완전히 다른 이유는, url이 다르기 때문입니다.
데스크톱으로 접근한 웹은 https://naver.com이고, 모바일로 접근한 웹은 https://m.naver.com이다. 같은 화면이 아닌 것입니다.

다시 돌아가서, 반응형 웹은 디바이스(창) 크기에 따라, 각 디바이스(창)에 최적화된 레이아웃으로 창이 '반응'하는 것입니다.

2. 미디어쿼리(media query)란

미디어쿼리는 반응형 웹을 만들기 위한 CSS 기능입니다.
앞에서 보았듯이 반응형 웹은 창의 가로 사이즈에 따라 달라집니다.
Behance로 예를 들자면, 가로 폭이 클 때는 4단, 조금 줄였을 땐 3단, 더 줄였을 땐 2단, 더더 줄였을 땐 1단으로 변화하는 것처럼 말이죠.

미디어쿼리는 범위에 따라 화면을 다르게 할 수 있는 CSS의 기능입니다.

오른쪽 개발자모드(맥북 기준 cmd+opt+i)를 보면 @media라고 보입니다.

좀 더 자세히 읽어보자면 @media(min-width:1025px) 이런 식으로 적혀있는 걸 볼 수 있다. 1025 미만이면 아래에 있는 코드 {.has-message~를 적용해 화면을 띄우라는 것입니다.

범위에 따라 화면을 다르게 하는 것이니까 min-width(최소 너비), max-width(최대 너비)처럼 범위를 지정해줘야 합니다.

3. 분기점(breakpoint)이란

미디어쿼리를 적용하기 위해서는 먼저 분기점을 지정해야 한다. 분기점이란 변화하는 지점(point)입니다.

가령 가로 너비가 1024이하면 A버전(ex. 콘텐츠 레이아웃 3단인 버전)로 화면을 띄워주고, 가로 너비가 1024 초과면 B버전(ex. 콘텐츠 레이아웃 4단인 버전)으로 화면을 띄워줘야 하는 거면, 분기점은 1024px가 됩니다.

보통은 모바일, 태블릿, 데스크톱을 기준으로 분기점을 설정하는데요

모바일은 768px 미만
태블릿은 768 이상, 1024 미만
데스크톱은 1024 이상

물론 조직에 따라 달라질 수 있으며, 분기점을 더 상세하게 설정하는 경우도 있습니다.
(모바일 S사이즈, M사이즈, L사이즈처럼 모바일 안에서도 여러 분기점을 설정해 여러 미디어쿼리(범위)를 적용할 수 있습니다)
Q. 네이버 웹마스터 도구에 빌더호스팅 홈페이지 등록하기

1. 네이버 웹마스터도구 홈페이지 (http://webmastertool.naver.com/)에 접속하여 로그인 합니다.
   우측 상단의 "로그인" 버튼을 클릭하여 로그인 합니다.

2. "연동할 사이트/앱 추가" 화면에서 "사이트 추가"를 선택합니다.

3. "사이트 정보 입력" 란에 홈페이지 URL을 입력합니다.
   프로토콜은 "http://"를 선택하고, www. 를 제외한 도메인 주소를 입력합니다.
   입력이 완료된 후 "확인" 버튼을 클릭합니다.



4. "사이트 소유 확인"은 입력한 도메인에 연결된 홈페이지가 고객님 본인의 것인지를 확인하는 절차입니다.
   "HTML 태그"를 선택합니다.

   "HTML 태그"를 선택하면 화면 가운데에 녹색으로 "<meta name~" 으로 시작하는 메타태그가 있습니다.
   이 메타태그를 복사(CTRL+C)해 두시기 바랍니다.



5. 빌더호스팅 관리자 (http://home.cafe24.com/admin)에서 접속하여 로그인 합니다.

- 메인페이지 소스에 <TITLE> 태그가 있어야 합니다.
빌더호스팅 관리자의 [디자인관리 > 템플릿 디자인 수정] 으로 이동하신 후,
[페이지 > 메인]의 <HEAD>...</HEAD> 영역에 <TITLE>...</TITLE> 태그를 이용하여 사이트 제목을 입력해 주시기 바랍니다.
입력한 제목으로 네이버에서 검색 시 검색결과가 나타납니다.

- <HEAD></HEAD> 영역에 "메타태그 설정" 항목에서 복사해 둔 메타태그를 붙여넣고, "저장하기"를 클릭하여 페이지를 저장합니다.

- <HEAD></HEAD> 영역에 description 등의 메타태그를 이용하시면 좀 더 효율적인 검색 노출이 가능합니다.

- 검색엔진 최적화를 위한 HTML 마크업 가이드는 웹 표준 HTML 마크업 가이드 를 참고하시기 바랍니다.

6. 네이버 웹마스터도구 창에서 "확인" 버튼을 눌러 사이트 추가를 완료합니다.

7. 정상적으로 설정이 완료된 경우, 아래와 같은 화면이 나타납니다.


■ 참고사항

- 정상적으로 설정이 완료된 경우라도 사이트의 성격, 내용 등에 따라서 노출이 되지 않을 수 있습니다.
사이트 추가 및 소유 확인이 검색결과의 노출을 보장하지 않습니다. (관련내용 보기)
정상적으로 설정이 완료됐음에도 사이트가 검색결과에 표시되지 않는 경우 네이버 고객센터로 문의해 보시기 바랍니다.

- 네이버 검색결과는 "웹문서" 항목에 노출됩니다.

- 등록 완료 후 바로 검색이 되지 않습니다. 네이버 검색로봇이 데이터를 수집 후 노출되기 때문에 노출에 수 일이 걸릴 수 있습니다.

- 네이버웹마스터 도구에서 소유 확인을 하지 않고 사이트 등록만 해도 네이버 검색로봇이 사이트 정보를 방문하여 수집합니다.
사이트 소유확인을 하는 경우 조금 더 효율적인 사이트 수집을 위함입니다.

- 웹표준을 준수하지 않은 사이트나 스팸 사이트는 검색에 반영되지 않습니다.
Q. 홈페이지와 쇼핑몰 디자인 상품 구매 절차 (단순복사 / 부분디자인 소스)

1. 상품 선택하기

다양한 디자인 상품들 중에서 마음에 드는 디자인을 선택합니다

옵션 선택

① 단순복사
- 구매한 디자인을 적용할 호스팅 계정에 바로 복사합니다.

② 원본제공
- 구매한 디자인의 원본 파일을 다운로드 받습니다.
- 원본을 직접 수정하여 디자인을 적용합니다.

③ 커스터마이징
- 구매한 디자인의 일부를 원하는 대로 수정합니다.
- 수정 범위는 판매자나 상품에 따라 다르므로, 구매 전 반드시 확인해야 합니다.

상품 상세페이지에서 구매할 옵션을 선택한 후 [바로 신청하기]를 클릭합니다.

2. 결제하기

(1) 주문 결제 페이지 접속

상품 상세페이지에서 [바로 신청하기]를 클릭하거나, 장바구니 목록에서 [바로 주문]을 클릭하면 [주문 결제] 페이지로 넘어갑니다.
결제 프로그램이 설치되어있지 않은 경우, 브라우저 상단에 경고메시지를 클릭하여 [추가 기능 설치]를 선택하여 프로그램을 설치합니다.

(2) 주문 정보 입력

다음의 주문 관련 정보를 입력한 후 [결제하기] 버튼을 클릭합니다.

① 스마트디자인/ (구)디자인 / 홈페이지디자인

- 주문할 상품 및 금액을 확인합니다.

- 현재 호스팅을 사용중인 아이디를 선택하거나 새 호스팅 계정을 신청할 수 있습니다.
- 원본제공인 경우 나타나지 않습니다.

- 이미 입력된 회원정보는 자동으로 뿌려줍니다.
- 원본제공인 경우 나타나지 않습니다.

- 직거래/안전거래 중 선택합니다.
- 판매자가 안전거래를 신청하지 않은 경우, 직거래로만 구매가 가능합니다.
- 직거래 : 무통장입금
- 안전거래 : 신용카드, 가상계좌이체

- 직거래인 경우, 판매자만의 약관이 있는 경우 판매자 약관에 동의합니다.
- 안전거래이거나, 직거래면서 판매자 약관이 없는 경우는 디자인센터의 약관에 동의합니다.

② 부분디자인

- 주문할 상품 및 금액을 확인합니다.

- 이미 입력된 회원정보는 자동으로 뿌려줍니다.
- 원본제공인 경우 나타나지 않습니다.

- 직거래/안전거래 중 선택합니다.
- 판매자가 안전거래를 신청하지 않은 경우, 직거래로만 구매가 가능합니다.
- 직거래 : 무통장입금
- 안전거래 : 신용카드, 가상계좌이체

- 직거래인 경우, 판매자만의 약관이 있는 경우 판매자 약관에 동의합니다.
- 안전거래이거나, 직거래면서 판매자 약관이 없는 경우는 디자인센터의 약관에 동의합니다.

③ 디자인소스>부가웹솔루션

- 주문할 상품 및 금액을 확인합니다.

- 현재 호스팅을 사용중인 아이디를 선택하거나 새 호스팅 계정을 신청할 수 있습니다.

- 이미 입력된 회원정보는 자동으로 뿌려줍니다.

- 신용카드, 가상계좌이체

- 디자인센터의 약관에 동의합니다.

④ 디자인소스>디자인시안,플래시,일러스트,사진이미지

- 주문할 상품 및 금액을 확인합니다.

- 신용카드, 가상계좌이체

- 디자인센터의 약관에 동의합니다.

3. 구매 확인/확정하기

(1) 구매 확인하기

[마이페이지 > 상품주문 내역]에서 구매한 내역을 확인합니다.
리스트에서 [상세 주문내역] 버튼을 클릭하면 거래 단계, 상품주문 정보, 주문작업 정보가 나타납니다.

거래 단계는 [입금대기 > 결제완료 > 작업 중 > 작업완료 > 거래종료] 순으로 진행되며
구매 옵션이 원본복사인 경우는 작업중, 작업완료 단계는 생략됩니다.

구매 옵션이 커스터마이징인 경우는 주문작업 처리단계가 추가로 보여집니다.

(2) 구매 확정하기

구매 옵션이 커스터마이징인 경우,
판매자가 디자인 작업을 완료하면 구매자가 디자인을 확인한 후
더 이상 수정사항이 없으면 구매자가 [작업완료 승인]을 클릭하여 작업을 완료시킵니다.
Q. 홈페이지 제작 진행 단계 (카페24 제작 상품)

step1. 제작상담 및 의뢰
전화 또는 온라인으로 제작 요건에 대하여 상담을 진행합니다

step2. 견적안내
홈페이지 구성에 맞는 견적을 제시합니다.

step3. 견적검토 및 계약
견적 검토 후 계약 및 착수금을 입금합니다.

step4. 작업시작
결제가 완료되면, 바로 작업사이트를 생성합니다. 작업사이트가 없으면, 작업이 시작되지 않은 것으로 간주됩니다.

step5. 작업진행
- 메인디자인 시안을 제작
- 고객님과 함께 디자인 시안을 결정
- 전체 서브페이지를 제작

작업사이트에 접속하여 작업을 진행합니다. 작업사이트는 구매자도 확인할 수 있습니다.
작업사이트 확인 : 카페24 디자인센터 > 마이페이지 > 상세주문내역 > 작업사이트 가기

step6. 작업완료 알림
디자인 수정이 완료되었다면, 구매자에게 완료사실을 알립니다. 작업완료일을 지키지 않을 시 불이익을 받을 수 있습니다.

step7. 구매자 확인
구매자가 작업사이트를 확인하고, 수정 요청을 하거나 완료를 확인합니다. 구매자가 완료를 확인하면 다음 단계로 넘어갑니다.
작업사이트 확인 : 카페24 디자인센터 > 마이페이지 > 상세주문내역 > 완료승인

step8. 최종 작업 및 검수
최종적인 사이트를 제작합니다.
완성된 사이트를 보며 최종 검수 합니다.

step9. 완료 결정 및 잔금
제작 완료 결정 및 잔금을 입금합니다.

step10. 디자인 적용 후 완료
구매자가 작업완료를 확인하면, 구매자 계정으로 디자인을 복사하여 거래를 종료합니다.
Q. 홈페이지 단순복사 구매 후 계정에 적용시키는 방법

카페24 디자인센터(http://d.cafe24.com)으로 로그인 후 마이페이지 클릭하여 상품주문 내역에서 구매한 디자인 [상세 주문내역] 클릭

상세 주문내역 페이지 중간의 [디자인 복사] 버튼 클릭

위 [디자인 복사] 클릭하여 뜨는 디자인 복사 창에서 내역 설정 후 [확인] 클릭하여 복사

(해당 창에 "디자인 복사가 성공했습니다." 라는 문구가 떠야 복사가 완료된 것이니,

문구가 나올때까지 창을 닫거나 이동하지 말고 기다려 주셔야 합니다.)

빌더관리자 접속 후 템플릿 관리 > 템플릿정보 > 보유 템플릿 목록 메뉴에서 복사된 유/무료 템플릿의 수정하기를 클릭하여
페이지 중간의 [디자인 적용하기] 클릭하면 고객님의 계정에 구매한 디자인이 적용됩니다.
Q. 홈페이지디자인 상품 주문작업 단계

1. 스마트디자인/ 홈페이지 디자인 단순복사 상품

구입한 상품을 결제완료 한 후
마이페이지> 상품주문내역에서 을 통해 디자인복사를 받도록 합니다. 마이페이지> 상품주문내역에서 을 통해 디자인복사를 받도록 합니다.마이페이지> 상품주문내역에서 을 통해 디자인복사를 받도록 합니다.

2. 스마트디자인/ 홈페이지 디자인 커스터마이징 상품

1) 상품을 구매후 결제 완료합니다. (직거래의 경우는 무통장입금후 판매자에게 입금확인 신청을 하셔야합니다.)

2) 판매자가 주문을 확인하고 작업사이트를 생성하면
구매자는 마이페이지>내 주문정보> 상품주문 내역을 통해 작업사이트 가기 버튼이 활성화됩니다.
구매자는 작업사이트 가기 버튼을 통해 판매자가 작업하는 내용을 지속적으로 확인 할 수 있습니다.

3) 판매자가 작업을 완료하고 "작업완료 알림"을 하면 구매자는 요청한 작업이 제대로 되었는지 확인후
"작업완료 승인" 버튼을 눌러줍니다.

4) 구매자가 작업완료 승인 버튼을 누르면 판매자는 구매자의 계정으로 해당 작업물을 복사해주고 거래는 종료됩니다.
Q. 카페 24 홈페이지 빌더 관리자페이지

• 카페 24 홈페이지 빌더 관리자페이지

관리자 로그인 : http://계정id.cafe24.com/admin

html 편집 : 디자인관리 -> 템플릿 디자인관리 -> 페이지 -> 소스수정

이미지 업로드 : ftp 접속 -> ftp로 이미지 업로드