반응형 스킨의 장점: 1개의 글



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]

Posted by HAPPYJINI
2018.05.31 01:03 Blog 101/Tistory

안녕하세요. HAPPY JINI 입니다.

어제의 구글 애드센스 승인 비법! 포스팅에 이어 오늘은 어떤 환경에도 적응하는 티스토리 블로그를 만들기 위해 반응형 스킨에 대한 이야기와 설정 방법에 대해서 포스팅하겠습니다.


 

개인 티스토리 블로그의 'manage'로 가면 꾸미기 => 스킨 변경 세팅이 있습니다.

티스토리에는 39개의 스킨이 있습니다. 


런데 왜 굳이 티스토리에 없는 반응형 스킨으로 바꿔야 할까요?





반응형 스킨의 장점을 이야기 하자면 ;


1.어떤 환경에서도 그 환경에 맞게 맞춰집니다. 컴퓨터, 모바일, 탭 등 어떤 환경이든 포스팅한 이미지를 맞춰줍니다.

비반응형 스킨의 경우, 이미지와 맞지 않는 환경에서는 사진이 잘리거나 보이지 않는 경우도 있습니다.

그런 점을 반응형 스킨에서는 어떤 환경이든 맞게 바뀌어 이미지 그대로 보여줍니다.


2.반응형일 경우는 PC 버전과 모바일 버전 어디에서든 동일한 URL을 표시합니다. 해피지니의 도메인은 happyjini.com 입니다.

반응형에서는 PC 버전과 모바일 버전에서 동일하게 happyjini.com으로 보입니다.

하지만 비반응형일 경우에는 PC 버전에서는 happyjini.com으로 보였다면 모바일 버전에서는 m.happyjini.com으로 앞에 모바일을 가르키는 'm'이 붙습니다.

URL이 PC 버전과 모바일 버전이 다른 것이 무엇이 중요해? 라고 생각하실 수도 있습니다. 


티스토리는 다음에서 운영하는 블로그입니다. 검색엔진은 다음만 있는 것이 아닙니다. 우리는 모든 검색엔진에 등록이 되어 어느 검색엔진에서든 검색이 잘되어 많은 이들에게 나의 정보를 제공하고자 하는 것이 목표입니다.  그 것이 모두의 목표가 맞습니까? 네. 맞습니다 


그렇다면 그 중 네이버 검색엔진에서도 검색이 잘 되어야 하겠지요? 하지만 네이버에서는 이 같은 경우 2개의 사이트로 인식한다고 합니다.

2개의 사이트가 같은 내용을 포스팅하고 있습니다. 그렇게 되면 포스팅의 질이 떨어져 네이버에서는 여러분들의 사이트를 저품질 사이트로 인식하게 됩니다.

어떻게 만든 블로그이고, 어떻게 승인받은 애드센스 입니까? 그럴 수 없기 때문에 반응형 스킨을 추천하는 이유입니다.



3.반응형 스킨은 예쁘지는 않지만 일목요연하게 만들 수 있습니다. 단순 블로그의 느낌이 아니라 하나의 사이트 처럼 꾸밀 수 있습니다.

상단 메뉴와 사이드 바를 만들 수 있으며 메뉴바를 다양하게 꾸밀 수 있습니다.


물론 비반응형 스킨으로도 블로그를 잘 운영하시는 분들도 있습니다.

구글 애드센스 승인에 계속 탈락 될 때 반응형 스킨으로 바꾸면 유리하다는 글을 보고 난 후, 반응형 스킨으로 바꾸게 되었습니다.

과연 반응형, 비반응형 스킨에 따라 애드센스의 승인과 비승인의 차이가 있을까? 하는 생각으로 확신은 없습니다.

하지만 반응형 스킨으로 확실하게 일목요연한 깔끔한 사이트가 된 것은 분명합니다.




반응형 스킨에는 여러가지가 있습니다. 하지만 그 중 대표적인 반응형 스킨은 단연 FastBoot이 아닐까 생각합니다.

