ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 티스토리 짜깁기 신공 ㅋ
    카테고리 없음 2022. 1. 30. 12:43
    300x250

    티스토리 짜깁기 신공팁을 전수해드릴가 합니다

    이것은 범죄입니다!!~~ㅋㅋ

     

    원작자가 싫어하는 짓거리입니다 ㄷㄷ

     

    하지만 우리 컴맹전사들은 뭐라도 해야하기에

    이렇게라도 배움의 즐거움을 하드코어하게 만들고 있습니다 ;;;

     

    본론으로 들어가서

    이번에 짜깁기에 도전한 것은 CCZ + Letter 스킨입니다

    둘중의 하나의 스킨만 쓰면 되는데? 왜 둘을 섞어야하는가?

    이런 생각이드실텐데요... 상호보완적이라고만 말할 수는 없고

     

    "그냥 해봤다" 가 적절한 온도의 답변인거 같습니다

    스킨마다 장점이 확실히 있고~ 그것을 떼어붙이는 것은 우리 초보들에겐

    매우 난해한 일입니다

     

    그래서 그 믹싱(섞는 법을 초보들의 수준으로 이야기 해볼까 합니다)

     

    일단 제 기준으로 말씀드리자면...

    두 개의 스킨을 우리가 첨에 고를때는 분명 섞고 싶다는 마음이 어떠한

    유려한 기능을 가져다 여기에 붙이고 싶다 이런 생각이 있는 것입니다

     

    하지만 소스를 분석할 수 없는 우리 수준에서는 부분을 정확히 떼서

    붙이는 작업은 모래사장에서 돈을 줍는것처럼 어렵습니다

     

    이럴 때 생각해낸 방법이 누구나 할 수 있는 수준의

    섞는 방법입니다~  쉽게 비유해서 밥과 국을 말아버린다고 생각하면 됩니다

     

    이것은 웬만한 사람들은 다 할 수 있는 정도의 결과물 조합방식입니다

    자 그럼 ccz 와 letter국과 밥을 어떻게 섞는지 본격적으로 말씀드리겠습니다

     

    일단 골격이 될 스킨을 어떤것으로 할지를 정해야합니다

    ccz로 할건지 letter로 할건지

    저 같은 경우는 레터스킨을 기반으로 ccz를 올렸습니다(ㅋ)

     

    짬뽕이쥬~  너무 어렵게 하면 시간도 그렇고 여러분 머리도 터지기 때문에

    상세한 편집방식보다는 쉽고 빠른 방식을 저는 기본적으로 추구합니다

     

    방향은 레터스킨의 틀에다 ccz의 검색기를 활용하는 것이니만큼~

    정확한 방향 설정 (큰그림)을 그린 후

     

    레터위에 ccz를 올리는거니~ 일단 레터스킨을 해당도메인

    저같은 경우는 https://rapper2hon.tistory.com 주소에 스킨을 먼저 입습니다

    그리고 편집에 들어가서 ccz 파일을 올립니다 ccz스킨- images 폴더안에

     

    소스들이 잔뜩 들어있쥬~ 이걸 레터스킨 업로드에다 올리는것입니다 (다만 여기서 겹치는 것을

    주의해야할까란 생각이 드는데...그냥 올리십시오~ ㅋ 파워풀 믹싱 ㄱㄱ)

     

    중복이 되도 이미지는 상관없을테고~ 스크립트 같은건 문제가 될 수 있으니 조심해야 하긴 합니다 ㅋ(기능이 안되면 안되니까여)

    이름을 바꾸면 안되요~ 

     

    레터스킨에  - 업로드에 ccz 소스파일(images)을 다 올리고 - css - html

     

    css 도 기존에 있는걸 지우시지말고~ 레터스킨위에 ccz를 언치는거니까

    아름다움을 담당하는 css를 복붙으로 전체를 복사해서 ccz/style.css 를 내용추가 해주면 됩니다

    그리고~ 중요한 html 구조인데...

     

    css 와 같은 방식으로 그냥 전체 skin.html 파일의 내용을 넣어보면

    미리보기에서 반영이 안됩니다

    이유는 제가 알리없겠죠? 그래서 확인하는 법은 저장을 하고

    다시 불러오면 그때부터 반영이 미리보기로 된다는거 알아두시고여~(이것도 정확한 반영은 아닌걸로 알아서

    저 같은 경우 https://rapper2hon.tistory.com 제 사이트를 실시간 f5를 눌러가며 적용이 되었는지

    탭을 와리가리하면서 확인합니다 //미리보기가 왜이래!! 완벽하지않앙!!~~ㅠ0ㅠ

     

    아무튼 ccz - html 전체를 일단 복사해서 넣고

    위와 같이 f5를 눌러서 사이트를 확인해보면

    모양이 이상하지만 섞이는 모습을 대략적으로 확인할 수 있고

     

    여기서 불필요한 것들은 삭제해 가면서

    두 스킨을 합치는 것입니다

    기본적인 티스토리의 구조는 비슷한 구조를 띄고 있기에

    겹치거나 다를 시 문제가 발생됩니다 

     

    저 같은 경우 알게된것이 서치(검색기능)이 작동을 안하여

    기존 레터서치를 지우니까 ccz의 서치가 잘작동하였습니다

    이것은 두개의 서치를 사용할 수 없다는 얘기로 읽혔습니다

     

    저처럼 휘뚜루~마뚜르 스킨 짜깁기를 해보실분들은

    한번 해보면서~ 감을 잡으시면 좋습니다

    전혀 html에 감이 없으면 더 힘이드는 작업일 수 있겠습니다만

    최대한 쉽게 설명한 것이오니~ 참고하시고영 밥과 국을 말아먹는다로 이해하세요 ㅋ

     

    제육덮밥 같은거쥬~  두개의 소스가 겹치기에 겹치는 부분을 어디를 빼줄건지

    잘 선택해서 필요한 영역을 냄기고 불필요하고 오류를 일으키는 영역을 제거하는

    선택적 배제를 통한 스킨 뒤섞기(일명 : 짜깁기 스킨제조) 방식입니다

     

    우리 초보전사들은 뛰어난 홈페이지 가공능력이 없기에 이런식으로라도

    해당 스킨에 대한 이해를 높이고 나아가 나중에는 남들에게 도움이 되는

    무엇을 만들 수 있는 수준이 되면 ~ 아낌없이 공유하는 아름다운 자세로 성장해야겠습니다

     

    그럼 스킨 짜깁기 강좌를 마치고~ 참고할 티스토리 - 스킨구조 사이트 한번 보시라고 남깁니다 ㅋ

     

    https://tistory.github.io/document-tistory-skin/

     

    소개 · GitBook

    티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토

    tistory.github.io

     

    똥개인 저도 이해하니까

    여러분도 할 수 이쪄여

     

    - 짜깁기 결과물은 현재 적용상태인데.,,,어찌 볼만? 쓸만 해? 보이나융?ㅋㅋ

     

     

    300x250
    반응형
Designed by Tistory.