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']}
<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']}
{@$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' 를 같이 사용도 가능합니다.
p.s 위의 코드와 비숫하게 작동되는 다른 코드 - 더 광범위함
웹폰트들이 거의 "-"를 사용한다는 전제 - <i class="fas fa-lightbulb"></i>
이미지파일들은 "."이 사용됨 - picture.svg