티스토리 마크쿼리 스켈레톤 4.0 로딩효과 제거해서 블로그 속도 높이기

생활정보|2019. 1. 7. 16:54

티스토리 마크쿼리 스켈레톤 4.0.0 반응형 스킨 로딩 속도에 대한 정보글 입니다 스켈레톤 스킨을 적용 시키고 글을 보거나 블로그에 접속을 하면은 로딩 화면이 나오면서 블로그의 반응 속도가 느려서 글을 볼려면 너무 오래 걸립니다 블로그를 운영하는 입장에서는 매우 치명적이죠! 심플한 디자인으로 여러면에서 다 좋아지만 로딩 화면을 추가 시킨것이 단점이였죠 이 해결방법은 로딩 화면을 제거 하는것이였습니다 제거만 해주면 pc와 모바일에서 빠른 블로그 속도를 볼수 있더군요!

네이버,다음,구글 검색엔진은 느린 블로그 보다 빠른 블로그를 좋아하기 때문에 별거 아니다 하지 마시고 꼭 수정 하시길 바랍니다 검색엔진 상위노출과 방문자 증가를 위한 수정이라고도 생각 하시면 됩니다

로딩 효과를 제거 하는 방법은 내 티스토리 관리자 로그인을 하시고 스킨 편집에서 html편집을 클릭 합니다 html에서 ctrl+f 단축키를 눌러서 검색창에

<div class="animsition" data-animsition-in="fade-in" data-animsition-out="fade-out"> 을 검색해서 삭제를 하시거나 주석 처리를 하시면 됩니다

주석 처리 방법은 간단 합니다 밑에 처럼 첫부분에 <!--  끝 부분에 -->추가 시켜주시고 적용을 누르면 주석 처리가 끝납니다 주석 처리를 하는 이유는 난중에 다시 쓸수 있는 코드가 될지도 몰라서 주석처리를 해놓고 다시 쓰고 싶은 마음이 들면은 주석처리를 제거하고 사용 한답니다


<!--<div class="animsition" data-animsition-in="fade-in" data-animsition-out="fade-out">-->

 


로딩 효과를 삭제하시고 적용이 끝나면 이제 pc와 모바일에서 로딩 화면이 더 이상 안나오게 되게 속도가 몇배 더 빨라진것을 느낄수 있을 겁니다

이글공유하기

댓글()

티스토리 마크쿼리 스켈레톤 4.0.0 상단 커버 이미지 제거 방법

생활정보|2019. 1. 7. 11:03

티스토리 마크쿼리 스켈레톤 4.0.0 버전 상단 커버 이미지 제거 방법 입니다 상단 커버를 쓰시는분도 있겠지만 안쓰시는분들도 있습니다 거진 안쓰시는분들은 깔끔한 자체를 좋아하기 때문에 불필요하다고 생각 합니다 저 또한 굳이 쓸 필요를 못 느끼겠더군요~

스켈레톤 스킨을 처음 적용 하면은 이렇게 메인화면에 마크쿼리 상단 커버가 나옵니다 공간만 너무 차지하고 매우 불필요한 공간이죠!


상단 커버를 삭제 하는 방법은 내 티스토리 관리자 스킨편집을 클릭 하셔서 ctrl+f 검색창을 열어서 cover을 입력하시고 검색을 합니다

딱 한개가 보이실거에여 cover 주석 처리가 되 있을겁니다

div class="row cil-nospace cover" 부터 /div 까지 삭제를 하시면 됩니다 밑에 그림처럼 까지 삭제를 하시면 적용을 시키면 상단 커버가 없어 집니다

삭제하기전 메모장에 코드를 복사해서 저장을 해두세요~




다시 상단 커버를 사용 하고 싶으시면 저장한 메모장에 코드를 복사해서 다시 붙여넣기를 하시면 다시 사용 하실수 있습니다! 스킨 작업할때는 항상 모든지 저장하는 습관을 가져야 합니다

이글공유하기

댓글()

티스토리 반응형 스킨추천 마크쿼리 스켈레톤 4.0.0 다운및 업로드 방법

생활정보|2019. 1. 7. 10:11

티스토리 스킨을 마크쿼리님의 스켈레톤 반응형으로 다시 바꾸었습니다 티스토리홈에 자체적으로 제공하는 스킨과 이용자들이 만든 스킨이 많습니다 유료 스킨은 마음에 들지만 굳이 돈 들여 가면서 할 필요가 없어서 포기를 했습니다 무료 스킨을 다양 하지만 제 입맛에 맞는 스킨이 없더군요! 제가 너무 까다로운가 봅니다 그래서 고민 끝에 선택한 스킨이 마크쿼리님 스킨 입니다

spidersweb 3.0.5버전이 있지만 4.0.0 최신버전을 선택하게 되었습니다 아직 미완성이였고 업데이트도 중단 되었고 커뮤니티도 중단된 상태고 더 이상 스킨에 대한 고민점을 해결할수 없어서 3.0.5버전을 쓰시는분들이 많습니다 하지만 저는 4.0.0을 선택 했습니다 깔끔한 디자인에 조그만 더 손보고 취향에 맞게 고친다면은 완벽한 스킨에 거듭날수 있기 때문 입니다

심플하고 깔끔한 반응형 스킨을 찾으시는분들은 스킨 백업후 한번 사용 해보시길 바랍니다! 이제~ 스킨 다운로드와 업로드 시키고 적용 하는 방법에 대해서 알아볼게여~

스킨 다운로드는 코코소프트 < 링크를 클릭 하셔서 3.0.5버전 또는 4.0.0 버전으로 다운 받고 압축을 풀어 줍니다 그리고 내 티스토리 관리자 화면으로 가서 꾸미기 메뉴에서 스킨변경을 클릭하고 스킨 등록+을 클릭 합니다



그리고 추가 버튼을 클릭 해서 스킨을 푼 폴더로 가서 1번 2번 순서대로 업로드를 시켜 줍니다 2번 폴더는 폴더 더블 클릭후 ctal+a 전체 선택키로 지정후 업로드 하시면 됩니다


추가글 옆에 업로드 되는것을 보시고 더 이상 용량이 안 올라가면은 밑에 저장을 클릭 합니다



스킨 저장창이 나오면 스킨명을 아무거나 입력하시고 확인을 클릭 하시면 스킨 저장이 진행 됩니다 스킨 등록은 최대 30개까지라고 하네요~



스킨 등록이 끝나면 스킨 목록으로 화면이 넘어 갑니다 스킨 보관함을 클릭 합니다



저장된 스킨이 보이시면 ... 버튼을 클릭해서 적용을 누릅니다 적용이 완료되면은 사용중인 스킨에 보이실거에여~



마지막으로 모바일 꾸미기 설정에서 티스토리 모바일웹 자동 연결을 사용하지 않습니다에 지정후 저장을 합니다 그 이유는 마크쿼리님의 스켈레톤 스킨은 모바일을 지원하기 때문에 티스토리에서 제공하는 모바일웹을 쓸 필요가 없습니다.!!



이글공유하기

댓글()
__+@_