반응형 티스토리스킨/스킨 활용&패치 티스토리스킨/스킨 활용&패치 2022. 6. 22. 티스토리 블로그 스킨에 커스텀 SNS 아이콘 링크 붙이기 최근 배포하고 있는 스킨들 중 폰트어썸 아이콘팩을 사용하는 스킨 기준으로 설명된 내용이며, 다른 아이콘팩 라이브러리나 직접 제작해서 사용한 아이콘팩을 사용한 스킨, 다른 스킨 제작자 스킨에서는 해당되지 않을 수 있습니다. 제가 배포하는 스킨들은 대부분 폰트어썸이나 자체 제작 아이콘을 스킨에 적용하고 있습니다. 잘 알려진 소셜 서비스를 제외하고는 아이콘이 제공되지 않기 때문에 없는 아이콘 이미지들은 직접 제작해서 붙여 넣어야 합니다. 1. SNS 아이콘 이미지 준비 링크를 붙이고 싶은 아이콘을 먼저 다운로드 받습니다. 가능하면 png나 svg 포맷 이미지가 좋습니다. 투명 배경이 지원되기 때문에 테두리나 배경색이 있는 아이콘인 경우, 조금 더 보기 좋게 아이콘을 붙일 수 있습니다. 간단하게 개발자 블로그 .. 티스토리스킨/스킨 활용&패치 2022. 5. 7. 티스토리 썸네일 "이미지를 표시할 수 없습니다" 오류 원인과 해결방법 안내 이미지 썸네일 생성 기능 일부 장애가 발생중입니다. 5월 7일 현재 티스토리 썸네일 생성 기능에 일부 장애가 있습니다. 5월 5일 경부터 발생하기 시작했고 월요일일 5월 9일에 담당자가 출근해야 해결될 것으로 보입니다. 썸네일 목록의 일부 이미지가 로딩되지 않고 지연이 걸리다 타임아웃이 나면서 "이미지를 표시할 수 없습니다" 곰돌이가 표시됩니다. 티스토리의 서비스가 늘 그래왔던 것처럼 꼭 주말이나 연휴를 끼고 문제가 발생하고 며칠간 방치가 됩니다. 아마도 월요일이 되면 해결될 문제겠지만, 불편해하시는 분들이 있다보니 질문이 달리고 있어서 안내를 합니다. 티스토리 시스템 문제이므로 어련히 알아서 해결하겠다 싶지만, 불편을 못참는 분들이 나름의 해결책을 찾아내서 공유를 하고 있습니다. 현재 티스토리의 공식?.. 티스토리스킨/스킨 활용&패치 2022. 2. 6. 티에디션, 테터데스크 종료에 따라 기본으로 적용되는 Whatever 스킨 기본 설정 방법과 썸네일 커스터마이징 방법 안내 2022년 2월 기준 Whatever 스킨을 기준으로 작성한 내용입니다. 이후 스킨이 패치된 경우 내용이 다소 다를 수 있습니다. 가장 최근 배포된 티스토리 레퍼런스 스킨 7종은 기본적인 구조와 스킨 옵션 설정 방법이 대동소이합니다. 사용자단의 디자인과 카테고리 표시 여부 정도가 다르다고 생각하면 됩니다. 2022년 3월 말에 티스토리 메인 화면을 꾸미는 기능인 티에디션, 테터데스크 서비스를 종료할 예정입니다. 사용자가 거의 없는 기능인데다 반응형 스킨 사용으로 티스토리 이용 환경이 바뀌면서 조금씩 무쓸모가 되어가던 기능이었습니다. 티에디션, 테터데스크가 종료된 후에는 티스토리의 기본 모바일 서비스도 종료되면서 반응형 스킨을 이용하는 구조로 티스토리 이용 환경이 완전히 정착하게 될 수도 있어 보입니다. .. 티스토리스킨/스킨 활용&패치 2022. 1. 19. 티스토리 공식 레퍼런스 북클럽 스킨의 썸네일 이미지 표시 방법 변경하기 같은 질문에 계속 올라가서 대응 차원에서 안내를 합니다. 작성일자 기준의 레퍼런스 스킨 중 북클럽 스킨에 대한 안내이며, 이후 스킨이 패치된 경우 내용이 다소 다를 수 있습니다. 작성일자 _2022.01.19 스킨은 배포한 해당 제작자에게 문의를 해야 하며, 공식 레퍼런스 스킨은 티스토리에 문의를 해야 합니다. 레퍼런스 스킨이나 다른 제작자가 배포하는 스킨과 관련한 질문은 받지 않습니다. 같은 질문이 자꾸 올라가서 중복 댓글 방지를 위해 썸네일 이미지 설정을 바꾸는 방법을 안내합니다. 북클럽 스킨의 썸네일 이미지의 기본 구조 티스토리에서 공식 스킨으로 배포하는 스킨들 중 2020년 겨울부터 배포하는 최근 스킨들은 일부를 제외하고는 모두 같은 구조로 제작된(같은 디자이너로 추정) 스킨입니다. 북클럽 스킨 .. 티스토리스킨/스킨 활용&패치 2021. 11. 22. 티스토리 반응형 스킨 117 심플리트3 스킨 3.2 패치 안내. 오른쪽 상단의 고정된 위치에 감춤/보이기로 고정된 검색창 위치를 사이드바로 이동할 수 있도록 옵션 항목이 추가되었습니다. 스킨 옵션 설정 레이아웃-"사이드바에 검색창 표시" 옵션 항목을 켜면 검색창이 사이드바 최상단웨 고정 위치로 표시됩니다. 심플리트3 v3.2 다운로드 티스토리스킨/스킨 활용&패치 2021. 5. 31. 티스토리 블로그에 자동 목차 기능 구현 및 적용하기 글을 쓸 때 목차를 상단에 표시하면 글을 읽는 방문자가 글의 대략적인 내용을 미리 알 수 있고, 원하는 위치로 바로 건너뛸 수도 있어서 편리하고 좋습니다. 특히 강의 같은 순서형으로 나열되는 긴 글은 목차가 필수적으로 있는 것이 좋습니다. 다만 수작업으로 일일히 목차를 만들어 붙이는 것은 손이 굉장히 많이 갑니다. 북마크도 붙여야 하고, 북마크를 모아서 목차도 목록으로 만들어야 합니다. 상당히 번거롭고 시간을 잡아먹는 일입니다. 티스토리 에디터로 글을 작성할 때는 "제목1", "제목2", "제목3" 3개의 제목 스타일을 사용할 수 있고 실제 HTML 태그로 구현될 때는 "", "", "" 3개의 태그를 사용합니다. 자동 목차 생성 기능은 작성 글 안의 제목 스타일이 적용된 텍스트들을 모아서 상단에 자동으.. 티스토리스킨/스킨 활용&패치 2021. 5. 28. 웹페이지와 티스토리 블로그에 구글 번역 기능 붙이기. 다국어 블로그를 만들어보자. 1. 구글 번역 붙여넣기 블로그에 해외 방문자가 더러 있거나, 다국어 블로그로 운영을 하고 싶을 때 가장 빠르고 효과적인 방법은 구글 번역 기능을 붙여서 방문자가 번역된 글 내용으로 대략의 내용을 파악할 수 있게 하는 것입니다. 구글 번역을 붙이는 방법은 아주 간단합니다. 구글 번역 언어 선택 콤보리스트를 붙여넣고 싶은 HTMl 문서 위치에 다음 코드를 그대로 붙여넣으면 간단하게 구글 번역을 쓸 수 있습니다. 코드를 하나씩 설명합니다. 다음 태그 안에 구글 번역 언어 선택 콤보리스트가 생성되어 표시됩니다. 구글 번역 자바스크립트 기능 자바스크립트를 링크로 가져옵니다. 링크 URL 마지막의 "googleTranslateElementInit" 는 밑에 줄에 작성할 구글 번역 초기화 함수의 이름입니다. 초기화.. 티스토리스킨/스킨 활용&패치 2021. 5. 10. 어포스트 배포 스킨에 티스토리 애드센스 목록 광고와 사이드바 광고 붙여넣는 방법 안내 티스토리 애드센스가 전면 적용 예정인 6월 말까지는 배포하는 전체 스킨에 티스토리 애드센스 목록 광고와 사이드바 광고가 기본 적용되도록 패치가 될 예정입니다. 배포하는 스킨을 커스터마이징 해서 사용하는 경우, 또는 스킨 패치 전에 목록 광고와 사이드바 광고를 붙이려면 배포하는 스킨을 그대로 덮어쓸 수 없기 때문에 해당 부분만 별도로 적용할 수 있도록 안내를 합니다. 배포하는 대부분의 스킨에 해당됩니다. 특별한 레이아웃을 가진 경우가 아니면 거의 모두 해당된다고 보면 됩니다. 글 목록에 목록 광고 붙이기 스킨 원본 기준으로 skin.html 에서 " 이전 1 2 3 4 ··· 8 다음 반응형
