본문 바로가기
반응형

안녕하세요. T스킨BASIC V2 Version 2.1.0 배포합니다. 이번에는 코드를 좀 많이 변경했습니다.
앞으로 특정 태그를 이용하여 다양한 탬플릿이 적용되도록 할 수 있습니다.

기능 추가

1. 특정 태그가 설정된 Post 글에 대해서 특정 탬플릿 적용

야심차게 추가한 기능입니다. 개발한 저도 앞으로 기대가 되는 기능입니다. 글의 태그에 특정 형식의 태그명을 입력하면 그 글(컨텐츠)이 특정 탬플릿이 구현되도록 핵심 코드를 개발하여 적용하였습니다.

[@@]사이에 정해진 특정 단어를 입력하면 탬플릿이 반영됩니다. ( V2.2.0에서 변경됨 )
[##]사이에 정해진 특정 단어를 입력하면 탬플릿이 반영됩니다.
ex > [@특정단어@]
ex > [#특정단어#]

V2.1.0에서는 댓글을 활용한 게시판 기능을 구현했습니다.

게시판 탬플릿

Post 글에 특정 태그를 입력하면 해당 Post(글)의 본문을 가리고 댓글창이 게시판처럼 보여지게 했습니다.

DEMO : ux.stories.pe.kr 블로그에는 스킨 오류/개선 요청 게시판에 적용해 봤습니다.

적용된 모습

적용방법

  1. 새로운 글쓰기를 하고 제목을 입력합니다.
  2. 태그 입력란에 [#게시판#]이란 태그를 입력합니다.

2. 커버기능 중 와이드패널 추가

스킨기능 중에 티스토리 표준스킨에 있던 와이드패널 기능을 추가 하였습니다.

3. 대댓글 작성 시 애매했던 아이콘(x)을 텍스트로 변경

대댓글 작성 할 때 뜨는 버튼 그룹이 아이콘으로만 되어 있어서 기능이 헷갈렸던 부분이 있었습니다. 버튼 기능의 오해가 없도록 텍스트로 변경하였습니다. 다만 신고 버튼에 대해서만 아이콘으로 처리 했습니다.

Hotfix

  • 공지사항 화면의 타이틀 아래 관리자에게만 보여야 할 글수정 메뉴가 노출되던것을 삭제 했습니다.

수정된 파일

스킨의 거의 모든파일을 수정했습니다.

  • index.xml (이 파일은 업로드 시 설정값이 초기화 되므로 기존의 설정을 잘 기록놨다가 복원해야 함)
  • skin.html
  • style.css
  • images
    • script.js

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~