분류 목록

    분류 전체보기 (1498)
    남식이의 생활 이야기 (149)
    유용한 정보<휴대폰> (668)
    유용한 정보<컴퓨터> (636)
    유용한 정보<기타> (45)

반응형 블로그 스킨으로 전환하였습니다.


 Namsik's Story 블로그는 지난 19일부터 컴퓨터, 태블릿, 스마트폰과 같은 디바이스 환경에 대응하고, 이용편의성을 높이기 위해서 기존에 사용하던 criuce job 티스토리 스킨(새창)을 반응형으로 동작하도록 수정하였고 몇일동안 다양한 디바이스로 문제점을 테스트해보았지만 특별한 문제가 없는 듯하여 블로그에 실제 적용하게 되었습니다.


모든 디바이스 환경에 대응가능

 Namsik's Story 블로그는 티스토리의 제한된 모바일 화면을 벗어나 다양한 해상도와 디바이스에 최적화된 웹화면을 제공하여 블로그에 게시된 정보들을 간편하게 얻을 수 있습니다. PC화면(좌측)은 Adobe Flash®를 적용한 모든 항목을 제거하고 CSS 태그를 정리하여 로딩 속도를 향상시켰으며, 태블릿(중앙)과 스마트폰(우측)과 같은 해상도가 낮은 디바이스에서 최적화된 이용환경을 제공합니다.


보다 개선된 모바일 이용환경

 기존의 티스토리 모바일 화면은 제한된 이용환경만 제공되었지만, 수정된 Namsik's Story 블로그의 스킨은 해상도가 낮은 디바이스에서 최적화된 이용환경을 제공하도록 개선하였습니다. 동일한 조건에서 더 많은 컨텐츠를 표시할 수 있도록 전체적으로 개선된 것은 물론이고, 상단부로 바로 이동하는 TOP버튼과 화면 상단에 고정된 헤더바를 통하여 웹보기 환경을 대폭 개선하였습니다. (모자이크는 애드센스 광고가 설치된 곳 입니다.)


몇가지 문제는 차후 수정 예정

#1. 본문 상단에 여러개의 애드센스가 표시되는 문제

 본문에 삽입된 애드센스 광고 스크립트로 인하여 PC 및 모바일에서 여러개의 애드센스가 동시에 표시되는 문제가 발생될 수 있으며, 최대한 노력하여 본문에 삽입된 애드센스 광고 스크립트 전체를 삭제하였지만 필자가 놓치고 지나간 부분이 있을 수 있습니다. (발견하시면 꼭 방명록이나 댓글로 알려주시면 감사하겠습니다^^)

#2. 첨부파일 표시 문제

 본문 영역에 사진, 동영상을 제외한 첨부파일이 첨부되어 있는 경우에는 상단에 첨부한 스크린샷과 같이 아이콘이 다른 간격으로 넘어가버리는 문제가 발생하고 있습니다. 최대한 빠른 시일내에 CSS 관련 항목을 추가하여 이전과 같이 깔끔하게 첨부파일이 표시될 수 있도록 노력하겠습니다.
신고

의견을 남겨 주세요

  1. Favicon of http://cafe.daum.net/musoga 홀로삼 2016.01.19 23:47 신고  수정/삭제  댓글쓰기

    유토렌토를 사용하다가 포스팅을 찾아와서 이것저것 평소 궁금하던 내용들을 보고 있습니다.
    먼저 상세하고 직관적인 글과 그림들에 감사부터 드리겠습니다.

    컴과 통신을 접한 지는 오래되었는데도 50대중반을 넘어서고는 필요한 것만 하는데도
    어찌 아는 것보다 모르는 것이 너무 많아지고 있습니다.

    그래서 님의 글중에 스킨...이라 해서 눈이 번쩍합니다.
    얼마 전에 초대장을 구해서 티스토리를 시작하려고 했는데...
    평소에 정해진 폼을 사용하는 포탈의 일반 블로그와 카페만 하다 보니 도대체 감이 안 잡힙니다...ㅎㅎ

    위에 적은 홈페이지 주소는 다음카페 <산악회 다이어리>입니다.
    카페와 연동하여 등산입문에 관한 글과 자료들을 포스팅하려고 하는 것입니다.
    여러 가지로 검토해보니 티스토리가 가장 낫더군요. 그런데, 스킨...에서 일차 포기한 상태였는데...
    위 글을 읽고는 도움을 요청하는 것인데... 혹시 님이 전에 쓰던 스킨을 제가 사용할 수는 없는지요.

    긴 글이지만 읽어주셔서 감사드리며 추운 날씨에 건강하시길...

    • Favicon of http://jnstory.net 조남식 2016.01.22 05:35 신고  수정/삭제

      제가 사용중인 스킨은 얼마든지 제공해드릴 수 있습니다.
      물론, 하단 Copyright(저작자) 부분은 손대지 않는 조건으로 말입니다. 필요하시다면 이메일(webmaster@jnstory.net)주시면 파일 백업하여 보내드리겠습니다.

      참고로, 스킨은 반응형으로 구성되어 있지만 일부 항목은 저에 맞게 커스텀되어 있다보니 사용상 어려움을 느끼실 수 있습니다. 그래도 괜찮으신지...?;;

Powerd by Tistory, designed by criuce, modify by Namsik's Story
rss
TOP