[아보카도 퍼스널] 메뉴 관리와 연동에 대해서

* 로고는 별개로 취급합니다. 현재 pc와 모바일 로고를 모두 빈칸으로 남겨둘 경우 홈페이지의 제목이 대신 뜹니다. (디자인 설정에서 로고 사용 여부를 결정할 수 있습니다.)

* 로고를 일반 메뉴처럼 취급하고 싶을 경우(정렬등의 문제로) 디자인 관리에서 로고 사용을 해제 후 메뉴에 로고메뉴(메인페이지로 돌아가는 링크)를 추가해서 사용하시는 방법도 있습니다.

 

메뉴 기본 기능

• 메뉴관리에서 메뉴를 따로 추가하지 않았을 경우: 기존 방식과 동일 - 전체검색에 체크된 게시판 자동 나열 (페이지는 등록되지 않음)
• 메뉴관리를 사용할 경우: 메뉴를 등록하여 순서나 권한을 주어 사용할 수 있습니다. 이미지를 등록하면 메뉴 제목 대신 이미지가 출력됩니다. 

 

메뉴관리

1. 메뉴관리 메뉴에 들어가 우측 상단에 메뉴 추가라는 버튼을 누릅니다.
2. 메뉴 추가 팝업에서 원하는 메뉴를 찾아 선택, 혹은 직접 입력합니다. 
3. 메뉴를 선택하거나 주소를 입력하면 추가설정을 입력할수 있는 폼이 생성됩니다.
   • 메뉴: 메뉴 제목입니다. 이미지를 사용할 경우 노출되지 않습니다.
   • 이미지: 파일을 등록하거나 외부링크를 등록할수 있으며 파일 등록시 자동으로 외부링크 부분에 업로드한 파일 주소가 링크됩니다. 
   • 마우스오버: 이미지가 있을경우 마우스오버 이미지를 설정 가능합니다.
   • 링크: 팝업창에서 선택/입력한 주소가 자동으로 입력됩니다. 주소는 앞이 반드시 http://로 시작해야 합니다.
   • 순서: 전부 0일 경우 메뉴를 생성한 순서대로 나열되며 순서를 바꾸고 싶을 경우 원하는 순서를 숫자로 입력합니다.
   • 권한: 해당 메뉴를 볼 수 있는 권한을 정합니다. 1:비회원 10:운영자
4. 메뉴 추가는 페이지 이동(로딩)없이 여러번 할 수 있지만 추가나 삭제가 끝난 뒤에는 반드시! 확인 버튼을 누르셔야 적용됩니다.
   메뉴를 전부 추가하고 확인버튼을 누르지 않아 전부 날리는 불상사가 없길 바랍니다..

 

 

메뉴 디자인

디자인 설정 페이지에서 설정 가능합니다

• 메뉴 위치: 좌측과 상단으로 설정 할 수 있습니다. 상단 설정시 메뉴가 상단에 고정되지 않고 스크롤됩니다.
• 가로 사이즈: 메뉴 위치를 좌측으로 설정 했을때 지정하는 가로 사이즈입니다. 상단 설정시 영향을 받지 않습니다.
• 세로 사이즈: 메뉴 위치를 상단으로 설정 했을 때 지정하는 세로 사이즈입니다. 좌측 설정시 영향을 받지 않습니다.
• 메뉴 배경: 로고와 우측의 bgm, 로그인패널을 제외한 '메뉴'의 배경을 설정할 수 있습니다. 로고와 우측패널을 포함한 전체 배경을 설정하고 싶으실 경우 위쪽의 '헤더 배경'을 설정 해주시면 됩니다.
• 폰트 색상 (+크기): 일반상태와 마우스오버시 폰트 색상과 크기를 조절할 수 있습니다. 로고 이미지를 사용하지 않을 경우 제목이 로고 대신 출력되며 해당 설정에 영향을 받게 됩니다. 로고 글씨는 메뉴 폰트 크기의 1.3배입니다.
• 메뉴 간격: 설정한 메뉴간의 간격을 조정합니다. 상단 메뉴일 경우 양 옆 간격, 좌측 메뉴일 경우 위 아래 간격을 정합니다.
• 메뉴 정렬: 설정한 메뉴를 정렬합니다. 로고와 기타 패널을 제외한 영역 내에서 조절되며 다른 부분은 정렬되지 않습니다.

 

 

기타 설정

메뉴(헤더)사용 없이 단일페이지 운영

1. 새 페이지를 만들어 치환자를 이용하여 로그인이나 bgm 등 원하시는 내용을 넣고 디자인 관리에서 생성한 페이지를 메뉴화면으로 선택합니다. 원하실 경우 로고 사용 안함을 선택합니다.
   * 치환자 이용안내는 본 솔루션 다운로드 포스팅 본문 하단쪽에서 확인하시거나 페이지 생성시 모바일내용과 일반내용(PC) 사이에 치환자 안내 버튼을 눌러 확인하실 수 있습니다.
2. 디자인설정 상단에서 '헤더 사용'을 사용 안함으로 체크합니다.(같은 방식으로 하단을 사용 안하실 수도 있습니다)

 

여기서 헤더를 사용 하지 않을 경우 로그인 버튼이 있는 부분까지 날아가게 됩니다

이를 추가하고 싶으신 경우

head.php 파일 맨 아래 
<div class="fix-layout"> 과
<hr class="padding" /> 사이 아래 내용을 삽입합니다. 

<div id="login_box" class="txt-center"><?if ($is_member){?>
  <strong><?=$member['mb_nick']?></strong>
  <?if($is_admin){?><a href="<?=G5_ADMIN_URL?>" class="ui-btn admin small" target="_blank">관리자</a>
  <a href="<?php echo G5_ADMIN_URL ?>/board_form.php" class="ui-btn small">게시판생성</a><?}?>
  <?if($is_member && !$is_admin){?><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info" class="ui-btn small">정보수정</a><?}?>
  <a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout" class="ui-btn small etc">로그아웃</a> 
  <?}else{?>
  <a href="<?=G5_BBS_URL?>/login.php" class="ui-btn point small">로그인</a>
  <?if($config['cf_1']){?> <a href="<?php echo G5_BBS_URL ?>/register.php" class="ui-btn small etc"><b>회원가입</b></a><?}?>
  <?}?>
</div>

 

헤더를 사용하지 않으면서 bgm을 놓고 싶으신 경우 같은 위치에 아래 내용을 삽입합니다 

<div id="bgm_box">
    <? include(G5_PATH."/template.bgm.php"); ?>
</div>

예를 들어 bgm부분을 추가하고 나면 아래와 같은 모습이 됩니다

<div class="fix-layout">
    <div id="bgm_box">
        <? include(G5_PATH."/template.bgm.php"); ?>
    </div>
<hr class="padding" />

 

하단에 로그인이나 bgm 등을 놓고싶으실 경우

1. 상기한 방법과 동일한 방법으로 새 페이지를 추가, 치환자를 이용하여 로그인이나 bgm 등을 놓고 디자인 관리에서 하단을 만든 페이지로 연결합니다.
2. 아래 내용을 찾아 <footer ... </footer> 사이 COPYRIGHT .... </a> 줄(아래 코드블럭중 2번라인)을 지우고 필요한 내용을 넣으시거나 해당 줄 위나 아래 넣고싶은 내용을 넣습니다. 

<footer id="footer" class="txt-center">
    COPYRIGHT &copy; 2017 by Avocado edited by <a href="https://extrashot.tistory.com/" target="_blank">daehakwan</a>
</footer>

↓

<footer id="footer" class="txt-center">
    넣고 싶은 내용
</footer>