7. 링크메뉴 설정(페이지메뉴/링크리스트/메뉴) - 오늘의 중요 증권이슈

 메뉴는 크게 상/중/하 3가지로 구분할 수 있습니다. 헷갈리지 않도록 위에서부터 차례대로 설명드립니다.

페이지 메뉴(Page Links)

페이지 메뉴는 최상단의 메뉴로 모바일과 PC에서 동일하게 보여집니다.

펼침 메뉴로 나타나며 사이트 링크를 넣어도 좋으나 블로그 소개, 연락처, 사이트 맵 등의 내부페이지 링크를 넣는 것이 좋을듯한 위치입니다.

링크 리스트(Link List)

링크 리스트는 특정 게시글을 보여주고자 할때 사용하기 좋은데요! 블로그 로고를 이미지로 했을 때 로고 아래에 바로 링크 리스트가 나타나기 때문에 클릭하기 상당히 좋은 곳에 위치하고 있습니다.

블로그 내에서 고단가 게시글이 있다면 적절하게 배치해보는 것도 좋을것 같습니다.

메뉴(Menu)

해당 블로그의 메뉴를 입력하는데 PC에서는 펼침 메뉴로 보이지만, 모바일에서 접혀서 보입니다. PC 방문자가 많은 블로그라면 신경을 쓸 필요는 있겠지만, 모바일 위주 방문자가 많다면 적당히 인기 라벨 위주로 배치해도 좋을것 같습니다.

블로소득 블로그의 메뉴 코드는 아래와 같습니다. 제 블로그 메뉴 구조와 동일하게 사용하고자 한다면 이 코드를 복붙하셔서 주소와 이름만 수정하시면 됩니다.

<ul>
  <li><a href='https://www.youtube.com/@블로그' title='멤버십 가입'>멤버십 가입</a></li>
  <li class='dropdown'>
    <span>테마 다운로드</span>
    <ul>
      <li><a href='https://vietrick.com/' title=' VTrick Template'>VTrick 테마</a></li>
      <li><a href='https://blogsodk.blogspot.com/' title=' Fiksioner'>Fiksioner 테마</a></li>
    </ul>
  </li>
  <li><a href='https://blogsodk.blogspot.com/search/label/코드' title='코드'>블로소득 코드</a></li>
  <li><a href='https://blogsodk.blogspot.com/search/label/애드센스' title='애드센스'>애드센스</a></li>
  <li><a href='https://blogsodk.blogspot.com/search/label/1억만들기' title='1억만들기'>1억 만들기</a></li>
</ul>

드롭다운(마우스 갖다대면 내려오는 메뉴) 코드만 보면 아래와 같습니다.

<li class='dropdown'>
  <span>Dropdown</span>
  <ul>
    <li><a href='https://www.alamat.com' title='Sub 1'>Sub 1</a></li>
    <li><a href='https://www.alamat.com' title='Sub 2'>Sub 2</a></li>
  </ul>
</li>

드롭다운 코드만 따로 보시면 제가 어떻게 메뉴를 만들어서 사용하고 있는지 한눈에 들어오실겁니다.

출처： 블로소득

https://blogsodk.blogspot.com/2025/02/free-theme-derelogy.html