https://moonhouse.co.kr/xetip/529895

위의 글에서 "메뉴 아이콘" 사용 방법을 설명 했었는데 라이믹스가 버전업 되면서 사용 방법이 변형되었습니다.

변형된 방법이 일반적으로 폰트 어썸을 아이콘으로 사용할려면 <i class="{$val1['icon']}"></i> {$val1['link']} 이런식으로 메뉴 작업을 해 주고 "메뉴 수정"에서 아래와 같이 작성하면 올바르게 출력됩니다.

그런데 이렇게 지정해 버리면 <img>와 폰트 어썸 두가지를 함께 사용할 수가 없어집니다.

그래서 함께 사용하는 방법입니다.

<!--@if (strpos($val1['icon'], 'fa') !== false)-->
   <i class="{$val1['icon']}"></i>
<!--@else-->
   <img src="{$val1['icon']}" width="15" />
<!--@end-->
$val1['link']}

위에서 메뉴 아이콘이 폰트 어썸이 아니면 "fa"를 수정해 주면 됩니다.

그리고 이미지의 파일명과 확장자를 이미지 경로와 함께 작성합니다.

style 까지 적용한 main 페이지 메뉴 코드입니다.

<span cond="$val1['icon']" style="display:block; text-align:center; line-height:15px">
    {@$val_icon1 = strpos($val1['icon'], 'fa')}
      {@$val_icon2 = strpos($val1['icon'], 'xi')}
    <!--@if ($val_icon1 !==false || $val_icon2 !==false)-->
        <i class="{$val1['icon']}"></i>
    <!--@else-->
        <img src="{$val1['icon']}" width="15" align="absmiddle" />
    <!--@end-->
</span>
{$val1['link']}

display:block은 줄바꿈 코드이며, 폰트 어썸 'fa' or Xeicon 'xi' 를 같이 사용도 가능합니다.

* 참고로 이미지 파일명에 fa 나 xi 가 들어간 경우 아이콘으로 인식해서 출력이 되지 않으므로 주의 바랍니다. 

p.s 위의 코드와 비숫하게 작동되는 다른 코드 - 더 광범위함

웹폰트들이 거의 "-"를 사용한다는 전제 - <i class="fas fa-lightbulb"></i>

이미지파일들은 "."이 사용됨 - picture.svg