YouTube/카페24 쇼핑몰 썸네일형 리스트형 반응형 카페24 쇼핑몰 만들기 #10. "좌측 메뉴" 롤오버 이미지로 교체 좌측 메뉴 변경은 관리자페이지에서 디자인 변경 작업을 하겠습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 이번에, 변경 할 내용은 좌측 메뉴 "텍스트 메뉴" → "롤오버 이미지 메뉴" 로 변경하는 것입니다. 변경에 앞서, 포토샵에서 좌측 메뉴 작업을 미리 해두어야 합니다. 포토샵에서 가이드 라인을 그어 놓고 각 메뉴별 롤오버 전/후 이미지를 조각파일로 작업합니다. 이미지 작업을 완료 후 2. 관리자 페이지로 접속 후 "디자인관리" 클릭 3. "쇼핑몰 디자인 수정"을 클릭합니다. 4. 디자인 수정화면에서 좌측 메뉴 부분에 마우스를 근처로 가져갑니다. 5. 해당 부분에 "편집"을 클릭합니다. 6. "속 성" 탭을 클릭 후 각 메뉴별로 메뉴 이미지를 "사용함"으로 변경 체크합니다. 7. "찾아보기" 를 .. 더보기 카페24 쇼핑몰 만들기 #9. 로고 변경 & 메인 상단 이미지 교체 디자인 변경 작업 순서 : 1. 로고 & 메인 상단 이미지 작업 2. FTP로 이미지 파일 올리기 3. 로고 텍스트를 이미지로 변경하기 4. 메인 상단 이미지 교체하기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 변경 할 부분은 아래 그림에서 노란색으로 칠해진 부분입니다. 1. 로고이미지와 메인 상단 이미지 미리 만들기 logo.jpg (로고 변경용) main_visual.jpg (메인 상단 이미지 교체용) 2개 이미지 작업을 미리 합니다. 픽셀 크기 사이즈는 logo.jpg (240 x 80)픽셀 main_visual.jpg (1014 x 424)픽셀로 했습니다. p.s) 파일질라 사용법을 잘 모르신다면 아래 글을 확인 후 진행하세요~ 6편. FTP 프로그램(파일질라) 설치 및 사용법 https://a.. 더보기 카페24 쇼핑몰 만들기 #8. 디자인 백업/복구 방법 2가지 html 관련 디자인 수정 작업을 할 땐, 미리 디자인백업을 하시면서 작업을 하는 것이 좋습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 첫 번째 방법 : 관리자 페이지에서 디자인 백업 & 디자인 복구 하기 1. 쇼핑몰 로그인 후 "디자인관리" 클릭 2. 좌측 메뉴에서 "디자인 백업·복구" 클릭 3. 백업할 디자인 선택 체크 후 4. "백업하기" 클릭 5. 그런데, 직접 백업을 안 해도 자동적으로 백업이 됩니다. (즉, 관리자로그인 기록이 있으면 시스템상에서 자동으로 백업이 이루어집니다.) 6. 디자인복구는 복구할 항목을 체크 선택후 "복구"를 누르면 됩니다. 7. 안내를 보면 자동백업은 매일 새벽 5시경에 24시간 전의 관리자 로그인 기록이 있는 경우 시스템에서 자동으로 백업을 진행합니다. (참고.. 더보기 카페24 쇼핑몰 만들기 #7. 에디트플러스로 카페24 FTP서버 원격 접속 에디트플러스(EditPlus)는? 윈도용 문서 편집기로서, HTML 웹문서나 프로그램 개발을 쉽게 할 수 있도록 도와주는 에디터입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 에디터(html 문서편집기) 종류로는 "드림위버, 에디트플러스, 브라켓, 아톰, 비주얼스튜디오코드" 등 여러 가지가 있지만, 저는 FTP 서버 연동 기능이 편리한 "에디트플러스"를 기준으로 작업을 진행하겠습니다. p.s) FTP 원격 접속하는 법이 주된 설명이니, 설치하는 법은 생략하겠습니다;; 1. 에디트플러스 실행 후 상단메뉴 "파일" 클릭 2. "FTP" 클릭 3. "FTP 설정" 클릭 4. "추가"를 클릭하면 설정 창이 뜹니다. 5. 자신의 호스팅 서버 정보를 입력 후 "확인"을 클릭합니다. ① 설명 : 자신의 쇼핑몰 .. 더보기 카페24 쇼핑몰 만들기 #6. FTP 프로그램(파일질라) 설치 및 사용법 파일질라(FileZilla)는? FTP 소프트웨어로, 파일과 이미지를 원격 서버로 "업로드/다운로드" 하게 해주는 프로그램입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] ⇒ 다운로드 사이트 1(파일질라 홈페이지) : https://filezilla-project.org/ ⇒ 다운로드 사이트 2(아보느 카페글 - 첨부파일) : https://cafe.naver.com/aboneu/81 1. 파일질라 홈페이지에서 아래 그림처럼 다운로드 받거나 or 2. 아보느 카페에서 첨부파일을 바로 다운로드 받거나 하시면 됩니다. https://cafe.naver.com/aboneu/81 카페24 쇼핑몰 만들기 #6. FTP 프로그램(파일질라) 설치 및 사용법 대한민국 모임의 시작, 네이버 카페 cafe.naver... 더보기 카페24 쇼핑몰 만들기 #5. FTP 비밀번호 확인하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] FTP 비밀먼호 변경에 앞서 1. http://cafe24.com 카페24 사이트의 로그인 정보와 2. https://eclogin.cafe24.com/Shop/ 쇼핑몰관리자 로그인 정보는 보통 동일합니다. But 3. FTP 비밀번호는 쇼핑몰관리자 비밀번호와 다르게 설정한 경우가 있습니다. 만약, ftp비밀번호가 기억나지 않는다면 아래 순서대로 변경을 하면 됩니다. 4. https://eclogin.cafe24.com/Shop/ 쇼핑몰관리자 로그인 페이지로 접속합니다. 5. 관리자페이지 상단 메뉴 "상점관리" > "기본정보관리" 클릭 6. 기본정보관리 아래에 "비밀번호 변경" 클릭 (참고로, 비밀번호 변경은 본인확인 절차가 필요합니다.) 7. "대표 인증정보.. 더보기 카페24 쇼핑몰 만들기 #4. 상품분류관리 - 카테고리 메뉴 추가,수정,삭제 1단계 : 상품분류관리 : "표시"로 변경하기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 먼저, 쇼핑몰 관리자 페이지에 로그인하여 접속합니다. (이전 글 2편에 관리자 접속하는 법 확인하세요~) 1. 상단 메뉴에 "상품관리"를 클릭합니다. 2. 좌측 메뉴에 "상품분류관리 > 분류 관리"를 클릭합니다. 처음엔, 대분류 5개가 미리 셋팅된 상태입니다. (5개 동일하게 진행합니다.) 3. 각 대분류를 클릭해서 4. 우측에 "메인분류 - 표시상태"를 "표시함"으로 체크합니다. 5. 그리고 아래로 스크롤 해서 "확인"을 클릭합니다. 6. 확인을 위해 쇼핑몰 화면으로 접속해보시면 수정 전과 수정 후의 차이를 확인할 수 있습니다. (수정 후에는 좌측 편 상단에 "상품 분류" 카테고리가 표시가 되어 나타납니다.) 2.. 더보기 카페24 쇼핑몰 만들기 #3. 기본정보관리 - 내 쇼핑몰 정보 입력하기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 쇼핑몰관리자 로그인을 합니다. https://eclogin.cafe24.com/Shop/ 2. 상단 메뉴 > 상점관리를 클릭합니다. 3. 왼쪽 메뉴에서 기본정보관리 클릭 > "내 쇼핑몰 정보"를 클릭합니다. 4. 기본정보 설정 부분에서 위에서 아래까지 빈칸으로 되어 있는 부분에 정보를 입력합니다. (참고로, '필수'로 적힌 부분은 꼭 적어야 하는 부분입니다.) 5. 빈칸 정보 모두 입력 후 "저장" 클릭 6. 확인을 위해 관리자 페이지 상단 가운데에 "모니터 모양 아이콘"을 클릭하면 내 사이트로 바로 가기가 됩니다. 7. 수정 전과 수정 후 차이점을 확인할 수 있습니다. (수정 후에도 정보가 표시가 안된 부분은 관리자페이지에서 기본정보 칸을 덜 채웠기 때.. 더보기 카페24 쇼핑몰 만들기 #2. 관리자 페이지 접속하는 법(쇼핑몰관리자 로그인) [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 이전 강의인 1편에서 쇼핑몰을 생성하면 아래와 같은 화면이 마지막으로 보였을 겁니다. 2. 관리자 페이지 주소(쇼핑몰 관리자 로그인 페이지) 아래 클릭합니다. https://eclogin.cafe24.com/Shop/ 3. 신청 아이디와 비밀번호를 입력 후 "로그인"을 클릭합니다. 4. 관리자 페이지로 접속된 화면입니다. (참고로, 이곳에서 상단에 컴퓨터 모양 아이콘을 클릭하면 내 사이트로 바로가기 링크가 됩니다.) 5. 그럼, 신청한 쇼핑몰 페이지 주소로 접속이 됩니다. 예시 - http://aboneu.cafe24.com (이 화면은 대표관리자로 접속된 화면 상태입니다.) ※ 유튜브 영상으로 보기 유튜브 구독하기 : https://www.youtube.. 더보기 카페24 쇼핑몰 만들기 #1. 무료 쇼핑몰 신청하기 쇼핑몰 개설하기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1번 : https://echosting.cafe24.com/ 접속 2번 : 로그인 3번 : “무료 쇼핑몰 만들기” 클릭 4번 : 아이디/비번 입력 (참고로 신청한 아이디/비번이 관리자페이지 아이디/비번이 됩니다) 5번 : 약관동의 “체크” 후 하단에 “다음 단계로” 클릭 6번 : 쇼핑몰 주소 생성 완료 내 쇼핑몰 주소 : http://신청아이디.cafe24.com - 예시) http://aboneu.cafe24.com 쇼핑몰 관리자 페이지 주소 : http://echosting.cafe24.com/Shop/ ※ 유튜브 영상으로 보기 유튜브 구독하기 : https://www.youtube.com/channel/UCcUay1K9SPKkM0Nswc.. 더보기 반응형 이전 1 2 다음
