[gabriel] 티에디션 설정하기
3.0 으로 패치되면서 티에디션 아이템의 소스도 전부 바뀌었습니다.
슬라이더 아이템 또한 unSlider 에서 Owl Carousel 로 교체됐구요.
아이템 소스는 보내드린 스킨 압축 파일 tedition 이라는 폴더 안에 따로 들어있습니다.
초기 설정
티에디션을 활성화 하고 관리 페이지로 넘어갑니다.
기존에 추가되 있는 아이템을 모두 제거하시고 아무것도 없는 상태로 만들어주세요.
이런 상태로 시작을 해야합니다.
우측 상단을 보시면 너비보정 버튼이 있습니다.
너비를 최대로 늘려주세요.
실제 화면에선 강제로 크기를 최대로 지정해놔서 늘이기를 눌러도 변화가 없을겁니다.
하지만 꼭 최대로 늘려주셔야합니다.
Q) 얼마나 눌러야 최대인가요?
A) 여...열번정도만... :)
아이템 추가
파란 + 버튼을 눌러 아이템을 하나 추가해주세요.
목록형 > 마지막 페이지 > item-340090 을 선택해주세요.
이 아이템이 Gabriel 3.0 티에디션의 모든 디자인의 기본이 됩니다.
디자인 > HTML 로 넘어가시고
기본 태그는 전부 제거한 뒤 tedition 폴더 안에 있는 아이템중 원하는 .txt 파일을 열어 소스를 전부 복사/붙여넣기 하고 적용 버튼을 눌러주세요.
그럼 이렇게 자동으로 디자인이 잡힙니다.
저는 album.txt 파일 안에 있는 소스를 전부 복사/붙여넣기 했습니다.
검은 + 버튼을 눌러 원하는 만큼 글의 갯수를 조절해주세요.
새로운 아이템 추가는 다시 위로 올라가 똑같이 반복하시면 됩니다.
소스 설명
슬라이더를 제외한 다른 아이템들은 타이틀을 직접 수정해줘야합니다.
<div class="container-title">
<div class="width">
<h2 id="pageName">앨범형식 티에디션</h2>
</div>
</div>
<div class="container-notice">
<div class="width"></div>
</div>이 소스에서 "앨범형식 티에디션" 이라고 적힌 부분을 손보시면 됩니다.
참고로 그 밑에
<div class="container-notice">
<div class="width"></div>
</div>부분 중 <div class="width">여기!</div> 사이에 글자를 입력하면 타이틀 밑 회색 바에 글자가 나타납니다.
슬라이더 아이템 추가 관련 버그
버그1. 슬라이더 아이템을 처음 추가하면
사진이랑 글은 안보이고 경고 문구만 출력됩니다.
그래도 정상 적용은 되니 우측 상단의 적용하기를 눌러 티에디션 설정을 완료해주시고, 내 블로그로 가지 마시고 편집하기를 눌러 티에디션 설정 화면에 남아 새로고침(F5)를 눌러보시면
마법같이 사진이 나옵니다.
버그2. 사진 갯수 추가시 사진이 다시 사라집니다.
슬라이더 개수를 늘리기 위해 + 를 누르면 사진이 사라지고 경고문구만 남게됩니다.
그래도 개수는 늘어나니 감으로누르셔야합니다. :(
버그3. 티에디션을 초기화한 상태에서 슬라이더 아이템만 적용하면 화면에 출력되지 않습니다.
슬라이더와 함께 다른 아이템들도 사용해주셔야합니다.
슬라이더를 단독으로 쓰게되면 오류가 발생합니다.
마치며
티에디션이 참으로 사람을 힘들게 합니다.
티스토리 자체가 10을 힘들게 한다면
티에디션은 50이 넘게 힘들게합니다. (반응형, 소스 강제 지정, 다른 소스로 하면 설정 불가 등등)
뭐 이리 쓸데없이 추가한 소스가 많은 것인지 이번에 작업할 땐 jQuery를 써서 티스토리 자체에서 추가한 티에디션 관련 소스를 하나하나 확인하고 지워버렸습니다.
그래서 다른 스킨들과는 다르게 티에디션 설정 화면이 조금 틀어지고, 게시글 상세 설정이 불가능합니다.
그래도 뭐, 특정 카테고리 글 잘 뽑아오고 오류 없이 보이기만 잘 보이면 된다 싶어서 마무리를 지었습니다.
이번에 작업하면서 티에디션이 자체 반응형을 지원해주면 참 좋겠다고 생각했지만, 몇 년 동안 리스트 썸네일 치환자 하나 만들어주지 않고, 에디터 버그조차 고쳐주지 않는 티스토리에 기대하면 안 되겠다 싶어 티에디션 이번을 마지막으로 포기하기로 했습니다.
구매자 분들중 티에디션 설정이 어려운 분들은 언제든 말씀해주시면 제가 직접 세팅해드리겠습니다.
감사합니다.