아래 사용방법을 통해서 활성화 시키시기 바랍니다. 진행 전 관리자 페이지로 로그인하시기 바랍니다.

1. 사용자정의 메뉴로 이동

관리자로 로그인을 하여 홈페이지의 첫화면으로 이동합니다. 상단에 “사용자정의” 메뉴를 클릭하여 사용자 페이지로 이동합니다.

2. 사이드바 활성화

위 이미지를 참조하여 다음의 단계로 진행합니다.

1. 사이드 퀵메뉴 선택
2. 사이드바 바로가기 활성화
3. 종류 선택 및 설정: 기본 퀵메뉴는 sns 버튼을 제외하고 표시됩니다. sns를 활용여부에 따라서 맞게 설정하시면 되겠습니다.  아래 폼에는 클릭시 이동되는 URL주소를 입력하여 주시기 바랍니다. 전화번호는 클릭시 자동으로 전화연결이 됩니다. 상담 담당자의 전화번호를 입력해주시기 바랍니다.
4. 퀵메뉴 영역
5. SNS버튼 영역

3. 저장 후 페이지 확인

저장 후 페이지에서 적용된 버튼을 활용합니다. 모바일의 경우 SNS버튼을 제외한 퀵메뉴 영역만 하단에 표시가 됩니다.

4. 사이드 퀵메뉴 직접 수정하기

퀵메뉴 설정을 직접 수정하기 원하는 경우가 있습니다. 버튼 스타일이나 디자인, 텍스트를 수정해야 하는 경우가 있는데 이런 경우 아래의 단계로 진행하시면 되겠습니다.
우선 ftp 프로그램과 html 에디터가 있어야 합니다. html 에디터의 경우 텍스트 편집기를 이용해 볼 수도 있습니다. ftp 프로그램은 파일질라를 사용하시면 됩니다. 파일질라의 사용법은 아래의 링크를 확인하시기 바랍니다.

1. ftp를 이용해 홈페이지 접속

ftp접속정보는 일반적으로 홈페이지 주소이며 비밀번호는 카페24의 경우 호스팅 신청 시 입력한 비밀번호 입니다.

1. 리모트 사이트 부분에서 경로를 확인하여 해당 경로로 이동해주시기 바랍니다.
2. side-quick-type1.php 라는 파일은 왼쪽으로 드래그해서 다운로드 해주시기 바랍니다. 테마 업데이트에 따라서 사이드 퀵메뉴의 종류가 추가될 예정이며 추가된 후에도 수정방법은 동일합니다.
3. 왼쪽으로 다운로드 된 파일에 마우스를 대로 오른쪽 키를 누르면 편집이라는 메뉴를 확인할 수 있습니다.
4. 편집을 눌러 수정을 진행합니다.

2. php 파일 수정

php파일을 열면 일반적으로는 메모장으로 열리게 됩니다. 메모장 화면은 위와 같으며 세부코드를 확인할 수 있습니다.

1. 이미지 : <img src=”<?php echo esc_url(get_template_directory_uri()); ?/assets/images/icon_side_phone.svg” width=”50px” alt=”전화기이미지” title=”대표전화” 형식이며 이미지 변경은 해당 코드 수정을 하시면 됩니다. <?php echo esc_url(get_template_directory_uri()); ?의 경로를 ftp 상에서 찾으시려면 다음의 경로로 들어가면 됩니다. ftp 접속 후 wp-content/themes/ktheme_starter  마지막에 ktheme_starter 부분은 현재 활성화된 테마이름입니다.
2. 제목 : <h5대표전화</h5<h6<?php echo $side_quick_contact_phone ?</h6 h5테그는 제목영역이며 h6테그는 설명입니다. 설명이 없는 버튼은 링크가 있을 수 있으니 링크도 확인하시기 바랍니다.
3. 링크 : <a href=”<?php echo $side_quick_contact_online ?” id=”top-headphone” class=”header-sns-icon ” 부분입니다. href 값을 수정하여 링크를 바꿔주시면 되겠습니다.
4. 저장 : 수정 완료 후 저장해줍니다.

3. 파일 업로드

저장 후 해당 파일을 다시 서버로 업로드해줍니다.

*기존의 파일은 다른이름으로 저장하여 꼭 백업용으로 보관해주시기 바랍니다.  수정 중 오류가 있을 경우 기존 파일로 복원해주시기 바랍니다.

The post사이드 퀵메뉴first appeared on매뉴얼.

1. 관리자 로그인
2. 메인페이지 상단 “편집하기” (엘리멘터 에디터로) 수정
3. 메인페이지 엘리멘터 html 수정
4. 화면확인

코드수정

1. <div class=”section ” id=”section4″내용</div 영역 삭제
2. 509줄 anchors: [‘page1’, ‘page2’, ‘page3’, ‘page4’, ‘page5’, ‘page6’, ‘page7’], 영역에서 해당 page 삭제
3. 533줄 const bg_section = [2,3,5,6,7]; 에서 배경색상 영역 조정 2,3,5,6,7 번째 섹션에서 헤더의 배경이 흰색에 텍스트 색상은 검정이 됩니다.
4. 511줄 sectionsColor: [‘#fff’, ‘#fff’, ‘#fafafa’, ‘#fff’, ‘#fff’, ‘#fafafa’, ‘#fff’], 에서 배경값 조정. 섹션의 순서대로 배경색이 지정됩니다.
5. <div class=”dotMenu” style=”” 에서 해당되는 메뉴 삭제. 1에서 아이디 section4를 삭제하였기 때문에 <li class=””<a data-menuanchor=”page4″ href=”#page4″ class=””Vision</a</li 값을 삭제해줍니다.

The post섹션 삭제 및 네비게이션 수정first appeared on매뉴얼.