2021.01.31 13:11

라이믹스에 새로 생긴 메뉴 아이콘 항목

꿀팁관리소장

주소복사 ▷▶ https://rxtip.kr/rx_story/4083 조회 수 356 추천지수 6점 댓글 5

Extra Form
추천지수	6

메뉴를 생성하고 편집할때 메뉴에 부여할 수 있는 값들이 있습니다. 기존에 있던 값 외에 하나 추가된 사항이 있습니다. 라이믹스 2.0.6 버전에서 추가된 메뉴 아이콘 값 입니다.

메뉴 아이콘.png

사실 메뉴에 각종 아이콘을 표시하려는 수요는 많았으나 직접적으로 아이콘용으로 사용할 값을 제공하지는 않았습니다. 그래서 메뉴설명에 아이콘을 값을 입력하는 용도로 많이 사용했는데 이번에 메뉴 아이콘 값이 새로 생기면서 두가지를 모두 사용할 수 있게 되었습니다.

저기 입력된 값을 불러올때 필요한 id 는 'icon' 입니다.

메뉴를 출력하는 코드에서는

$val1['icon'] 이런식으로 1차메뉴를 출력하는 코드에 icon id를 사용하면 메뉴 아이콘에 입력된 내용을 출력할 수 있습니다.

라이믹스 꿀팁에 사용하는 레이아웃도 메뉴 설명을 이용하게 코드가 작성되어 있었는데 메뉴 아이콘으로 다 바꾸었습니다.

TAG •

Who's 꿀팁관리소장

라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.

Prev 라이믹스 2.0.7 버전 업데이트 배포 되었습니다. 라이믹스 2.0.7 버전 업데이트 배포 되었습니다. 2021.02.05by 꿀팁관리소장 라이믹스 2.0.6 버전 배포 되었습니다. Next 라이믹스 2.0.6 버전 배포 되었습니다. 2021.01.30by 꿀팁관리소장

3 추천 스크랩

Atachment
첨부 '0'

Facebook Twitter Kakao KakaoStory Band LinkCopy

댓글로 가기 인쇄 첨부

✔댓글 쓰기

에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

Comments '5'

내
내강아지 2021.01.31 20:13

이 아이콘 기능이 여기 사이트에 메뉴에 글자 옆에 붙은 것인가요?
<i ></i> 이렇게 넣으면 되는건가용?

댓글주소복사 수정 삭제 댓글
꿀팁관리소장 2021.01.31 20:16

To.내강아지

네. 폰트어썸과 같은 아이콘 폰트의 일부식별 문자를 넣고 레이아웃에서 해당자를 폰트어썸출력하는 코드로 완성해서 메뉴명 같은 곳에 폰트어썸 과 같은 것을 출력하는 용도 입니다.

그냥 넣는다고 되는게 아니고 해당 값을 이용하도록 레이아웃에서 코드를 간단하게 구현해 놓아야 합니다.

댓글주소복사 댓글
내
내강아지 2021.01.31 20:18

To.꿀팁관리소장

구현하는 방법은 어떻게 되나요.. 기존 레이아웃들은 이것을 고려하지 않았을거 같아요..

댓글주소복사 수정 삭제 댓글
꿀팁관리소장 2021.01.31 20:23

To.내강아지

그건 폰트가 뭔가에 따라 규칙에 맞게 변수로 넣어주면 됩니다.
<i cond="$val1['icon']" class="{$val1['icon']}"></i>

위의 경우는 폰트어썸을 1차메뉴 반복하는 메뉴명 앞이나 특정위치에 넣어주는 예시가 될 겁니다.

aria-hidden="true" 이런 속성을 사용할 수도 있고 뭐 이런건 각자 알아서 해야 할 것 같구요.

메뉴 아이콘 값에 입력한 내용이 $val1['icon'], $val2['icon'], $val3['icon'] 과 같이 그대로 불러온다는 것이 핵심입니다.

댓글주소복사 댓글
내
내강아지 2021.01.31 20:25

To.꿀팁관리소장

넵! 연구해서 적용해 봐야겠네요! 팁 감사합니다!

댓글주소복사 수정 삭제 댓글