[티스토리] Square 스킨 커스텀(전체 글 보기 페이징 추가, 폰트 변경 등)

깔끔해서 마음에 들었던 Square 스킨.

 

전반적으로 만족하는 편이었지만 폰트 사이즈가 정말 작았다.

홈 상단에 전체 글 목록이 길게 떨어져 있는 것도 아쉬웠고

맨위로 맨아래로 가는 단축버튼도 있었으면 좋겠다고 생각했다.

 

그래서! 개발자답게(?) html과 css를 직접 편집하기로 마음먹고

어제 새벽에 급 스킨 커스텀을 하게 되었다.

 

 

1. 폰트 사이즈 및 폰트 변경

 

- 폰트 사이즈와 폰트 변경을 위해 CSS 내 상단 import 행을 주석처리하고

textarea font-family의 앞쪽 기존 폰트를 애플고딕 폰트로 수정했다. 

 

 

2. 홈 상단 전체글보기 개수 조절 및 페이징처리

 

- 전체글보기 개수는 스킨 편집 첫 화면에서

홈 화면 글 수 5개로 손쉽게 수정이 가능했다.

 

- 페이징처리도 사실 크게 어렵지 않았다.

페이지 하단에 자체적으로 존재하는 페이징부분 코드를 복사해

위 전체 글 보기 영역에 붙여넣었다.

코드 삽입 위치는 주의해서 넣어야 한다.

 

상단 페이징 코드 :

<!-- 상단 페이징 -->
<div id="paging">
<s_paging>
    <a  class="prev ">
        PREV
        <span class="screen_out">
            이전
        </span>
    </a>
    <s_paging_rep><a class="numbox" ></a></s_paging_rep>
    <a  class="next ">
        NEXT
        <span class="screen_out">
            다음
        </span>
    </a>
</s_paging>
</div>
<!-- 상단 페이징 끝 -->

 

 

3. 업데이트 예정(위 아래 바로가기 버튼)

 

 

 

스킨 커스텀 결과는 대만족~!

스킨 하나 만들어내버려?