181017 티스토리 스킨 #5 제작일지

181017 티스토리 스킨 #5 제작일지

이제 이래저래 정리는 끝났고, 배포용 버전 작업하면 되겠네요. 이 글 쓰고 나가봐야 하고, 배포용 버전으로 만드는 작업이 시간이 생각보단 좀 걸려서 아마 오늘 저녁 늦게나 내일 점심 전쯤 올라오지 않을까 싶습니다. 헤더 카테고리를 활성화하면 PC에서 헤더 좌측에 있던 버튼이 사라집니다. 사이드바에 있던 모든 기능을 헤더로 끌고 왔습니다. 검색은 저 버튼 누르시면 어떻게 동작하는지 확인하실 수 있습니다. 관리자 메뉴는 이리 옮겨왔습니다. 이미 본인의 대표 블로그로 가는 관리 / 글쓰기 링크가 포함되어 있지만, 당연히 대표 블로그가 아닌 블로그에 스킨을 적용할 수도 있기에 관리자 메뉴를 따로 만들어뒀습니다. 진작에 사이드바에 홈 카테고리 등으로 가는 링크를 만들어 뒀는데 왜 Menu 버튼을 안 없앴는지 모르..
전역 D-day

전역 D-day

전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역전역 제대
181016 티스토리 스킨 #5 제작 일지

181016 티스토리 스킨 #5 제작 일지

헤더 카테고리 헤더 카테고리를 완성해가는 중입니다. 초기에 구상했던 바는, 컨테이너 폭이 저렇게 정해져 있지 않고 유동적으로 설정됐습니다.그러고 스크립트로 적절히 위치를 찾아서 마우스를 올리면 left값을 조절할 예정이었는데, 너무 한정적인 상황을 위해 브라우저가 고생해야 한다는 기분이 들어서 그냥 컨테이너 너비를 일정 값으로 정해뒀습니다. 그리고, 글 작성한 날짜를 추가했습니다. 당연히 아무도 알 수가 없었던 버그지만, 최근 글을 불러오다 이미지가 없는 글을 만나면 이미지들이 통으로 누락되는 버그가 있었습니다.해당 버그를 고치고, 이미지가 없는 경우 티스토리 이미지가 뜨도록 해뒀습니다. /category 경로 디자인 헤더로 카테고리가 옮겨가며, 카테고리 / 검색 결과 등에서 더는 사이드바가 좌측에 고정..
그냥 처음부터 하고 싶은 심정이다

그냥 처음부터 하고 싶은 심정이다

이래저래 기능이 많이 추가됐고, 그러다 보니 시각적으로 분명히 예전보다 많이 좋아졌지만, 무분별하게 이 기능 저 기능 추가하다 보니 '왜 이 요소가 이 위치에 있어야 하는가'하는 필연성이 조금 부족해진 감이 확실히 든다. 이렇게 좀 불만이 생기다 보니, 부정적으로 보이기만 해서 그런가 요소가 배치된 모습이 난잡해 보이기까지 한다. 이렇게 좀 꼬이기 시작하다 보니, 그냥 새로 만드는 게 빠르지 않을까 싶다.예전 같으면 고민 없이 갈아엎고 새로 시작했을 텐데, 시간도 얼마 안 남았고, 배포를 시작한 스킨이라 최적화를 좀 깔끔하게 하고 싶은데 어디서부터 어떻게 건드리기 시작해야 할지 난감하다;; 문제 1. 카테고리의 배치 문제 2. 문제 1에서 고스란히 이어지는 사이드바의 배치 문제 3. 헤더 영역의 아이템 ..
새로운 기능 테스트 중...

새로운 기능 테스트 중...

아직 많이 실험적인 기능입니다.헤더에 카테고리 메뉴를 불러오고, 해당 카테고리의 글의 제목/썸네일을 최대 5개까지 불러옵니다. 원래 이 기능을 넣은 새 스킨을 제작할 예정이었으나, 오늘도 국방부로부터 친절히 카톡이 와서 시간의 촉박함을 공지해주기에 먼저 summer nights에 이 기능을 넣어서 업데이트를 진행할 예정입니다. 아직 많이 실험적인 기능이라, 어떻게 바뀔진 저도 잘 모르겠네요 ㅋㅋㅋ
티스토리 404 페이지에서 메인 화면으로 리다이렉트

티스토리 404 페이지에서 메인 화면으로 리다이렉트

404 페이지 확인 이 글 뒤에 이어서 작성하는 글입니다. 404 페이지를 꾸미는 방법은 여기서 확인해주세요. 12345678$(function() { var b = $(".article_container"), f = $(".absent_post").length, h = $(".article_container div"); 0 0) { setTimeout(function() { location.href = "/" }, 5000)}Colored by Color Scriptercs 핵심은 여기입니다. .absent_post의 개수가 0개를 초과하면, 5초 뒤에 "/" 경로로 이동하게 하는 스크립트입니다.5000을 수정하시면 리다이렉션되는 시간을 조절하실 수 있습니다.
[Summer Nights] 1.4.1 업데이트

[Summer Nights] 1.4.1 업데이트

체인지 로그 - 검색 결과에서 공지 글이 검색된 경우 원문이 그래도 표시되던 오류 수정 - /notice 경로에서 공지 목록이 표시되지 않던 오류 수정 - 유튜브 임베드가 특정 상황에서 제대로 되지 않던 오류 수정 - 비로그인 사용자가 방명록을 달았을 때 깨진 이미지가 표시되는 오류 수정 - 최근 댓글을 볼 때 헤더 높이만큼 스크롤 되는 타이밍을 수정 - 모든 티스토리 블로그(개인 도메인 사용자 제외)의 파비콘이 표시되도록 변경 (보안 연결에 영향 없음) 다운로드 /notice의 모습
자동으로 다음 페이지 목록 불러오기 - 성공

자동으로 다음 페이지 목록 불러오기 - 성공

솔직히 다음 페이지의 글 목록을 불러올 때마다 클릭해야 한다는 게 귀찮지 않았다면 거짓말이겠죠 ㅋㅋㅋ스크립트를 짜는 능력이 부족하다 보니, 이때까지 미뤄두고 있었습니다. 당장에 Daum만 봐도, 웹툰 / 티스토리 등 모두 infinite scroll을 사용하지만, 클릭해서 다음 페이지의 목록을 불러옵니다. 그러다 보니 'Daum 같은 기업도 이러는데 뭐...'하는 정신승리와 함께 작업을 미뤄두다가, 오늘 아침에 결국 꼼수를 좀 부려서 성공했네요 ㅋㅋㅋ 예전부터 느끼는 거지만, 아는 게 없어서 그런지 스크립트가 다른 스크립트들에 비해 굉장히 간결합니다 ㅋㅋㅋ 이걸 장점이라 해야 할지...단점이라 해야 할지...
블로그 이사갔습니다 (클릭)