그누보드 및 영카트 사이트 PC·모바일 상단 및 하단 로고 이미지 변경 방법
페이지 정보

본문
그누보드 및 영카트 사이트 PC·모바일 상단 및 하단 로고 이미지 변경 방법
그누보드 및 영카트 운영자가 PC와 모바일 환경에서 상단·하단 로고 이미지를 교체하고, 변경 사항이 화면에 반영되지 않을 때 해결하는 방법을 확인합니다.
그누보드 기본 테마 로고 이미지 변경 위치
그누보드 기본 테마(basic 기준)에서 PC와 모바일 환경의 상단 및 하단 로고 이미지를 교체하려면 FTP를 통해 지정된 파일 경로의 이미지를 변경하거나 파일을 덮어씌워야 합니다. 공통적으로 루트 기준 /img 폴더가 사용됩니다.
1. PC 페이지 로고
- 상단 로고 이미지:
theme/basic/head.php파일 내에서/img/logo.png경로로 설정되어 있으며, 해당 파일을 편집하거나/img/logo.png파일을 원하는 새 이미지로 덮어씌웁니다. - 하단 로고 이미지:
theme/basic/tail.php파일 내에서/img/ft_logo.png경로로 설정되어 있으며, 해당 파일을 편집하거나/img/ft_logo.png파일을 새 이미지로 덮어씌웁니다.
2. 모바일 페이지 로고
- 상단 로고 이미지:
theme/basic/mobile/head.php파일 내에서/img/m_logo.png경로로 설정되어 있으며, 해당 파일을 편집하거나/img/m_logo.png파일을 새 이미지로 덮어씌웁니다. - 하단 로고 이미지: 그누보드 모바일 하단 로고는 원본 기준으로 존재하지 않습니다.
영카트 쇼핑몰 환경에서 로고를 변경하는 방법은 크게 관리자 페이지를 이용하는 방법과 FTP를 통해 템플릿 파일을 직접 수정하는 방법 두 가지가 있습니다.
1. 관리자 페이지를 통한 설정
영카트는 그누보드와 달리 관리자 설정에서 로고를 직접 업로드할 수 있는 기능을 제공합니다.
- 경로: 관리자 페이지 > 쇼핑몰 관리 > 쇼핑몰 설정 > 기타 설정
- 해당 메뉴에서 상단 로고 이미지와 하단 로고 이미지를 각각 업로드하여 변경할 수 있습니다.
2. 쇼핑몰 템플릿 파일(FTP)을 통한 수정
관리자 설정 외에 FTP를 통해 테마 내 쇼핑몰 템플릿 파일을 직접 수정하여 로고 경로를 지정할 수 있습니다.
- PC 페이지 상단 로고:
theme/basic/shop/shop.head.php파일 내 이미지 경로 수정 - PC 페이지 하단 로고:
theme/basic/shop/shop.tail.php파일 내 이미지 경로 수정 - 모바일 페이지 상단 로고:
theme/basic/mobile/shop/shop.head.php파일 내 이미지 경로 수정 - 모바일 페이지 하단 로고:
theme/basic/mobile/shop/shop.tail.php파일 내 이미지 경로 수정
참고 사항:
- 파일을 수정하거나 업로드한 후에도 로고가 변경되지 않는다면, 브라우저 캐시 문제일 가능성이 높습니다. 브라우저 캐시를 삭제하거나 새로고침(Ctrl + F5)을 수행하여 변경 사항이 적용되는지 확인하십시오.
로고 이미지 교체 후 화면에 반영되지 않을 때 해결 방법
로고 이미지 파일을 수정하거나 교체했는데도 웹사이트 화면에 이전 로고가 그대로 보인다면, 브라우저에 남아 있는 임시 파일(캐시) 때문에 발생하는 현상일 수 있습니다.
1. 브라우저 캐시 삭제 및 강력 새로고침
- 키보드의 Ctrl + F5 키를 눌러 브라우저 캐시를 무시하고 페이지를 새로고침합니다.
- 또는 사용 중인 브라우저 설정에서 인터넷 임시 파일 및 캐시를 삭제한 뒤 다시 접속합니다.
2. 파일 경로 및 파일명 확인
- 웹 브라우저의 개발자 도구를 통해 현재 출력되는 이미지의 소스 경로와 실제 FTP로 업로드한 파일명 및 경로가 정확히 일치하는지 확인합니다.
- 테마 파일(
head.php,tail.php,shop.head.php등)에 지정된 이미지 경로와 실제 서버에 업로드된 위치가 올바른지 다시 체크합니다.
상황별 로고 변경 가이드
| 내 상황 | 우선할 판단 | 다음 행동 |
|---|---|---|
| 그누보드 기본 테마 운영 중 PC/모바일 상·하단 로고 변경 | 루트 기준 /img 폴더의 파일명 확인 및 FTP 업로드 | theme/basic/head.php, tail.php, mobile/head.php 소스 경로 확인 후 새 이미지로 덮어쓰기 |
| 영카트 쇼핑몰 환경에서 로고 변경 | 관리자 설정 기능 활용 여부 결정 | 관리자 페이지(쇼핑몰 설정 > 기타 설정)에서 직접 업로드하거나 shop.head.php 등 템플릿 파일 수정 |
| 로고 파일을 교체했는데도 화면에 이전 로고가 그대로 노출됨 | 브라우저 캐시 잔존 여부 확인 | 키보드 Ctrl + F5 또는 Ctrl + Shift + R을 눌러 강력 새로고침 수행 후 경로 재확인 |
실전 FAQ
Q. FTP로 이미지를 덮어씌웠는데도 모바일 화면에서만 옛날 로고가 계속 보여요.
- 예외 및 대안: 모바일 브라우저는 PC보다 캐시를 더 강하게 유지하는 경향이 있습니다. 브라우저 캐시 삭제 외에도 스마트폰 브라우저 앱의 임시 데이터(사이트 데이터)를 지우거나 다른 브라우저 앱으로 접속해 확인하세요. 또한
theme/basic/mobile/head.php파일 내 지정된 이미지파일명(m_logo.png)과 실제 서버에 올라간 파일명이 정확히 일치하는지 개발자 도구로 소스를 다시 점검해야 합니다.
Q. 영카트 관리자 페이지에서 이미지를 업로드했는데 쇼핑몰 상단에 반영되지 않아요.
- 막히는 지점: 영카트 테마에 따라 관리자 설정값을 출력하지 않고
shop.head.php파일에 이미지 경로가 직접 하드코딩되어 있는 경우가 있습니다. 관리자 설정을 거치지 않고 테마 파일이 직접 경로를 호출하고 있다면,theme/basic/shop/shop.head.php파일을 직접 수정해G5_IMG_URL경로의 파일명을 맞추어 주어야 합니다.
함께 보면 좋은 글
- 그누보드 내용 관리 페이지 모바일 상단 및 하단 파일 별도 설정 방법
- 그누보드 모바일 환경에서 특정 게시판 상단 및 하단 파일 출력 제외하기
- 그누보드 특정 게시판 내 카테고리(분류)별 PC 및 모바일 스킨 다르게 적용하는 방법
참고자료
기타 참고자료
- 이전글그누보드 내용 관리 스킨에 지도 스크립트 추가 방법 26.10.28
- 다음글그누보드 게시판 목록에 관리자 댓글 작성 여부 표시하기 26.10.25
댓글목록
등록된 댓글이 없습니다.