JB SKIN 업그레이드 / 페이지 관련 코드 추가

업그레이드 내용

  • 티스토리에서 페이지 관련 치환자를 공개했습니다. 그에 맞추어 스킨을 업그레이드했습니다.
  • 페이지의 내용이 글(포스트)의 모양과 똑같이 나오는 문제가 해결되었습니다. 예를 들어 글에 애드센스 광고가 있다면 페이지에도 애드센스 광고가 나왔는데, 이젠 그런 문제가 없습니다.
  • 검색했을 때 페이지는 검색 결과에 나오지 않습니다. 검색 결과에 나오게 하는 경우 글 전체가 나오는 문제가 있기 때문입니다. 티스토리에서 조만간 해결할 거라 기대하고 있습니다.
  • 페이지 기능을 사용하지 않는다면 업그레이드 하지 않으셔도 됩니다.

업그레이드한 스킨

  • JB SKIN 101 V0.3.1 → JB SKIN 101 V0.4.0
  • JB SKIN 103 V0.3.0 → JB SKIN 103 V0.4.0
  • JB SKIN 107 V0.2.1 → JB SKIN 107 V0.3.0
  • JB SKIN 109 V0.3.0 → JB SKIN 109 V0.4.0
  • JB SKIN 113 V0.2.1 → JB SKIN 113 V0.3.0
  • JB SKIN 127 V0.4.1 → JB SKIN 127 V0.5.0
  • JB SKIN 131 V0.1.0 → JB SKIN 131 V0.2.0
  • JB SKIN 137 V0.1.0 → JB SKIN 137 V0.2.0

변경 코드 직접 수정하기

스킨을 새로 설치하지 않고 직접 코드를 수정하고 싶다면 다음과 같이 하세요.

스킨 백업

기존 스킨을 백업합니다.

삭제

HTML에 있는 다음 코드를 삭제합니다. (최근 업그레이드를 하지 않았다면, 아래 코드는 없을 수도 있습니다.)

// Page
  if ( jbCurrentUrl.indexOf( '/pages/' ) > -1 ) {
    $( '.jb-article-information' ).remove();
    $( '.jb-discuss-count' ).remove();
  }

추가

HTML에서  </s_article_protected>와 <s_article_rep> 사이에 코드를 추가합니다.

JB SKIN 101, JB SKIN 107, JB SKIN 109, JB SKIN 113에 추가할 코드는 다음과 같습니다.

