메인메뉴 중 특정 메뉴 하나만 텍스트가 아니라 아이콘으로 변경

쥬노

2026-07-04 (토) 08:54:38 132

그누보드 메인메뉴중 특정 메뉴 하나만 텍스트가 아니라 메인 메뉴로 변경하고 싶은데요.
일단 html은 아래와 같습니다.
아래 메뉴중에서 [인스타그램]만 텍스트가 아니라 폰트어썸 아이콘으로 변경하려면, html을 php로 바꿀때 어떻게 해야 하는지 고수님들의 조언 부탁드립니다.


<nav class="navbar navbar-default navbar-light" id="eltree-head">
<div class="container-fluid">
<div class="container">

<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img alt="Brand LOGO" src="images\logo250-80-footer.png"></a>
</div>


<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Main1 <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">sub1-1</a></li>
<li><a href="#">sub1-2</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Main2 <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">sub2-1</a></li>
<li><a href="#">sub2-2</a></li>
<li><a href="#">sub2-3</a></li>
</ul>
</li>
<li><a href="#">Main3</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Main4 <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">sub4-1</a></li>
<li><a href="#">sub4-2</a></li>
<li><a href="#">sub4-3</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Main5 <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">sub5-1</a></li>
<li><a href="#">sub5-2</a></li>
<li><a href="#">sub5-3</a></li>
</ul>
</li>
<li><a href="#" target="_blank" rel="noopener noreferrer" title="인스타그램" style="font-size:30px; padding-top:13px;"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</nav>

그누보드

답변 3개

채택된 답변

+20 포인트

애드프로

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2026-07-04 (토) 14:10:43

베이직 테마 기준으로
/theme/basic/head.php 여기에

Copy

<a href="<?php echo $row['me_link']; ?>"><?php echo get_text($row['me_name']); ?></a>

이런식으로 링크가 있습니다.

Copy

<a href="<?php echo $row['me_link']; ?>" title="<?php echo get_text($row['me_name']); ?>">
    <?php if ($row['me_name'] == '인스타그램') { ?>
        <i class="fa fa-instagram" aria-hidden="true"></i><span class="sound_only">인스타그램</span>
    <?php } else { ?>
        <?php echo get_text($row['me_name']); ?>
    <?php } ?>
</a>

이런식으로 메뉴명에 따라 분기해주시면됩니다.

들레아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2026-07-04 (토) 13:24:35

열린이글

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2026-07-04 (토) 10:24:39

<? php
echo "<li>
<a href='#'>
<img src='????.png' width='1' height='1' border='0' alt=''>
</a>
</li>" ;
?>

답변을 작성하려면 로그인이 필요합니다.

메인메뉴 중 특정 메뉴 하나만 텍스트가 아니라 아이콘으로 변경

답변 3개

공유하기