업데이트내역
스피드스타 스킨 1.1.1 패치가 적용 되었습니다.
속도 빠른 반응형 스킨 - [블럭*스피드스타*]의 1.1.1패치가 완료 되었습니다. 기존의 구매자분들에겐 메일로 파일을 보내드릴 예정입니다. 아직 스피드 스타 스킨을 모르시는 분들은 소개글을 참고 하시거나 이 블로그를 둘러보시면서 적용된 스킨을 살펴보시면 됩니다. [참고*앞으로 스킨의 업데이트는 이 블로그에서 내역이 업데이트 되니 참고 부탁드립니다.*] 패치로 변경된 내역 이번 패치로 상당히 많은 것이 변했습니다. GRID-LAYOUT을 도입했습니다. 기존의 레이아웃보다 로딩속도가 미세하게 빨라졌으며, CLS를 크게 개선했습니다. 물론 grid-layout으로 IE를 완벽히 지원하기 힘들기 때문에, IE로 접속시엔 flexbox를 사용하도록 해서 호환성을 유지했습니다. 자동으로 이미지 크기를 계산해주고,..
스킨
오늘 오류가 생겼습니다.
기존에 잘 사용하던 옵션에 ' 가 들어가면 '로 바뀌어 인식되면서 오류가 생겼습니다. 그러면서 사용하던 자바스크립트가 모두 무효화 되는 상황이 벌어진 것이지요. 조만간 해당 문제를 해결한 버전으로 긴급 수정해서 배포하겠습니다. 사용자분들에게 불편을 드려서 죄송합니다. 혹시라도 해당 문제가 있으신 분들은 본문옵션들-로딩시 랜덤문구 정하기 옵션에서 내용을 []로 바꿔주시면 임시 해결이 가능합니다.
테스트용 글/테스트용글3입니다.
긴 글을 적어서 테스트 해봅니다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed orci ut tellus tincidunt hendrerit quis vitae enim. Maecenas lacinia dignissim augue eu lacinia. Vivamus quis elit dignissim, bibendum risus a, vulputate dolor. Vivamus nec mauris sit amet nisl laoreet rutrum. Nunc eget tristique lectus. Ut auctor eros mollis porta tincidunt. Ut egestas ex at nisi tempus, id malesuada erat iaculis...
스킨/스킨설명서
스피드스타 스킨 댓글 이모티콘 변경하기
스피드스타 스킨은 의사소통을 편리하게 하기 위해 이모티콘 기능을 제공합니다. 댓글창에서 해당하는 이모티콘을 누르면 댓글에 출력되는 식입니다. 다만 제가 직접 만든 발퀄인 이모티콘이라 바꾸고 싶으신 분들이 있을 겁니다. 그런 분들을 위해 수정하는 방법입니다. 수정하러 가기 우선 티스토리 홈페이지로 가주신 후에 로그인을 해주세요. 그런 다음 오른쪽 상단의 자기 프로필 아이콘을 클릭하면 말풍선이 나타나면서 보유하고 있는 블로그의 목록이 나올 겁니다. 위의 사진처럼 톱니바퀴를 눌러 설정창으로 들어가주세요. 그 다음, [블럭*꾸미기*]탭에 있는 [블럭*스킨편집*]을 눌러주신 후 아래의 사진같이 [블럭*HTML 편집*]을 눌러주세요. HTML 편집을 누른 후 아래의 사진과 같이 파일업로드로 와주세요. 이제 여기서 ..
테스트용 글/테스트용글3입니다.
댓글 기능 테스트
[블럭*스피드스타*] 스킨은 댓글로 이미지를 업로드하거나, 이모티콘으로 감정을 표현하거나, 트위터를 업로드하거나, 인스타그램을 업로드하거나, 움짤을 올릴 수 있습니다. 그런 테스트들을 위해서 이 글을 작성했습니다. 이미지/움짤 업로드는 아래의 사진과 같은 댓글창에 이미지를 드래그해서 가져가거나, 이미지첨부 버튼을 눌러 첨부하시면 됩니다. 그 외 동영상/트위치/유튜브/인스타그램/페이스북/트위터는 퍼올 글의 주소를 복사해서 붙여넣으면 정상적으로 작동합니다. 또한 감정표현의 이모티콘을 쓰고 싶으시다면 댓글창에 있는 아이콘을 눌러주시면 됩니다.
테스트용 글/테스트용글3입니다.
아무 이미지도 없는 테스트용 글입니다.
[**스피드스타**] 스킨은 아무 이미지도 없는 글에선 노이미지 썸네일을 추출해냅니다. 그걸 테스트 하기 위해서 쓴 글입니다. [참고*노 이미지 썸네일은 사용자가 업로드창을 통해서 설정할 수 있습니다.*]
테스트용 글/테스트용글3입니다.
이미지 속도 저하 관련 테스트입니다.
이미지를 많이 사용한 블로그는 속도가 느려지게 됩니다. 하지만 지연로딩 기능을 사용하게 되면 속도 저하를 막을 수 있습니다. 이번 시간에는 30장의 이미지를 업로드 해볼 건데, 지연 로드를 통해 얼마나 로딩 속도를 지킬 수 있는 지를 보여드리겠습니다. 이미지들 마치면서 지연 로딩 이외에도, 이미지 압축 / webp포맷 / 반응형 이미지 기법 등을 사용하면 좋습니다.
테스트용 글/테스트용글2
스피드 스타 스킨의 아이프레임 지연로딩 변환 테스트하기
소셜 네트워크의 시대입니다. 인스타그램, 페이스북, 트위터 같은 SNS를 쓰는 유저분들이 많습니다. 기존의 티스토리 에디터에선 위의 SNS를 퍼오려면 링크를 적은 후 엔터를 쳐서 업로드를 해야 했습니다. 하지만 이 방식에는 문제점이 있습니다. 불러오는 게 불가능한 사이트가 있습니다. 지연로딩 기술이 적용되지 않아서 페이지의 속도를 많이 느려지게 합니다. 이 문제를 해결하기 위해서 스피드스타 스킨은 자체 변환 기능을 제공합니다. 사용 방법은 간단합니다. 인스타그램을 예로 들어보겠습니다. 위의 사진은 손흥민 선수의 인스타그램을 퍼오기 위해 링크를 쳐서 에디터에서 엔터를 친 상태입니다. 여기에서 불러오는 중입니다... 라고 뜨는 네모를 클릭해서 [**Delete**]키로 지워주시면 됩니다. 그러면 끝입니다. ..
스킨/스킨설명서
스피드스타 스킨에 사용할 플러그인과 설정들
스피드스타 스킨은 플러그인 의존도를 최대한 줄여 속도를 끌어올린 스킨입니다. 하지만 플러그인을 전혀 사용하지 않는 것은 아닙니다. 그래서 권장하는 플러그인과 사용 옵션을 알아보겠습니다. 권장하는 플러그인 권장이라고 표현하긴 했지만 필수인 플러그인들입니다. 블로그 관리창으로 들어가신 후에, 플러그인을 눌러주시면 됩니다. 카테고리 더 보기 추출 기능을 사용하기 위해선 카테고리 더 보기 플러그인을 사용해야 합니다. 외관상으로 변하는 일은 없으니 안심하고 적용해주세요. 메타태그 등록 / 네이버 애널리틱스 / 구글 애널리틱스 이 3가지 플러그인은 SEO 최적화를 해주는 데 도움을 주는 플러그인입니다. 사용을 권장하지만 필수인 것은 아닙니다. HTML을 다룰 줄 아신다면 직접 HTML로 수정하시면 됩니다. [주의*..
스킨/스킨설명서
스피드스타 스킨 적용하는 방법
스피드스타 스킨 티스토리에 적용하기 그리고 티스토리 계정에 로그인 하신 후에 관리를 눌러주세요. 관리창으로 오셨다면 아래와 사진을 참고하셔서 꾸미기-스킨변경을 눌러주신 후, [**스킨등록+**] 버튼을 눌러주세요. 스킨 등록 버튼을 눌러주셨다면 이제 아래와 같이 스킨등록창이 나올 겁니다. 제가 빨갛게 표시한 추가 버튼을 누르시면 파일들을 업로드할 수 있습니다. 이 때 아까 다운로드 받았던 파일들을 골라주세요. 먼저 압축을 푼 파일에서 images 폴더를 제외하고 모두 넣어주세요. 다음으로 images 폴더에 있는 아래와 같은 내용물들을 모두 골라서 넣어주세요. 저장하시면 됩니다. 아까 들어왔던 스킨변경 메뉴로 다시 들어와주세요. 그러면 아래와 같은 창이 뜰 겁니다. 제가 빨갛게 표시한대로 이제 스킨 보관..
이모티콘창 닫기
울음
안녕
감사
당황
춤
피폐
