티스토리 반응형 스킨 파일 다운로드 버튼 형태로 만들기 블로그에서는 특정 파일을 업로드하여 사용자에게 제공할 수 있습니다. 특정 파일 양식에서부터 링크에 이르기까지 대부분의 것들을 다양한 방법으로 제공할 수 있는데요. 일반적으로 블로그 포스트를 작성할 때 많이들 사용하시는 글쓰기 에디터, 즉 위지윅 에디터에서 파일을 업로드하게 되면 아래처럼 간단한 파일 아이콘과 링크 텍스트가 제공되는 형태로 기본 설정이 되어 있습니다. ▼ 위지윅 에디터에서의 파일 업로드 하지만 이 고전적인 방법의 문제점 중 첫번째는 예쁘지가 않다는 것이며, 클릭을 유도할만큼 직관적이지도 않다는 것입니다. 두번째 문제점은 파일을 꼭 티스토리 서버에 업로드 하여야만 사용자에게 제공해줄 수 있다는 점입니다. 사실 파일을 링크할 수 있는 HT..
티스토리 블로그 메뉴바에 SNS 아이콘 추가하기 : Skeleton 반응형웹(모바일 포함) 티스토리 블로그 반응형 스킨인 Skeleton 에서는 티스토리 자체에서 제공하는 상단메뉴바를 사용하지 않고, 자체 HTML로 제작된 메뉴바를 사용합니다(티스토리 제공 상단 메뉴바는 메뉴바로서 심플한 기능을 제공해주지만 사용자가 마음껏 기능 디자인을 할 수 없는 것은 단점입니다). 이에따라 사용자 입맛에 맞도록 자유롭게 무언가를 추가하거나 삭제하고, 수정할 수 있다는 장점이 생기는데요. 많이들 사용하는 SNS 아이콘을 설치하여 블로그 방문자에게 자신의 SNS를 소개하고 링크하여 개인 브랜드화에 약간의 도움이 될 수 있도록 디자인해보겠습니다. Note 반응형 웹을 사용하는 티스토리 스킨에서는 접속자의 화면 사이즈를 추..
티스토리 블로그 카테고리 글보기 혹은 검색시 나오는 날짜 위치 이동하기 블로그를 방문하는 독자의 가독성을 위한 소스코드 일부 수정을 해봅시다. 티스토리 블로그에서는 카테고리 글 보기 또는 검색을 했을 경우 OOO에 해당하는 글이라는 메시지와 함께 리스트가 출력됩니다. 제가 지금 사용하고 있는 Skeleton 반응형 웹 스킨 뿐만 아니라 티스토리에서 기본 제공하는 여러 스킨들 중에서도 나타나는 리스트들의 디자인이 가독성에 약간 영향을 주는 부분이 있습니다. 아래의 이미지는 예시를 들기위해 같은 스킨을 사용 중인 정재복님의 블로그 ↩를 전체 글보기를 하여 스크린샷 한 화면입니다. ▼ 물론 나쁘지 않은 디자인입니다만 포스트의 리스트가 날짜 뒤에 위치하여 조금의 시선을 방해하는 것처럼 느껴집니다. 사용자에게 중..
드디어 티스토리 반응형 블로그 스킨 적용을 완료하였습니다. 말 그대로 드디어네요. 부족한 실력으로 인해 겨우겨우 적용하였는데, 쏙 마음에 들어서 그간의 고생이 뿌듯하기까지 합니다. 이전에 등록되었던 스킨 적용 버전은 일종의 Beta 버전인데, 지금은 여러 테스트를 거쳐 제대로 적용하였습니다. 적용 버전은 첫 시작이기에 1.0이며, 어제 적용했던 Beta버전은 버전을 0.9로 낮춰서 제목을 변경해주었습니다. Beta 버전과 지금 버전에서 변경된 점은 다음과 같습니다. Beta를 거치면서 수정한 부분들 footer를 변경. 각종 라이선스 및 Address 등 추가 (기존)카테고리 접힘에서 카테고리 펼침으로 변경.(단, 모바일 기기일 경우 카테고리 접힘 : 반응형) 블로그 정보(대표 이미지 및 소개글 부분) ..
티스토리 반응형 블로그 스킨 적용 v1 변경 전 스킨과 변경 후 스킨 변경 전 스킨 변경 후 스킨 변경 전 스킨 변경 전 티스토리 스킨 이미지입니다. 그간 참 오래도록 사용해 온 스킨인데요. 지금와서 생각해보니(실제로 찾아보진 않고...) 못해도 한 3년 정도는 사용해 온 스킨이 아닌가 싶습니다. 정말 유익한 스킨이었고 지금도 그렇지만 지금도 많은 분들께서 사용하시는 스킨이라 생각합니다. 티스토리 기본 스킨 위에다가 CSS 및 HTML 코드 일부를 덮어 스타일을 적용하여 초보자도 쉽게 접근하기에 좋다는 장점 뿐만 아니라 블로그 디자인을 각 잡히도록 만들 수 있다는 장점이 있었던 스킨이었습니다. 저 같은 경우에는 해당 블로그의 스킨을 이용하면서 정말 많은 것들을 경험할 수 있었는데, 스킨이 잘 적용되다보니..
디자인의 '디'자도 모르면서 이렇게 저렇게 만들어가고 있네요. 어떻게 하면 깔끔하면서도 적용할 스킨에 잘 어울릴 수 있을지 고민에 고민이네요. 사실 디자인에 '디'자 정도만 알았어도 이렇게 고민하지 않고, 감각적으로 샤샤샥~ 할 수 있을텐데 말이에요.ㅎㅎㅎ 쓸데없이 옥스퍼드 노트에다가 프로토타입 그려서 하는 중인데... 예술적 감각이 꽝이라... 잘 될지 모르겠네요 ㅠㅎㅎ
드디어 미루고 미루던 스킨을 변경하였습니다. 아직 조금 더 손볼곳이 있는데 이미 해가 저물고 있네요 ^^; 아침부터 시작했는데, 시간이 이렇게나 빠르다니!! 역시 스킨변경은 쉬우면서도 어렵고, 간단하면서도 오묘한 매력(??)이 있습니다~ 늦었지만 새해를 맞이해서 블로그에게도 때때옷을 입혀 주었답니다. 사실 훨~~씬 이전부터 바꿔보려 했는데, 미루다 미루다 오늘에서야 했네요 ;;; 때때옷이라고 알록달록 이쁜건 아니지만, 심플하게 하려고 노력했습니다~ 미적감각이 없어서 이게 최선이라는.... 100% 완성된 것은 아니지만 , 제 마음에는 쏙 드네요 ^^ 뭐 이전스킨과 비교분석하는건 시간낭비 인것 같아, 주르르륵 적어가다가 지워버렷습니다 +_+ 스킨에 대해 잠깐 적어보자면, 티스토리 블로거이신 티비의 세상구경..
