관리 메뉴

Extra Shot

아보카도 퍼스널 에디션 메뉴 관리와 연동에 대해서 본문

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

 

2. 메뉴 기본 기능이 변동되었습니다.

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

메뉴관리 사용방법

새로 생긴 메뉴관리 메뉴에 들어가 우측 상단에 메뉴 추가라는 버튼을 누릅니다.

메뉴 추가 팝업에서 원하는 메뉴를 찾아 선택, 혹은 직접 입력합니다. 

게시판 그룹은 지원되지 않는 기능이며 내용관리는 페이지에 해당합니다.(다음 패치에 수정적용됩니다)

 

메뉴를 선택하거나 주소를 입력하면 추가설정을 입력할수 있는 폼이 생성됩니다.

메뉴: 메뉴 제목입니다. 이미지를 사용할 경우 노출되지 않습니다.

이미지: 파일을 등록하거나 외부링크를 등록할수 있으며 파일 등록시 자동으로 외부링크 부분에 업로드한 파일 주소가 링크됩니다. 

마우스오버: 이미지가 있을경우 마우스오버 이미지를 설정 가능합니다.

링크: 팝업창에서 선택/입력한 주소가 자동으로 입력됩니다. 주소는 앞이 반드시 http://로 시작해야 합니다.

순서: 전부 0일 경우 메뉴를 생성한 순서대로 나열되며 순서를 바꾸고 싶을 경우 원하는 순서를 숫자로 입력합니다.

권한: 해당 메뉴를 볼 수 있는 권한을 정합니다. 1:비회원 10:운영자

 

메뉴 추가는 페이지 이동(로딩)없이 여러번 할 수 있지만 추가나 삭제가 끝난 뒤에는 반드시! 확인 버튼을 누르셔야 적용됩니다. 

 

메뉴를 전부 추가하고 확인버튼을 누르지 않아 전부 날리는 불상사가 없길 바랍니다..

 

다음은 디자인 설정에서 추가적으로 할 수 있는 메뉴디자인에 대한 안내입니다

메뉴 위치: 좌측과 상단으로 설정 할 수 있습니다. 상단 설정시 메뉴가 상단에 고정되지 않고 스크롤됩니다.

가로 사이즈: 메뉴 위치를 좌측으로 설정 했을때 지정하는 가로 사이즈입니다. 상단 설정시 영향을 받지 않습니다.

세로 사이즈: 메뉴 위치를 상단으로 설정 했을 때 지정하는 세로 사이즈입니다. 좌측 설정시 영향을 받지 않습니다.

메뉴 배경: 로고와 우측의 bgm, 로그인패널을 제외한 '메뉴'의 배경을 설정할 수 있습니다. 로고와 우측패널을 포함한 전체 배경을 설정하고 싶으실 경우 위쪽의 '헤더 배경'을 설정 해주시면 됩니다.

폰트 색상 (+크기): 일반상태와 마우스오버시 폰트 색상과 크기를 조절할 수 있습니다. 로고 이미지를 사용하지 않을 경우 제목이 로고 대신 출력되며 해당 설정에 영향을 받게 됩니다. 로고 글씨는 메뉴 폰트 크기의 1.3배입니다.

메뉴 간격(추가기능): 설정한 메뉴간의 간격을 조정합니다. 상단 메뉴일 경우 양 옆 간격, 좌측 메뉴일 경우 위 아래 간격을 정합니다.

메뉴 정렬(추가기능): 설정한 메뉴를 정렬합니다. 로고와 기타 패널을 제외한 영역 내에서 조절되며 다른 부분은 정렬되지 않습니다.

 

 

+ 메뉴별 권한 설정은 할 수 없지만 로고를 맨 앞이나 맨 위가 아닌 다른 위치에 놓고 싶은 경우

head.php 파일을 열어 아래 내용을 찾아 삭제후 

<h1 id="logo">
  <a href="<?=$main_link?>">
  	<?=$logo_data?>
  </a>
</h1>

메뉴 관리에서 원하는 순서에 메인페이지로 사용할 메뉴를 설정하면 됩니다.

*** 패치 이후 파일 수정 없이 디자인 설정에서 <로고 사용 안함> 으로 설정이 가능합니다.

 

+ 페이지 관리에서 생성한 페이지는 디자인 설정 상단에서 메뉴/메인/하단 화면으로 연결해서 사용하실 수 있으며 메인화면의 경우 게시판을 연결하는 것도 가능합니다.

 

 

게시판을 메인페이지에 연결해 메뉴 없이 단일페이지로 사용하고싶으신 경우

 

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>

추가하고 나면 아래와 같은 모습입니다

<div class="fix-layout">

추가하는 내용

.

.

.

<hr class="padding" /> 

 

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

 

1. 상기한 방법과 동일한 방법으로 새 페이지를 추가, 치환자를 이용하여 로그인이나 bgm 등을 놓고 디자인 관리에서 하단을 만든 페이지로 연결합니다.

 

2. 아래 내용을 찾아 COPYRIGHT ....  </a> 줄을 지우고 필요한 내용을 넣으시거나 해당 줄 위나 아래 넣고싶은 내용을 넣습니다. 

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