1. SEO 최적화 완료 -> 카톡 보내 og이미지 확인
1-1. SEO 최적화
**절대경로
2. 로고 수정 (반드시 로고는 svg)
head.php
index.php
tail.php
방법1) 배경 이미지 vscode에서 열어 다운로드 -> 수정해서 같은 이름/위치에 덮어씌우기
sir/theme/AT_WEB01/img/main/banner1.png
방법2) 로고 이미지 png→svg (일러스트레이터로 제작) 반드시 로고는 svg!
<div id="logo">
<a href="<?php echo G5_URL ?>">
<img class="logo_pc" src="<?php echo G5_THEME_IMG_URL ?>/www/logoimdak.svg" alt="<?php echo $config['cf_title']; ?>">
<img class="logo_mobile" src="<?php echo G5_THEME_IMG_URL ?>/www/logoimdak.svg" alt="<?php echo $config['cf_title']; ?>">
</a>
</div>+) 일러스트 사용법
일러스트 save as → svg로 저장
(파일질라에서) 내가 쓸 이미지들 걍 www 바로 아래 img 디렉토리 생성해서 다 집어넣기
3. 관리자페이지 - 네비란
3-1. 게시판 관리
3-2. 내용 관리
3-3. 메뉴설정(=네비게이션 관리) (게시판관리/내용관리 연결)
결과물
반응형 테마로 해야하므로, 모바일버전이 사용되지 않게 하려면?
theme.config.php - 테마가 지원하는 장치 설정 pc, mobile
적응형) ex.11번가
- ' ' : 모바일/pc폴더 각각 짜야됨 (index.php 2개)
define('G5_THEME_DEVICE', '');반응형) 모바일로 할 것인가, pc로 할 것인가 결정 (반응형은 페이지가 하나! 관리하기 편함)
- 'mobile' : 모바일 폴더(index.php)만 제작
define('G5_THEME_DEVICE', 'mobile');- 'pc' : 데스크탑 폴더(index.php)만 제작
define('G5_THEME_DEVICE', 'pc');
