티스토리 스킨 제작중 그리고 방법 소개

티스토리를 사용한지 꾀 되었지만 그동안은 다른 분들이 만든 스킨을 사용해 왔습니다. 필요한 경우에는 조금씩 수정을 해서 사용을 했었는데 요즘은 내가 직접 만든 티스토리 스킨을 사용하고 싶다는 생각이 많이 들더라구요. 그래서 현재 티스토리 스킨을 제작중입니다. 제가 디자인을 잘하거나 코딩을 잘하는건 아니라서 여기저기 가져다 만들어 보고 있습니다. 아직 홈 화면을 만들고 있는데 커버를 이용하는게 제일 좋은거 같아서 커버를 이용해서 만들고 있네요. 

아래는 현재 만들고 있는 스킨의 홈 화면 입니다. 앞으로 완성 하려면 약 2주간은더 손봐야 할거 같네요. 그래도 반응이 궁굼해서 포스팅 남겨 봅니다. 홈 화면 뿐이지만 전체적인 느낌은 아래 이미지 형태로 갈 예정입니다. 

약간 매거진 느낌으로 만드는 중인데요. 처음 만들어 보는 스킨이라서 엉성하기는 합니다. 제가 스킨을 만들고 있는 방법을 잠깐 말씀 드리자면, 티스토리는 모두 아시는것처럼 치환자를 이용해서 내가 원하는 곳에 출력을 할수가 있습니다. 그래서 뼈대만 만들어 놓고 중강중간에 치환자만 넣으면 되는거죠. 물론 이게 쉬운건 아니지만 예전에는 웹 페이지를 만들수 있는 드림위버 같은 툴이 있었는데요. 지금은 드림위버는 없지만 구글에서 비슷한 툴을제공 하고 있습니다. 

Google Web Designer 라는 툴인데요. 아래 링크에서 다운을 받을수가 있습니다. 리눅스, 맥, 윈도우용 모두 제공을 하니 다운받아서 사용해 보세요. 

구글 웹 디자이너 : https://webdesigner.withgoogle.com/

Google Web Designer - Home

프로그램을 다운 받아서 실행을 하시면 아래와 같이 실행이 됩니다. 그리고 툴들을 이용해서 내가원하는 디자인을 만들어 가시면 됩니다. 그러면 HTML TAG, CSS 등이 자동으로 만들어 지고 중간중간에 치환자를 넣어서 사용을 하면 됩니다. 물론 그대로 티스토리에 올리면 조금 틀어지는 부분이 있기는 하지만 조금씩 수정하면 되더라구요. 

약 1주일동안 틈틈히 이런 방식으로 스킨을 만들고 있는데요. 결코 쉽지는 않지만 어렵지도 않다는겁니다. 예전 같으면 Java Script 등도 다뤄야 하거나 했지만 지금은 CSS 만으로도 왠만한건 다 구현이 가능하네요. ^^

스킨이 모두 완성이 되면 현재 블로그의 스킨을 변경할 예정입니다. 여러분들도 티스토리 스킨을 만들어 보시기 바랍니다. 틈틈히 내가 원하는 디자인 형태로 만들면 좋을거 같네요 ^^ 이상으로 티스토리 스킨을 제작중이라는 소식과 함께 제가 사용하는 방법에 대해서 간단하게 포스팅 해보았습니다. 티스토리를 사용하시는 분들에게 도움이 되었으면 좋겠네요 ^^ 이상 읽어 주셔서 감사합니다.