티스토리 반응형 스킨 "친효스킨" 테스트 글

안녕하세요, 이곳은 친절한효자손 취미생활 블로그의 서브 블로그 입니다. 이곳에는 핸드메이드 작품들, 그림 그리기 등등의 지극히 개인적인 콘텐츠를 올리는 공간 입니다.

현재 티스토리 스킨을 개발 중 이고, 마침내 1차 완성이 되었습니다. 바로 배포는 하지 못하고 이 블로그로 테스트를 진행하고 있습니다. 테스트 하고자 하는 목적은 다음과 같습니다.

1. 티스토리의 기본 기능들을 정상적으로 구현하는가?

2. 로딩 속도는 빠른가?

3. 검색 엔진에서 정확하게 문서들을 인식하는가?

4. 애드센스는 원하는 위치에 정확히 출력되는가?

5. 사용자 커스터마이징이 가능한가?

이 정도가 테스트하는 목표 입니다.

이 문서를 작성하는 목적 또한 위의 모든 부분에 대해서 정확히 테스트를 하기 위함 입니다. 현재까지 알려진 짜잘한(?) 몇가지 문제는 인피드 광고의 애드센스가 원하는 스타일대로 구현이 되지 않는다는 점 입니다. 그리고 데스크탑 스타일을 기준으로 확실하게 인피드 광고 스타일도 만들어야 할 것 같다는 생각입니다. 이 부분은 조금씩 개선 중 입니다.

현재 이미지와 유튜브 반응형 코드에 대한 부분도 정확하게 테스트해보려고 합니다. 이 아래로 이미지와 유튜브를 한번 넣어보도록 하겠습니다. 수동으로 넣는 방법과 티스토리 플러그인의 반응형 방법을 써보도록 하겠습니다.

작은 이미지 출처 : 구글 무료 이미지 검색 입니다. 텍스트를 이미지의 가로 사이즈보다 더 많이 입력해 봅니다.

이건 작은 이미지 입니다.

큰이미지 출처 : 구글 무료 이미지 검색

이건 큰 이미지 입니다.

이건 슬라이드 이미지 입니다.

다음은 동영상 테스트 입니다.

티스토리에서 제공하는 플러그인으로 넣은 영상 입니다.

수동으로 넣은 유튜브 반응형 동영상 입니다. 기본적으로 티스토리에서 제공하는 유튜브 동영상 링크 형태는 반응형이 아닙니다. 현재 친효스킨에서 강제적으로 반응형이 되도록 만들기는 했는데, 세로 사이즈가 지멋대로 작동을 합니다. 그래서 별로 보기가 안 좋군요. 때문에 플러그인으로 넣는 방법 보다는 수동으로 유튜브 동영상을 반응형으로 넣는 방법을 추천합니다. 이것은 티스토리의 모든 공통된 부분입니다.

첨부파일은 기존에 만들어 둔 친효애드온 스타일을 그대로 계승합니다.

첨부파일 예제.zip

이렇게 잘 적용되는것을 확인하실 수 있습니다.

표에 이미지를 넣은 모습 입니다.

심플하면서 콘텐츠를 충분히 강조하는 그런 스킨을 만들고 싶었습니다. 목표한대로 잘 나온 것 같군요. "친효스킨" 은 여러분들과 함께 발전해 나가길 희망합니다. 다음 3월에 곧 정식 배포가 있을 겁니다. 그때까지 잘 관리하고 수정하여 훌륭한 스킨이 되도록 만들겠습니다.

다음은 목록 테스트 입니다.

목록1
목록2
목록3

목록1
목록2
목록3

목록1
목록2
목록3

목록1
목록2
목록3

목록1
목록2
목록3

다음은 표 테스트 입니다.

1	2	3	4	5	6	7	8	9	10
텍스트	텍스트	텍스트	텍스트	텍스트	텍스트	텍스트	텍스트	텍스트	텍스트
텍스트

구분	본인부담금
	만1세 미만	만1세 이상 ~ 만6세 미만	만6세 이상 ~ 만65세 미만	만65세 이상			단수계산
치과의원	5%	21%	30%	진료비 총액	15,000원 이하	1,500원	100만원 미만 절사 (반올림X)
					15,000원 초과 ~ 20,000원 이하	10%
					20,000원 초과 ~ 25,000원 이하	20%
					25,000원 초과	30%
치과병원	10%	28%	40%	40%