스킨

해당되는 글 29
thumbnail
테스트용 글/테스트용글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...
thumbnail
스킨/스킨설명서

스피드스타 스킨 댓글 이모티콘 변경하기

스피드스타 스킨은 의사소통을 편리하게 하기 위해 이모티콘 기능을 제공합니다. 댓글창에서 해당하는 이모티콘을 누르면 댓글에 출력되는 식입니다. 다만 제가 직접 만든 발퀄인 이모티콘이라 바꾸고 싶으신 분들이 있을 겁니다. 그런 분들을 위해 수정하는 방법입니다. 수정하러 가기 우선 티스토리 홈페이지로 가주신 후에 로그인을 해주세요. 그런 다음 오른쪽 상단의 자기 프로필 아이콘을 클릭하면 말풍선이 나타나면서 보유하고 있는 블로그의 목록이 나올 겁니다. 위의 사진처럼 톱니바퀴를 눌러 설정창으로 들어가주세요. 그 다음, [블럭*꾸미기*]탭에 있는 [블럭*스킨편집*]을 눌러주신 후 아래의 사진같이 [블럭*HTML 편집*]을 눌러주세요. HTML 편집을 누른 후 아래의 사진과 같이 파일업로드로 와주세요. 이제 여기서 ..
thumbnail
테스트용 글/테스트용글3입니다.

댓글 기능 테스트

[블럭*스피드스타*] 스킨은 댓글로 이미지를 업로드하거나, 이모티콘으로 감정을 표현하거나, 트위터를 업로드하거나, 인스타그램을 업로드하거나, 움짤을 올릴 수 있습니다. 그런 테스트들을 위해서 이 글을 작성했습니다. 이미지/움짤 업로드는 아래의 사진과 같은 댓글창에 이미지를 드래그해서 가져가거나, 이미지첨부 버튼을 눌러 첨부하시면 됩니다. 그 외 동영상/트위치/유튜브/인스타그램/페이스북/트위터는 퍼올 글의 주소를 복사해서 붙여넣으면 정상적으로 작동합니다. 또한 감정표현의 이모티콘을 쓰고 싶으시다면 댓글창에 있는 아이콘을 눌러주시면 됩니다.
thumbnail
테스트용 글/테스트용글3입니다.

아무 이미지도 없는 테스트용 글입니다.

[**스피드스타**] 스킨은 아무 이미지도 없는 글에선 노이미지 썸네일을 추출해냅니다. 그걸 테스트 하기 위해서 쓴 글입니다. [참고*노 이미지 썸네일은 사용자가 업로드창을 통해서 설정할 수 있습니다.*]
thumbnail
테스트용 글/테스트용글3입니다.

이미지 속도 저하 관련 테스트입니다.

이미지를 많이 사용한 블로그는 속도가 느려지게 됩니다. 하지만 지연로딩 기능을 사용하게 되면 속도 저하를 막을 수 있습니다. 이번 시간에는 30장의 이미지를 업로드 해볼 건데, 지연 로드를 통해 얼마나 로딩 속도를 지킬 수 있는 지를 보여드리겠습니다. 이미지들 마치면서 지연 로딩 이외에도, 이미지 압축 / webp포맷 / 반응형 이미지 기법 등을 사용하면 좋습니다.
thumbnail
테스트용 글/테스트용글2

스피드 스타 스킨의 아이프레임 지연로딩 변환 테스트하기

소셜 네트워크의 시대입니다. 인스타그램, 페이스북, 트위터 같은 SNS를 쓰는 유저분들이 많습니다. 기존의 티스토리 에디터에선 위의 SNS를 퍼오려면 링크를 적은 후 엔터를 쳐서 업로드를 해야 했습니다. 하지만 이 방식에는 문제점이 있습니다. 불러오는 게 불가능한 사이트가 있습니다. 지연로딩 기술이 적용되지 않아서 페이지의 속도를 많이 느려지게 합니다. 이 문제를 해결하기 위해서 스피드스타 스킨은 자체 변환 기능을 제공합니다. 사용 방법은 간단합니다. 인스타그램을 예로 들어보겠습니다. 위의 사진은 손흥민 선수의 인스타그램을 퍼오기 위해 링크를 쳐서 에디터에서 엔터를 친 상태입니다. 여기에서 불러오는 중입니다... 라고 뜨는 네모를 클릭해서 [**Delete**]키로 지워주시면 됩니다. 그러면 끝입니다. ..
thumbnail
스킨/스킨설명서

스피드스타 스킨에 사용할 플러그인과 설정들

스피드스타 스킨은 플러그인 의존도를 최대한 줄여 속도를 끌어올린 스킨입니다. 하지만 플러그인을 전혀 사용하지 않는 것은 아닙니다. 그래서 권장하는 플러그인과 사용 옵션을 알아보겠습니다. 권장하는 플러그인 권장이라고 표현하긴 했지만 필수인 플러그인들입니다. 블로그 관리창으로 들어가신 후에, 플러그인을 눌러주시면 됩니다. 카테고리 더 보기 추출 기능을 사용하기 위해선 카테고리 더 보기 플러그인을 사용해야 합니다. 외관상으로 변하는 일은 없으니 안심하고 적용해주세요. 메타태그 등록 / 네이버 애널리틱스 / 구글 애널리틱스 이 3가지 플러그인은 SEO 최적화를 해주는 데 도움을 주는 플러그인입니다. 사용을 권장하지만 필수인 것은 아닙니다. HTML을 다룰 줄 아신다면 직접 HTML로 수정하시면 됩니다. [주의*..
thumbnail
스킨/스킨설명서

스피드스타 스킨 적용하는 방법

스피드스타 스킨 티스토리에 적용하기 그리고 티스토리 계정에 로그인 하신 후에 관리를 눌러주세요. 관리창으로 오셨다면 아래와 사진을 참고하셔서 꾸미기-스킨변경을 눌러주신 후, [**스킨등록+**] 버튼을 눌러주세요. 스킨 등록 버튼을 눌러주셨다면 이제 아래와 같이 스킨등록창이 나올 겁니다. 제가 빨갛게 표시한 추가 버튼을 누르시면 파일들을 업로드할 수 있습니다. 이 때 아까 다운로드 받았던 파일들을 골라주세요. 먼저 압축을 푼 파일에서 images 폴더를 제외하고 모두 넣어주세요. 다음으로 images 폴더에 있는 아래와 같은 내용물들을 모두 골라서 넣어주세요. 저장하시면 됩니다. 아까 들어왔던 스킨변경 메뉴로 다시 들어와주세요. 그러면 아래와 같은 창이 뜰 겁니다. 제가 빨갛게 표시한대로 이제 스킨 보관..
thumbnail
잡담

3월 2일은 스피드 스타 스킨이 처음으로 세상에 나온 날입니다.

[상자*스피드 스타 스킨 탄생!*] 오랜 시간 동안 시간을 투자해 스킨을 다듬어왔습니다.[각주*처음 작업했던 건 작년초 부터였습니다.*] 블로깅을 하면서 필요했던 기능들과 최적화를 적용해서 만든 스킨입니다. 처음엔 개인적인 용도로만 사용하려고 했었는데, 점차 스킨의 규모가 커지면서 이렇게 스킨을 배포하게 되었습니다. 아모쪼록 스피드스타 스킨을 애용해주시길 바랍니다. 그리고 스킨이 탄생하는 데 큰 도움을 주신 마샬K님에게 무한한 감사의 말씀 전합니다. 마샬님이 없으셨다면 스피드스타 스킨도 없었을 겁니다.
최근글
인기글
이모티콘창 닫기
울음
안녕
감사
당황
피폐