KEBI BLOG

IT,PC,모바일,스마트폰 정보와 팁 그리고 제품리뷰와 생활정보

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

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

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

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

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

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

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

 

Google Web Designer - Home

 

webdesigner.withgoogle.com

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

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

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

43
이전 댓글 더보기
Num&Graph 2020.04.01 18:01 신고

스킨을 만들 생각을 하다니 대단하시군요.
그런데 댓글에 사진은 어떻게 올리는건가요???

KEBI heokebi 2020.04.01 18:05 신고

앗..저도 댓글에 사진을 올려보지는 안았어요

Num&Graph 2020.04.01 18:08 신고

어!! 사진이 없어졌네요?? 아까는 이화면이 아니었는데요??? 화면이 뭔가 바뀌었어요

잘보고갑니ㅏ ^^

KEBI heokebi 2020.04.01 18:05 신고

댓글 감사합니다

파이어족 서대리 2020.04.01 18:09 신고

대단하십니다 ㅎㅎ

저도 항상 스킨에 대한 목마름(?) 같은게 있었는데
한번 도전해보겠습니다^^

이쁜 스킨 기대하고 있겠습니다 ㅎㅎ

KEBI heokebi 2020.04.01 20:07 신고

감사합니다. ^^

스킨 멋지네요.
잘 보고 갑니다.

KEBI heokebi 2020.04.01 20:07 신고

감사합니다. ^^

kimsco 2020.04.01 18:18 신고

공부하고 싶어지네요~~

KEBI heokebi 2020.04.01 20:07 신고

한번 도전해 보세요 ^^

정쉡 2020.04.01 18:21 신고

멋지네요

KEBI heokebi 2020.04.01 20:07 신고

감사합니다.

계리직 2020.04.01 18:40 신고

저도 열심히 배워야 겠어요~
잘보고 갑니다.~

KEBI heokebi 2020.04.01 20:07 신고

댓글 감사합니다.

☺ ☻ ♀ ♂ 2020.04.01 18:56 신고

저도 스킨 만들고 싶은데 여유가 안되네요

KEBI heokebi 2020.04.01 20:08 신고

저도 틈틈이 하는 중이에요 ^^

픽스픽 2020.04.01 18:59 신고

좋은 정보 잘 알고 가요~~

KEBI heokebi 2020.04.01 20:08 신고

댓글 감사합니다.

apryll 2020.04.01 20:18 신고

스킨도 제작하시고 완전 능력자..능력자!!

KEBI heokebi 2020.04.01 21:51 신고

요즘은 인터넷 조금 검색하면 못할게 없는거 같아요 ^^

찰떡짝꿍 2020.04.01 21:24 신고

와우 정말 능력자시네요 ㅎㅎ 지금 스킨도 충분히 예쁘지만!! 뭔가 더 대단한게 탄생할 것 같아요 구독하고 갑니당 :) 제 블로그도 방문해주시고 자주 소통하면 좋겠어요!

KEBI heokebi 2020.04.01 21:51 신고

감사합니다. ^^

행복나눔人 2020.04.01 21:47 신고

정말 꿀팁이네요~ 배워야겠네요^^

KEBI heokebi 2020.04.01 21:51 신고

댓글 감사합니다. ^^

석류꽃 2020.04.01 22:34 신고

공감합니다♥

KEBI heokebi 2020.04.02 10:11 신고

댓글 감사합니다.

리뷰버미 2020.04.01 23:26 신고

오.. 한번 따라해봐야겟어요 ㅎㅎ 구독하고 갈게요 자주 소통해요

KEBI heokebi 2020.04.02 10:11 신고

저도 구독 하러 갈께요 ^^

달걀쓰 2020.04.02 00:45 신고

호오... 직접 스킨을 만들 수도 있구나... 나중에 천천히 뜯어봐야겠습니다!!

KEBI heokebi 2020.04.02 10:12 신고

ㅎㅎ 네 ^^

별달리미 2020.04.02 00:51 신고

저도 한번 따라해봐야겠어요^^
좋은 정보 감사해요~~

KEBI heokebi 2020.04.02 10:12 신고

댓글 감사합니다

하울96 2020.04.02 13:27 신고

즐감하고 가요~~

KEBI heokebi 2020.04.02 22:06 신고

댓글 감사합니다. ^^

Deborah 2020.04.02 22:46 신고

배워갑니다. 좋아요. 공감 놀렀어요

음량 2020.04.04 10:16 신고

잘 보고 갑니다! 신선했어요

트위티 파파 2020.05.17 06:36 신고

우와 정말 대단하시네요!! 나중에 도전해봐야겠어요

KEBI heokebi 2020.05.17 10:14 신고

ㅎㅎ 수정해야 할 부분이 많아요 ^^

Comment *

댓글 달기

6,074,784

전체

664

오늘

5,401

어제

Skin By KEBIBLOG Ver 1.0 Copyright ⓒ KEBI BLOG. All rights reserved.