현재 FastBoot은 1.6.2가 가장 최신 버전입니다. [FastBoot 스킨은 'Readiz'님이 만드 반응형 스킨입니다.]


이제부터 어떤 환경에서도 적응하는 티스토리 블로그를 만들기 위해 반응형 스킨 FastBoot의 설정 방법에 대해서 알려드리겠습니다.


먼저 아래의 FastBoot v 1.6.2 zip 파일을 다운 받으신 후 압축을 해제합니다. (파란색 글씨를 따라가 주세요.)


FastBoot v1.6.2.zip




어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]




==> 압축을 해제 한 후 꾸미기에서 스킨변경으로 갑니다 

스킨변경으로 가면 아래와 같이 사용중인 스킨이 보입니다.

저는 현재 사용중인 스킨으로 FastBoot을 사용하고 있어서, FastBoot이 뜨지만 여러분의 사용중인 스킨은 스킨 목록에 있는 것 중의 하나가 뜰 것입니다.

==>핑크 화살표가 가르키는 '스킨등록'을 클릭합니다.



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]1



==> 스킨등록을 클릭해서 들어가면 추가 버튼이 뜹니다. '추가' 버튼을 클릭합니다.


어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]2





==> 추가 버튼을 클릭하여 들어가면, 아까  FastBoot v 1.6.2 압축 파일을 해제한 파일들이 뜹니다.

그 중에서 맨 위의 images 폴더를 제외한 나머지 6개의 파일을 (index~style파일까지) 클릭합니다.



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]3


==> 아래와 같이 '파일목록'에 5개의 파일이 들어옵니다. 

==> 파일목록이 들어와 있다면 아래의 오렌지 컬러 '저장' 버튼을 눌러주세요.

(저의 경우 스킨 적용 후에 캡쳐한 이미지인 관계로, 경우에 따라서 여러분들의 파일 목록의 갯수가 다를 수도 있습니다. 다르다고 해서 당황하지 마세요.)



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]4


어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]5



==> 파일목록 저장 후에 보게되면, 사용 중인 스킨이 'FastBoot' 으로 뜨게 됩니다.

스킨보관함으로 들어가면, 스킨 목록 안에 FastBoot 스킨이 있는 것이 보일 것입니다.



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]7



패스트붓(FastBoot) 스킨 적용이 잘 되었는지 다시 한번 확인하기 위해 블로그 메인의 하단으로 가면 Skin By Readiz로 표시되어 있습니다.



어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]8






어떤 환경에서도 적응하는 티스토리 블로그 만들기 [반응형 스킨 설정 방법/FastBoot 1.6.2 파일 첨부]9




마지막으로 반응형 스킨을 문제없이 사용하기 위해서는 한가지를 더 바꿔줘야 합니다. 


티스토리 블로그 manage로 가면 꾸미기에 '모바일' 세팅이 있습니다.

핑크색 화살표가 가리키는 모바일 꾸미기 설정에서 ★★ 티스토리 모바일웹 자동 연결을 '사용하지 않습니다.'로 바꿔준 뒤 변경사항 저장 버튼을 클릭합니다. ★★★★


모든 반응형 스킨 설정이 끝났습니다.


이로써 오늘은 왜 반응형 스킨을 사용해야 하는지? 와 그리고 반응형 스킨 세팅 방법에 대한 포스팅이였습니다.

다음 포스팅에서는 상단, 메뉴바, 사이드 바 등 블로그를 보다 더 일목요연하게 바꿀 수 있는 것에 대한 방법을 포스팅하겠습니다.


혹시 제가 한 포스팅에서 잘못된 부분이 있거나, 보충해야 할 부분이 있다면 댓글 남겨주세요.




눌러주시는 공감 ( ) 은 큰 힘이 됩니다.

로그인하지 않으셔도 공감은 가능합니다.

감사합니다. ^_______^


이 포스트 공유하기

페이스북
트위터
구글+
네이버
밴드
카스

티스토리 툴바