Poster 스킨 사이드바 영역 만들기

배너출력 플러그인 및 태그입력기 플러그인 사용을 위한 사이드바 영역 만들기입니다.

배너출력 또는 태그 입력기 플러그인을 사용하려면 사이드바가 필요한데 포스터 스킨에는 사이드바 영역이 없습니다. 그래서 플러그인을 적용해도 블로그 관리페이지 사이드바를 보면 아무것도 나타나지 않습니다. 사이드바를 사용하기 위해서는 사이드바 치환자를 이용해 영역을 만들어 주어야 합니다.

사이드바 영역 만들기

사이드바 영역을 만드는 것은 아주 간단 합니다.
아래 치환자 코드를 원하는 곳에 넣어주기만 하면 됩니다.

 

<s_sidebar>
</s_sidebar>

포스터 스킨을 예로 들어 하단 푸터영역에 사이드바를 사용하려면 아래처럼 넣어 주면 됩니다.

<footer id="footer">
  <s_sidebar>
  </s_sidebar>
  <p class="copyright">DESIGN BY <a href="#">TISTORY</a> <a href="https://wonderbout.tistory.com/manage" class="admin">관리자</a></p>
</footer>

또는 좌측 모바일 메뉴 부분에 2개를 넣고 싶다면

<div class="menu">
  <nav id="gnb">
     
  </nav>
  <!-- 사이드바1 -->
  <s_sidebar>
  </s_sidebar>

  <div class="social-link">
      <s_if_var_sns-pinterest><a href="" class="pinterest">Pinterest</a></s_if_var_sns-pinterest>
      <s_if_var_sns-facebook><a href="" class="facebook">Facebook</a></s_if_var_sns-facebook>
      <s_if_var_sns-twitter><a href="" class="twitter">Twitter</a></s_if_var_sns-twitter>
      <s_if_var_sns-instagram><a href="" class="instagram">Instagram</a></s_if_var_sns-instagram>
  </div>

  <!-- 사이드바2 -->
  <s_sidebar>
  </s_sidebar>

  <p>POWERED BY TISTORY</p>
</div>

사이드바는 본문영역이 아닌 곳이라면 상, 하단 또는 좌, 우측에 만들 수 있고 여러 개를 만들 수도 있습니다.

스킨 편집창에서 찾기 단축키 이용하기 브라우저 또는 편집창에 마우스 클릭후 Ctrl + F 그리고 찾을 단어 예) <footer id="footer">