JB SKIN 103

데모 블로그

http://jb-skin-103.tistory.com/

스킨 등록

티스토리 관리자에서 스킨을 등록합니다. (스킨 등록하는 방법)

설정

모바일웹 스킨 설정

티스토리 관리자에서 모바일웹 스킨을 OFF로 설정합니다.

화면 출력 설정

[화면설정 – 화면출력]으로 이동합니다.

  • 기본화면의 글 개수를 정합니다. 그 개수만큼 첫화면에 글 목록이 나옵니다.
  • 선택 화면에서 글 목록 개수를 정하고, 그 옆을 [목록+내용]으로 정합니다.

티에디션 해제

티에디션을 사용하고 있다면 사용 해제를 해야 첫화면이 반응형으로 제대로 나옵니다. 만약 사용하는 것으로 설정되어 있다면 [화면설정 – 티에디션]에서 사용 해제하세요.

블로그 아이콘 표시 플러그인 활성화

[플러그인 설정]에서 블로그 아이콘 표시 플러그인을 활성화합니다. 크기는 64×64를 선택하세요.

블로그 이름

왼쪽 위의 블로그 이름은 글자로 나오게 하거나 이미지로 나타낼 수 있습니다.

skin.html에 다음과 같은 코드가 있습니다.

기본 설정은 글자를 사용하는 것입니다.

블로그 이름을 이미지로 나타내고 싶으면

처럼 수정합니다. 이미지는 스킨의 images 폴더에 있는 jb-logo-skin-103.png 파일을 참고하여 만드시면 됩니다.

메뉴

상단 오른쪽에 있는 메뉴는 카테고리와 블로그 메뉴로 구성되어 있습니다.

카테고리는 [카테고리 설정]에서, 블로그 메뉴는 [화면 설정 – 메뉴]에서 만듭니다.

슬라이더

슬라이더를 사용하는 것으로 설정하면 다음처럼 첫화면에 슬라이더가 출력됩니다.

슬라이더 사용하는 방법을 참고하세요.

SNS

SNS – 상단 메뉴

skin.html에 다음과 같은 코드가 있습니다.

적절히 수정하여 사용하세요. 그리고 #은 자신의 SNS 주소로 변경하세요.

상단 메뉴에 있는 SNS 아이콘은 자신의 SNS 계정으로 연결하는 링크입니다. 현재 글을 공유하는 기능이 아닙니다.

SNS – 공유하기

본문 밑에 현재 포스트를 SNS에 공유하는 기능을 포함하고 있습니다.

사용하고 싶지 않다면 [사이드바 설정]에서 SNS Share 모듈을 제거합니다.

애드센스

사이드바를 이용한 광고 게제

[플러그인 설정]에서 [배너 출력] 플러그인을 활성화합니다.

사이드바 설정으로 가면 다음처럼 애드센스 광고 게재를 위한 사이드바가 있습니다.

각 사이드바별 광고 위치는 다음과 같습니다.

  • 사이드바 1
    본문 상단에 광고가 나옵니다.
  • 사이드바 2
    PC에서는 본문 상단 오른쪽에 광고가 나옵니다. 모바일에서는 본문 상단에 광고가 나옵니다.
  • 사이드바 3
    본문 하단에 광고가 나옵니다.

AdSense CT, AdSense CTR, AdSense CB 모듈은 빈 모듈입니다. [-] 버튼을 클릭해서 제거한 후 광고를 넣으세요. (광고를 안 넣어도 제거하시는 게 좋습니다.)

[HTML 배너출력]을 원하는 곳으로 드래그한 후, [편집]을 클릭하여 반응형 애드센스 광고 코드를 넣습니다.

본문 중간에 광고 게제

글 작성/수정 화면에서 HTML 모드로 들어간 후, 적당한 곳에 다음의 코드를 넣으면

사이드바 3에 있는 광고가 위 코드가 있는 위치로 이동합니다.

애드센스 광고를 쉽게 넣을 수 있도록 만든 것일 뿐, 애드센스 정책을 위반하지 않는다는 보장을 하지는 않습니다. 사용자 본인의 책임 하에 활용하셔야 합니다.

특히 드롭다운 메뉴가 광고를 가리지 않도록 해야 합니다.

반응형 유튜브

수동

유튜브 동영상을 iframe으로 넣을 때, iframe을 다음처럼 div로 한번 감싸면 16:9 비율을 유지하면서 본문 가로 크기에 맞게 영상 크기가 변합니다.

만약 4:3 비율의 영상이라면 다음처럼 합니다.

자동

스킨에는 유튜브 동영상이 있으면 자동으로 16:9 비율을 유지한 채 영상 크기가 본문 가로 크기에 맞게 변하도록 하는 기능을 포함하고 있습니다.

만약 이 기능을 해제하고 싶다면, skin.html에 있는 다음의 코드에서

jb-youtube-auto를 삭제하세요.

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