<s_page_rep>
  <s_index_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-page">
      <div class="jb-index-table jb-index-table-page">
        <div class="jb-index-table-row jb-index-table-row-page">
          <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-page jb-index-table-cell-thumbnail-page">
            <a href="[##_article_rep_link_##]">
              <div class="jb-index-thumbnail jb-index-thumbnail-no-image jb-index-thumbnail-page jb-index-thumbnail-no-image-page">
                <img src="./images/jb-notice-400x300.png" alt="">
              </div>
            </a>
          </div>
          <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-page jb-index-table-cell-information-page">
            <h3 class="jb-index-title jb-index-title-page"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3>
            <p class="jb-index-information jb-index-information-page">
              <span class="jb-index-information-date jb-index-information-date-page">[##_article_rep_date_##]</span>
            </p>
            <p class="jb-index-summary jb-index-summary-page"><a href="[##_article_rep_link_##]">[##_article_rep_summary_##]</a></p>
          </div>
        </div>
      </div>
    </div>
  </s_index_article_rep>
  <s_permalink_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-content-article jb-cell-content-page">
      <article>
        <header>
          <div class="jb-content-title jb-content-title-article jb-content-title-article-page">
            <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
            <div class="jb-article-information jb-article-information-page">
              <ul>
                <li><span class="jb-article-information-author jb-article-information-author-page">[##_article_rep_author_##]</span></li>
                <li><span class="jb-article-information-date jb-article-information-date-page">[##_article_rep_date_##]</span></li>
              </ul>
            </div>
          </div>
        </header>
        <section>
          <div class="jb-content jb-content-article jb-content-article-page">
            <div class="jb-article jb-article-page">[##_article_rep_desc_##]</div>
          </div>
        </section>
      </article>
    </div>
  </s_permalink_article_rep>
</s_page_rep>

JB SKIN 103, JB SKIN 127, JB SKIN 131에 추가할 코드는 다음과 같습니다.

<s_page_rep>
  <s_index_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-page">
      <div class="jb-index-table jb-index-table-page">
        <div class="jb-index-table-row jb-index-table-row-page">
          <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-page jb-index-table-cell-thumbnail-page">
            <a href="[##_article_rep_link_##]">
              <div class="jb-index-thumbnail jb-index-thumbnail-no-image jb-index-thumbnail-page jb-index-thumbnail-no-image-page">
                <img src="./images/jb-notice-480x270.png" alt="">
              </div>
            </a>
          </div>
          <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-page jb-index-table-cell-information-page">
            <h3 class="jb-index-title jb-index-title-page"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3>
            <p class="jb-index-information jb-index-information-page">
              <span class="jb-index-information-date jb-index-information-date-page">[##_article_rep_date_##]</span>
            </p>
            <p class="jb-index-summary jb-index-summary-page"><a href="[##_article_rep_link_##]">[##_article_rep_summary_##]</a></p>
          </div>
        </div>
      </div>
    </div>
  </s_index_article_rep>
  <s_permalink_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-content-article jb-cell-content-page">
      <article>
        <header>
          <div class="jb-content-title jb-content-title-article jb-content-title-article-page">
            <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
            <div class="jb-article-information jb-article-information-page">
              <ul>
                <li><span class="jb-article-information-author jb-article-information-author-page">[##_article_rep_author_##]</span></li>
                <li><span class="jb-article-information-date jb-article-information-date-page">[##_article_rep_date_##]</span></li>
              </ul>
            </div>
          </div>
        </header>
        <section>
          <div class="jb-content jb-content-article jb-content-article-page">
            <div class="jb-article jb-article-page">[##_article_rep_desc_##]</div>
          </div>
        </section>
      </article>
    </div>
  </s_permalink_article_rep>
</s_page_rep>

JB SKIN 137에 추가할 코드는 다음과 같습니다.

<s_page_rep>
  <s_index_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-page">
      <div class="jb-index-table jb-index-table-page">
        <div class="jb-index-table-row jb-index-table-row-page">
          <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-page jb-index-table-cell-thumbnail-page">
            <a href="[##_article_rep_link_##]">
              <div class="jb-index-thumbnail jb-index-thumbnail-no-image jb-index-thumbnail-page jb-index-thumbnail-no-image-page">
                <img src="./images/jb-notice-750x750.png" alt="">
              </div>
            </a>
          </div>
          <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-page jb-index-table-cell-information-page">
            <h3 class="jb-index-title jb-index-title-page"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3>
            <p class="jb-index-information jb-index-information-page">
              <span class="jb-index-information-date jb-index-information-date-page">[##_article_rep_date_##]</span>
            </p>
            <p class="jb-index-summary jb-index-summary-page"><a href="[##_article_rep_link_##]">[##_article_rep_summary_##]</a></p>
          </div>
        </div>
      </div>
    </div>
  </s_index_article_rep>
  <s_permalink_article_rep>
    <div class="jb-cell jb-cell-content jb-cell-content-article jb-cell-content-page">
      <article>
        <header>
          <div class="jb-content-title jb-content-title-article jb-content-title-article-page">
            <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
            <div class="jb-article-information jb-article-information-page">
              <ul>
                <li><span class="jb-article-information-author jb-article-information-author-page">[##_article_rep_author_##]</span></li>
                <li><span class="jb-article-information-date jb-article-information-date-page">[##_article_rep_date_##]</span></li>
              </ul>
            </div>
          </div>
        </header>
        <section>
          <div class="jb-content jb-content-article jb-content-article-page">
            <div class="jb-article jb-article-page">[##_article_rep_desc_##]</div>
          </div>
        </section>
      </article>
    </div>
  </s_permalink_article_rep>
</s_page_rep>

참고

페이지에 작성자와 날짜를 나오지 않게 하고 싶다면 CSS 제일 밑에

.jb-article-information-page { display: none; }

를 추가하세요.

상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 E-MAIL : jb@jbfactory.net 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 호스팅서비스 : Amazon Web Services 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침