로그인

검색

Extra Form
추천지수 6

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

 

메뉴 아이콘.png

 

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

 

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

 

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

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

 

 

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

?
  • 내강아지 2021.01.31 20:13

    이 아이콘 기능이 여기 사이트에 메뉴에 글자 옆에 붙은 것인가요?

    <i ></i> 이렇게 넣으면 되는건가용?

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

    그냥 넣는다고 되는게 아니고 해당 값을 이용하도록 레이아웃에서 코드를 간단하게 구현해 놓아야 합니다.
  • 내강아지 2021.01.31 20:18
    구현하는 방법은 어떻게 되나요.. 기존 레이아웃들은 이것을 고려하지 않았을거 같아요..
  • profile
    주인장 2021.01.31 20:23
    그건 폰트가 뭔가에 따라 규칙에 맞게 변수로 넣어주면 됩니다.
    <i cond="$val1['icon']" class="{$val1['icon']}"></i>

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

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

    메뉴 아이콘 값에 입력한 내용이 $val1['icon'], $val2['icon'], $val3['icon'] 과 같이 그대로 불러온다는 것이 핵심입니다.
  • 내강아지 2021.01.31 20:25
    넵! 연구해서 적용해 봐야겠네요! 팁 감사합니다!

라이믹스 스토리

라이믹스를 주제로 한 이야기가 게시됩니다.

  1. read more
  2. Read More
  3. Read More
  4. Read More
  5. Read More
  6. Read More
  7. Read More
  8. Read More
  9. Read More
  10. Read More
  11. Read More
  12. Read More
  13. Read More
  14. Read More
  15. Read More
  16. Read More
  17. Read More
  18. Read More
  19. Read More
  20. Read More
  21. Read More
Board Pagination Prev 1 2 Next
/ 2