상단메뉴에 아이콘 표시기능 정보
상단메뉴에 아이콘 표시기능첨부파일
테스트한 버전5.5.2
호환 가능 버전5.5 5.4
본문
상단메뉴에 아이콘을 표시할수 있도록 만들어 봤습니다.
폰트어썸을 활용해서 관리자 페이지에서 아이콘을 선택후 저장하면
상단 메뉴에 표시가 되도록 만들었습니다.
테스트 : https://bear0724.com/5.5/ 아이디 test 비번 test
오로지 관리자 페이지에 메뉴 설정만 접근 가능합니다.
사용방법
head 부분에 메뉴 혹은 여러분 사이트 메뉴 부분에 아래코드를 추가 해주시면 됩니다.
<i class="<?php echo $row['me_icon'] ?>" aria-hidden="true"></i>
이런 식으로 추가해 주시면 됩니다. 아이콘을 앞에 넣고 싶은 분들은 me_link echo 앞부분에 넣으심 됩니다.
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?> <i class="<?php echo $row['me_icon'] ?>" aria-hidden="true"></i></a>
그다음에 adm 폴더에 css폴더를 열면 admin.css가 있습니다. 적당한 위치에 아래 코드를 추가해주고
.me_icon{
font-family: fontAwesome;
font-size:1.3em;
}
압축된 파일을 받아서 adm폴더에 넣어준 다음에 아래처럼 phpmyadmin등을 사용하여 me_icon이라는 컬럼을 추가해 주면 끝납니다.
아이콘 추가 방법
menu_form.php를 열어보시면 여기서 185번째 줄을 하나 복사후에 아래줄에 붙혀넣습니다.
그다음 fa-question 이부분을 원하는 아이콘으로 아래에서 찾아서 복붙 합니다.
그다음 옆에 &으로 시작하는 것도 옆에 보시면 있습니다. 그것도 변경해줍니다.
https://fontawesome.com/v4/cheatsheet/
list += "<option value=\"fa fa-question\">&어쩌구</option>";
menu_list.php 부분은 역시 위에랑 비슷하게 131줄을 복사해 아래줄에 붙혀넣습니다.
그다음 똑같이 fa-question부분 2개를 수정해주고 &으로 시작하는 부분을 수정해줍니다.
<option value="fa fa-question"<?php echo get_selected($row['me_icon'], 'fa fa-question', true); ?>>&어쩌구</option>
!-->!-->!-->!-->!-->
추천
8
8
댓글 전체
수고하셨습니다. 감사합니다.
결국엔 해내고야 말았습니다.
고맙습니다.
감사합니다.
소중한 정보 나눠 주셔서 고맙습니다.
감사합니다.
공유 감사 드립니다 ^^ 아이콘 대신 이미지도 가능하면 좋겠어요 ~
이거는 value값 수정해서. head에 들어가는 부분을 i태그 대신 이미지 태그로 넣어주면 될 듯 합니다.
감사합니다.
감사합니다!!1
감사합니다!!1감사합니다!!1